- 博客(8)
- 收藏
- 关注
原创 如何使用webpack实现模块化打包?
前提:需要实现的效果:•能够将散落的模块打包到一起•能够编译代码中的新特性•能够支持不同种类的前端资源模块。
2023-04-24 22:10:19 489
原创 webpack是什么?
common.js规范:它是node.js遵守的模块规范,该规范约定一个文件就是一个模块,每个模块都有相同作用域,通过mudule.export导出成员,再通过require函数载入模块。是同步方式加载机制,启用的时候去加载。解决了早期项目开发:命名冲突,私有空间,模块太多,无法太多。1.作用:模块化开发,提高开发效率,降低维护成本。2.本质:模块打包工具,万物皆模块的设计思想。5.采用的规范是ES modules规范,AMD(异步模块定义规范)4.解决了什么问题?
2023-04-24 21:09:02 93
原创 react生命周期的迭代
render 阶段是允许暂停、终止和重启的,这就导致 render 阶段的生命周期都是有可能被重复执行的所以它们都处于render 阶段,都可能重复被执行,就被废弃了。
2023-04-18 22:26:36 319
原创 css垂直居中的方法
需要手动写死margin为子盒子宽度的一半 父盒子position: relative;子盒子position: absolute;子盒子position: absolute;子盒子position: absolute;父盒子:display: table-cell;B:父盒子:块级元素有宽高 子盒子:行内元素由内容撑开,不固定宽高。A:父盒子:块级元素有宽高 子盒子:块级元素有宽高,固定宽高。父盒子position: relative;父盒子position: relative;
2023-04-18 21:52:27 134
原创 jsx的解读
jsx的本质是React.createElement的javascript语法糖,(React.createElement()返回一个叫做"React Element"的js对象),jsx允许前端开发者用我们最为熟悉的类html标签语法来创建虚拟dom,降低了学习成本的同时也提升了研发效率和研发体验。把开发者传进来的参数按照一定的规范组装成ReactElement对象,并把它返回给React.createElement,然后React.createElement又把它交回给开发者手中,过程如下图所示。
2023-04-18 21:08:11 179 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人