- 博客(11)
- 收藏
- 关注
RSS订阅原创 React生命周期
生命周期初始化阶段 constructor - 在组件挂载之前执行，调用super(props),用来将父组件传来的props绑定到这个类中，使用this.props将会得到。 - 定义状态 - 状态初始化也可以有父组件传递过来的属性来进行赋值 - static getDerivedStateFromProps ( nextPro...
2019-05-15 09:19:22
173
原创 React事件
原生js — 事件事件概念构成谁触发: DOM事件触发的形式： on addEventListener事件类型: click keyup keydown事件处理程序事件对象事件传参 var box = doucment.querySelector( 'div' ) box.onclick = function(){ //事件处理程序 ...
2019-05-15 09:07:22
133
原创 React组件和路由
组件通信父子通信父组件将一个数据传递给子组件，但是这个数据只有父组件有权利更改，子组件不可以```class Father extends Component{ constructor(){ super() this.state={ name:'臭弟弟' } } changeName = () ...
2019-05-15 08:52:28
735
原创 路由守卫!!!
路由的使用命名路由给路由起个名字，这样可以方便我们在使用路由的时候， 简写路径命名视图给出了一级视图以外的其他视图起名字， 这样可以区分不同级别的路由使用不同级别的视图动态路由 & 路由传参 & 路由接参vue cli3 配置反向代理在根目录下面新建一个 vue.config.js // vue.config.js中可以默认直接使用 http-...
2019-04-28 21:54:46
374
原创 组件--插件--辅助
props属性验证常用形式：props: {key: keyType // key是从父组件获得的自定义属性， 值是我们期望得到的数据类型}业务：我现在想要 > 1000 我才要， 没有 > 1000 我就不要解决： vue提供了一个 ：validatorprops: {key: {validator( value ){return value 的条件...
2019-04-24 11:32:10
252
原创 vue的生命周期
组件生命周期（ 组件内钩子 ） 王者级钩子函数，就是options里面的key, 它的值是函数钩子函数写在其他配置项的后面组件中的三个阶段初始化阶段beforecreate ----- created ----- boforemount ----- mounted运行中阶段boforeupdate ----- updated销毁阶段befo...
2019-04-24 11:25:39
107
原创 组件的各种类型及案例
组件的类型Vue.component(组建名称, 组件的配置)在组件中使用components的配置项来表示问题：组件命名问题组件命名和html原生标签冲突 Header Footer ----> header footer大驼峰的写法Vue.componennt('ZhangJun',{template: '<div></div>'})...
2019-04-22 19:51:02
1528
原创 vue的底层原理
深入式响应深入响应式原理：1. 当视图模型（VM）中的数据模型（M）发生改变时， 视图（V）就会进行更新2. Vue通过watcher将data中的属性全部使用Object.definePropery编程getter和setter,当属性值发生改变的时候， 就会触发， 然后wather就会触发， 告诉视图（V）进行重新渲染3. **** 数据必须放在data选项中才能进行深入响应式底层...
2019-04-19 21:39:19
740
原创 前端开发文档
1. 前端的开发规范目录构建的规范命名原则：简洁比如： src 源代码 img 图片资源 js JavaScript脚本 dep 第三方依赖包不使用复数比如： 不使用 imgs docs根目录（root）结构按职能划分比如：src 源代码（逻辑）doc 文档dep 第三方依赖包test 测试根据业务逻辑进行文件夹的划分srccommon 公共资源...
2019-04-16 20:24:09
6663
原创 前端的开发命名规范
1. 前端的开发规范目录构建的规范命名原则：简洁比如： src 源代码 img 图片资源 js JavaScript脚本 dep 第三方依赖包不使用复数比如： 不使用 imgs docs根目录（root）结构按职能划分比如：1. src 源代码（逻辑）2. doc 文档3. dep 第三方依赖包4. test 测试根据业务逻辑进行...
2019-04-16 12:00:51
314
原创 Promise
/*Promise1. 通过new Promise()2. 参数是一个回调函数， 回调函数中有两个参数 （resolve reject） * resolve也是一个函数， 函数中接收参数， 参数为任务 * resolve 中任务主线程 ， 而then中任务是放在异步队列中的，执行在主线程之后 3. Promise对象的api then(callback) ca...
2019-04-15 20:33:25
115
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人