- 博客(12)
- 收藏
- 关注
原创 React 阶段性学习总结
2021.5.19学习总结常用的3个生命周期: render(组件挂载) componentDidMount(组件挂载之后)) componentDWillUnMount(组件销毁之前)diff算法模式的基本认识,通过虚拟DOM和真实DOM的比较,渲染到页面,是通过标签进行比较key的认识,在进行插序列表或者开头插入的方式,不可以使用索引当作key;在进行输入性操作,比如:input checkbox radio 操作时也不能使用key,因为会造成顺序错乱,但如果只是用作列表渲染,是可以
2021-06-17 16:29:14
116
原创 react的扩展
setStatesetSate分为两种写法,一种是对象,一种是函数,这是一个异步更新的方法。两种写法都有第二个参数,是一个函数,其作用可以在更新完成后,进行一些操作1)this.setState({count:99},()=>{console.log('1111')})2)this.setState((state,props)=>({count:state.count+1}),()=>{console.log('1111')})lazy,Suspense(懒加载路由).
2021-06-17 16:29:00
119
原创 react-redux总结
react-redux中是父组件与UI组件的关系,父组件负责与store联系,获得状态,从而通过props传给UI组件小操作:1.在引入react-redux之后,就不需要在index.js中重新渲染组件了2.在引入react-redux之后,操作三的 store={store} 就不需要在标签上配置了在react-redux身上引入Provider在App上嵌套,配置store就可以了3.直接将UI组件和父组件放到一个文件里操作就可以了创建containers文件夹,创建父组件,.
2021-05-27 16:16:54
107
原创 Redux 总结
reacr的引入 yarn add redux新建redux文件夹并创建store.js,reducer.js,action.js,constant.js文件夹store.js文件是主要文件,主要是引入并创建creatStore,并联系reducerreducer.js 主要是进行一些初始化与处理操作,并把处理好的结果返回给storeaction.js主要是将数据改为一个对象,这个对象有type和data属性,并传给storeconstant.js是一些公用的常量.
2021-05-27 14:02:28
51
原创 vue移动端搭建项目--系列问题
一、单位转换问题,使用postcss-pxtorem首先使用npm install postcss-pxtorem -D 进行安装在vue.config.js文件下进行配置module.exports = { lintOnSave: true, css: { loaderOptions: { postcss: { plugins: [ requir
2021-02-02 10:31:53
198
2
原创 异步加载CSS的解决方案
说到加载 CSS 这种事儿不是很简单吗?像这样咯:<link rel="stylesheet" href="cssfile.css">这不就完事儿了嘛!这样是没错!但是这样有问题啊——会阻塞渲染!浏览器看到这个标签就会停下手里的活儿,去加载 CSS 并解析了。当然了,如果这个 CSS 文件是接下来要渲染的内容所需的,那无可厚非,必须先要有了这个 CSS 才能接着渲染,阻塞也是情理之中。但实际的情况却是,我们很多 CSS 内容其实在首屏的时候是不需要,起码等到后续才会使用,那么这个时候
2020-10-16 12:16:57
405
原创 ES6学习篇二
用面向对象的方法完成选项卡效果,包括切换,添加,删除,编辑<div class="tab" id="tab"> <nav class="first"> <ul> <li class="liveactive"><span>测试 </span><i class="icon">x</i></li> <li><sp
2020-08-07 15:26:39
88
原创 ES6学习篇一
1、ES6中有面向过程和面向对象两种编程方法面向过程 优点:性高高; 缺点:没有编程对象易维护,易复用面向对象 优点:易维护,易复用,易扩展; 缺点:性能比编程过程低总结:如果是一些小的项目建议用面向过程,一些大项目,多人协作的建议用面向对象。2、类的创建和实例的创建<script> // 类 class Father{ constructor(x,y){ this.x = x; this.y
2020-08-06 17:35:12
76
转载 【转载】前端必须了解的网络协议
https://blog.csdn.net/Lucky_chengzi/article/details/91581079 前端必须了解的网络协议首先是一幅四层/七层模型图OSI七层网络模型TCP/IP四层概念模型对应网络协议应用层(Application)应用层HTTP、TFTP、FTP、NFS、WA
2020-08-06 14:39:26
536
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人