react
旗袍不开、怎么得胜?
这个作者很懒,什么都没留下…
展开
-
Ant Design(antd)4.X引入阿里iconfont.cn图标(Icon)
Ant Design(antd)4.X引入阿里iconfont.cn图标(Icon)官方的Demo是这么给的:import { createFromIconfontCN } from '@ant-design/icons';const IconFont = createFromIconfontCN({ scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js',});ReactDOM.render( <div className原创 2020-07-16 11:03:42 · 3370 阅读 · 0 评论 -
babel编译时出现:Error: Cannot find module ‘@babel/core‘
babel编译时出现:Error: Cannot find module ‘@babel/core’ERROR in ./src/index.jsModule build failed (from ./node_modules/_babel-loader@8.1.0@babel-loader/lib/index.js):Error: Cannot find module '@babel/core'Require stack:- D:\work\HBuilderXWorkspace\react\01原创 2020-07-07 11:09:22 · 9142 阅读 · 0 评论 -
React:diff算法(简介)
React:diff算法(简介)即:比较两棵新旧DOM树差别的算法(different算法),比较得出两棵DOM树的差异后,对有差异的部分进行页面更新,这样则可以不必更新大块的DOM元素,大大减少性能开销。tree diff: 新旧两棵DOM树,逐层对比的过程;当整棵DOM树逐层对比完毕,则所有需要被按需更新的元素,必然能够找到;component diff: 在进行Tree diff的时候,每一层中,组件级别的对比,叫做component Diff;如果对比前后,组件的类型相同,则暂时认为此组原创 2020-07-03 16:12:23 · 150 阅读 · 0 评论 -
React:DOM树与虚拟DOM树(概念与区别)
React:DOM树与虚拟DOM树(概念与区别)**DOM的本质:**浏览器中的概念,用JS对象来表示页面上的元素,并提供了操作DOM对象的API;**React中的虚拟DOM:**是框架中的概念,是程序员 用JS对象来模拟页面上的DOM和DOM嵌套;**虚拟DOM的目的:**为了实现页面中,DOM元素的高效更新DOM和虚拟DOM的区别:**DOM:**浏览器中提供的概念,用JS对象表示页面上的元素,并提供了操作元素的API;**虚拟DOM:**是框架中的概念;是开发框架的程序员,手动用JS对原创 2020-07-03 15:53:27 · 1062 阅读 · 0 评论