Loading

摘要: Babel的深入解析 为什么需要babel? 事实上,在开发中我们很少直接去接触babel,但是babel对于前端开发来说,目前是不可缺少的一部分:开发中,我们想要使用ES6+的语法,想要使用TypeScript,开发React项目,它们都是离不开Babel的; Babel是一个工具链,主要用于旧浏 阅读全文
posted @ 2022-02-13 23:24 sunflower-js 阅读(98) 评论(0) 推荐(0) 编辑
摘要: Webpack的模块化 Webpack打包的代码,允许我们使用各种各样的模块化,但是最常用的是CommonJS、ES Module。那么它是如何帮助我们实现了代码中支持模块化呢? 我们来研究一下它的原理,包括如下原理: CommonJS模块化实现原理; ES Module实现原理; CommonJS 阅读全文
posted @ 2022-02-13 19:57 sunflower-js 阅读(83) 评论(0) 推荐(0) 编辑
摘要: 加载文件 file-loader 我们项目中可以加载图片,我们需要在项目中使用图片,比较常见的使用图片的方式是两种: img元素,设置src属性; 其他元素(比如div),设置background-image的css属性; 这个时候,打包会报错 要处理jpg、png等格式的图片,我们也需要有对应的l 阅读全文
posted @ 2022-02-13 14:05 sunflower-js 阅读(40) 评论(0) 推荐(0) 编辑
摘要: css处理 css-loader的使用 我们创建一个component.js,通过JavaScript创建了一个元素,并且希望给它设置一些样式; 上面的错误信息告诉我们需要一个loader来加载这个css文件,但是loader是什么呢?loader 可以用于对模块的源代码进行转换;我们可以将css文 阅读全文
posted @ 2022-02-13 00:10 sunflower-js 阅读(42) 评论(0) 推荐(0) 编辑
摘要: Webpack是什么? webpack是一个静态的模块化打包工具,为现代的JavaScript应用程序; 对上面的解释进行拆解: 打包bundler:webpack可以将帮助我们进行打包,所以它是一个打包工具 静态的static:这样表述的原因是我们最终可以将代码打包成最终的静态资源(部署到静态服务 阅读全文
posted @ 2022-02-05 23:37 sunflower-js 阅读(35) 评论(0) 推荐(0) 编辑
摘要: React Hooks的使用 为什么需要Hook? Hook 是 React 16.8 的新增特性,它可以让我们在不编写class的情况下使用state以及其他的React特性(比如生命周期)。 class组件可以定义自己的state,用来保存组件自己内部的状态;函数式组件不可以,因为函数每次调用都 阅读全文
posted @ 2022-02-04 22:52 sunflower-js 阅读(85) 评论(0) 推荐(0) 编辑
摘要: react-router的使用 路由 前端渲染的理解: 每次请求涉及到的静态资源都会从静态资源服务器获取; 这些资源包括HTML+CSS+JS,然后在前端对这些请求回来的资源进行渲染; 需要注意的是,客户端的每一次请求,都会从静态资源服务器请求文件; 同时可以看到,和之前的后断路由不同,这时后端只是 阅读全文
posted @ 2022-02-03 23:15 sunflower-js 阅读(88) 评论(0) 推荐(0) 编辑
摘要: redux融入react代码 手动和redux联系 在 componentDidMount 中定义数据的变化,当数据发生变化时重新设置 counter;在发生点击事件时,调用store的dispatch来派发对应的action; 查看代码 //手动和redux联系 import React, { P 阅读全文
posted @ 2022-02-03 21:45 sunflower-js 阅读(32) 评论(0) 推荐(0) 编辑
摘要: redux的使用 JavaScript纯函数 函数式编程中有一个概念叫纯函数,JavaScript符合函数式编程的范式,所以也有纯函数的概念; 纯函数的维基百科定义: 在程序设计中,若一个函数符合一下条件,那么这个函数被称为纯函数: 此函数在相同的输入值时,需产生相同的输出。函数的输出和输入值以外的 阅读全文
posted @ 2022-02-03 13:12 sunflower-js 阅读(40) 评论(0) 推荐(0) 编辑
摘要: AntDesign组件库 AntDesign的介绍 AntDesign ,简称 antd 是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。中后台的产品 属于工具性产品,很多优秀的设计团队通过自身的探索和积累,形成了自己的设计体系。 AntDesign 阅读全文
posted @ 2022-02-03 11:07 sunflower-js 阅读(499) 评论(0) 推荐(0) 编辑