- 博客(12)
- 收藏
- 关注
RSS订阅原创 前端知识体系
作为前端开发攻城狮，必须要掌握的技术栈1，js基础和基本原理2，js的数据类型对应的方法3，js基本的api4，jquery5，react基本使用，组件化，hooks和原理，react-router，react-redux，thunk，saga6，vue基本使用，组件使用和原理 vuex vue-router7，webpack常用配置8，git的基本使用9，linux常用命令1...
2020-04-23 23:00:18
137
原创 vue原理
**在这个前端蓬勃发展的阶段，前端框架太多了，从原来的霸主jquery到现在的vue，react等等，不管前端怎么发展，理解js本质，框架运行的原理非常重要，作为我个人而言，我是看好react，weex，react native,现在看来weex还很难用，但是作为阿里投入那么多人力财力，肯定会开元出适合中国人使用的框架，只是时间问题，闲话不扯了，说一下vue的实现原理**mvvm => 响...
2020-04-23 22:45:24
184
原创 js的api
**1，DOM 基本的api包括这几类，第一类获取DOM比如：let dom = document.getElementById(“id”)，第二类，利用propotype设置属性，dom.style.height，第三类，setAttrbute设置属性dom.setAttrbute(“class”,“name”),第四类，设置文档片段，将dom一次性挂载，document.createDocum...
2020-04-23 13:18:37
267
原创 vue的使用
1，基本使用2，组件使用3，高级特性1.1模板1.1.1 v-html尽量不要使用容易造成xss攻击1.1.2 绑定指令v-bind1.1.3 插值{{name}}1.2 computed 计算属性，会生成新的数据，不会改变 data中的数据，一般用在多个属性去改变某一属性，会有缓存，在多个地方用到计算后的属性，执行一次就行，减少cpu压力1.3 watch 监听数据变...
2020-04-22 22:58:02
68
原创 vue汇总
vue的知识体系1，基本使用2，组件使用3，高级使用1.1模板1.1.1 v-html尽量不要使用容易造成xss攻击1.1.2 绑定指令v-bind1.1.3 插值{{name}}1.2 computed 计算属性，会生成新的数据，不会改变 data中的数据，一般用在多个属性去改变某一属性，会有缓存，在多个地方用到计算后的属性，执行一次就行，减少cpu压力1.3 wa...
2020-04-22 18:44:10
89
原创 作用域和闭包
**说道作用域，先要说变量了，var let const1,var是es6之前的变量声明，let和const是es6提出的声明方式2，var是函数作用域，let和const是块级作用域3，var和let可以修改的变量值，const是不可修改的常量值4，var可以重复声明，let和const不可以重复声明下面展示一些 变量声明和js语句执行var a = 1,b = 2;add(a,b...
2020-04-22 16:52:38
77
原创 js的单线程和异步
**浏览器本身是多线程的，但是分给内核的这有一个线程，我们称为单线程或者主线程，为了高效利用cpu，不会因为一部本加载而挡住js往下执行，浏览器提供了异步处理...
2020-04-22 15:58:26
563
1
原创 js的原形和原型链
**原形和原型链，分析着看，相信都能看懂，那基本的原形和原型链知识你算掌握了每个对象都有一个隐式原形__propo__,每个函数都有一个显示原形propotype,这两个都是js对象存放在浏览器分配的堆内存中，现在先看下面的例子：在这个图中可以看到有三个js对象，child,father,我自己定义的，object是浏览器自带的，讲到原型链必须要讲继承，child继承father，fathe...
2020-04-22 13:32:27
311
原创 Vue的computed不改变data值
**关于computed的计算属性是否改变data的原来的值，废话不说直接上代码，实现一个搜索// DOM代码<div id="app"> <input type="text" placeholder="请输入姓名" @input="setName" v-model="name" /> <ul v-for="(item, index) in nam...
2020-04-12 17:04:40
2344
原创 为什么Vue组件里面data必须是个函数
Vue组件里面data必须是个函数**首页我们先了解一个原形和原型链，每个js对象和js方法都有一个原形，js对象的是隐式原形 proto，而方法中的是显示原形prototype，下面举个例子:export default { name:'component', data: { a: 1, b: 2 }, methods:{ }}// 其实底层是compo...
2020-04-12 15:58:18
171
原创 vue双向数据绑定
vue的v-model指令进行双向数据绑定。初始化一个页面，获得数据，这些数据都是字符串对象。vue根据遍历这个对象所有属性及对象的key，然后使用 Object.defineProperty，把这些属性全部转化为getter和setter，这些都是看不到的，在vue内部让这两个去追踪依赖绑定的元素标签，渲染页面。当这个我们传进去的对象属性发生变化的时候，会通知watcher，每个实例化组件都有一个watcher，watcher将重新计算，然后又走一遍获得数据时候的流程
2020-04-12 01:12:16
154
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人