码我滴码 - 博客园

2018年10月17日

摘要： 1、React 严格定义了组件的生命周期，生命周期可能会经历如下三个过程装载过程（ Mount），也就是把组件第一次在 DOM 树中渲染的过程；更新过程（ Update ），当组件被重新渲染的过程；卸载过程（ Unmount），组件从 DOM 中删除的过程。 2、装载过程我们先来看装载过程，当组阅读全文

posted @ 2018-10-17 13:55 码我滴码阅读(182) 评论(0) 推荐(0)

React从0到1--组件设计原则

摘要： 1、高内聚指的是把逻辑紧密相关的内容放在一个组件中。用户界面无外乎内容、交互行为和样式。传统上，内容由 HTML 表示，交互行放在 JavaScript 代码文件中，样式放在 css 文件中定义。这虽然满足一个功能模块的需要，却要放在三个不同的文件中，这其实不满足高内聚的原则。阅读全文

posted @ 2018-10-17 13:46 码我滴码阅读(209) 评论(0) 推荐(0)

React从0到1--虚拟Dom

摘要： VirutalDOM 不会触及浏览器的部分，只是存在于 JavaScript 空间的树形结构，每次自上而下渲染 React 组件时，会对比这一次产生的 Virtual DOM 和上一次渲染的 Virtual DOM ，对比就会发现差别，然后修改真正的 DOM 树时就只需要触及差别中的部分就行。阅读全文

posted @ 2018-10-17 09:58 码我滴码阅读(99) 评论(0) 推荐(0)

React从0到1--JSX样式

摘要： react是通过数据驱动的方式来实现页面的操作 1、在render函数里面添加样式render(){ const counterStyle={ color:'red' }; return( <div> <button onClick={this.onClickButton} style={count 阅读全文

posted @ 2018-10-17 09:31 码我滴码阅读(150) 评论(0) 推荐(0)

2018年10月16日

React从0到1--新的 React 组件

摘要：我们来做一个简单的例子，点击Button，计数器加1 1、首先新建一个ClickCounter.js 2、在文件的index.js里面引入ClickCounter 3、在ClickCounter文件里面写入代码阅读全文

posted @ 2018-10-16 17:29 码我滴码阅读(255) 评论(0) 推荐(0)

React-从0到1--初始化项目

摘要：系统需求node和npm环境 1、首先全局安装create-react-app工具 npm install --global create-react-app 2、用create-react-app命令创建文件 create-react-app first_react_app 3、输入命令运行项目阅读全文

posted @ 2018-10-16 14:58 码我滴码阅读(243) 评论(0) 推荐(0)

2018年8月13日

前端优化

摘要： 1、配置浏览器缓存功能 2、用构建工具webpack进行构建，压缩html，js，css。提取公共资源，提取CSS并压缩，将开发环境更改为生产环境 3、图片资源优化，雪碧图，图片大小限制，webp 4、使用CDN 5、避免页面的重排和重绘 6、防止js阻塞进程，闭包，死循环 7、负载均衡阅读全文

posted @ 2018-08-13 17:45 码我滴码阅读(91) 评论(0) 推荐(0)

2018年8月6日

缓存

摘要： 1、sessionStorage，不能跨窗口取值，浏览器关闭后释放存储值 2、userData 3、cookie 4、openDatabase，功能强大，可以跨窗口，但学习成本高 5、localStorage，可以跨窗口，不能跨浏览器,不能跨域名，浏览器关闭后仍然存在值。阅读全文

posted @ 2018-08-06 23:09 码我滴码阅读(72) 评论(0) 推荐(0)

硬拉注意事项

摘要： 1、蹲下准备时先腹部吸气，通过充气来保护腰椎阅读全文

posted @ 2018-08-06 20:34 码我滴码阅读(122) 评论(0) 推荐(0)

2018年8月4日

初探Vue源码

摘要：在src目录下的core文件的instance里面存放的vue.js的方法。首先index.js里通过imprt的方式引入其他功能的模块，其他模块在原型上进行挂载。阅读全文

posted @ 2018-08-04 08:39 码我滴码阅读(89) 评论(0) 推荐(0)

公告