08 2021 档案

模块化一 —前端模块化发展
摘要：一 前端模块基本功能： 1 模块分类： 外部的模块: 指代引入前端工程的某个外部的包(package),可能由多个JS文件组成，但会通过入口暴露给我们项目调用 内部的模块: 指代我们自己的工程项目中编码的最小单元： 即单个的JS文件。 2 模块主要解决的问题： 外部模块的管理：npm以前通过scri 阅读全文
posted @ 2021-08-30 14:05 TerryMin 阅读(126) 评论(0) 推荐(0)
React状态管理—Dva使用（二）
摘要：一 Dva：https://dvajs.com/ 1 Dva:是一个基于redux和redux-saga的数据流方案，还额外内置了react-router和fetch，可以理解为一个轻量级的应用框架。（dva = React-Router + Redux + Redux-saga） 2 目前流行的数 阅读全文
posted @ 2021-08-19 15:56 TerryMin 阅读(499) 评论(0) 推荐(0)
mac利用safari浏览器代理不同浏览器处理兼容问题
摘要：一 Mac Safari 中设置代理使用IE内核浏览器：https://www.jianshu.com/p/10039926d687 1 浏览器内核：https://blog.csdn.net/u014753892/article/details/52713841 内核分成两部分：渲染引擎(layo 阅读全文
posted @ 2021-08-17 14:54 TerryMin 阅读(1044) 评论(0) 推荐(0)
模块化四—webpack在项目中优化
摘要：一 抽象语法树（Abstract Syntax Tree）: 1 AST: JavaScript Parser 会把代码转化为一颗抽象语法树（AST），这颗树定义了代码的结构，通过操纵这颗树，我们可以精准的定位到声明语句、赋值语句、运算语句等等，实现对代码的分析、优化、变更等操作。 2 AST用途： 阅读全文
posted @ 2021-08-16 11:21 TerryMin 阅读(104) 评论(0) 推荐(0)
React Hooks之memo useMemo useCallback
摘要：一 memo useMemo与useCallback关系: useCallback和useMemo的参数跟useEffect一致，他们之间最大的区别有是useEffect可用于处理副作用，而前两个hooks不能。useMemo和useCallback都会在组件第一次渲染的时候执行，之后会在其依赖的变 阅读全文
posted @ 2021-08-12 17:28 TerryMin 阅读(195) 评论(0) 推荐(0)
React Hooks之useRef、createRef、forwardRef
摘要：一 Ref（reference）引用：用于直接使用dom元素的某个方法，或者直接使用自定义组件中的某个方法。处理对象：管理焦点，文本选择，媒体播放(媒体回放)；触发动画；集成第三方的DOM库。 作用于内置的html组件，得到的是真实的dom ref作用于类组件，得到的是类的实例 ref不能作用于函数 阅读全文
posted @ 2021-08-12 11:33 TerryMin 阅读(787) 评论(0) 推荐(0)
浏览器渲染原理
摘要：一 浏览器工作原理：https://blog.csdn.net/dangnian/article/details/50876241 浏览器的主要组件包括： 用户界面 - 包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗口显示的你请求的页面外，其他显示的各个部分都属于用户界面。 浏览器引擎 - 阅读全文
posted @ 2021-08-04 15:25 TerryMin 阅读(54) 评论(0) 推荐(0)