- 博客(12)
- 收藏
- 关注
原创 前端知识体系
作为前端开发攻城狮,必须要掌握的技术栈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
147
原创 vue原理
**在这个前端蓬勃发展的阶段,前端框架太多了,从原来的霸主jquery到现在的vue,react等等,不管前端怎么发展,理解js本质,框架运行的原理非常重要,作为我个人而言,我是看好react,weex,react native,现在看来weex还很难用,但是作为阿里投入那么多人力财力,肯定会开元出适合中国人使用的框架,只是时间问题,闲话不扯了,说一下vue的实现原理**mvvm => 响...
2020-04-23 22:45:24
196
原创 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
279
原创 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
75
原创 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
95
原创 作用域和闭包
**说道作用域,先要说变量了,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
86
原创 js的单线程和异步
**浏览器本身是多线程的,但是分给内核的这有一个线程,我们称为单线程或者主线程,为了高效利用cpu,不会因为一部本加载而挡住js往下执行,浏览器提供了异步处理...
2020-04-22 15:58:26
575
1
原创 js的原形和原型链
**原形和原型链,分析着看,相信都能看懂,那基本的原形和原型链知识你算掌握了每个对象都有一个隐式原形__propo__,每个函数都有一个显示原形propotype,这两个都是js对象存放在浏览器分配的堆内存中,现在先看下面的例子:在这个图中可以看到有三个js对象,child,father,我自己定义的,object是浏览器自带的,讲到原型链必须要讲继承,child继承father,fathe...
2020-04-22 13:32:27
320
原创 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
2368
原创 为什么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
179
原创 vue双向数据绑定
vue的v-model指令进行双向数据绑定。初始化一个页面,获得数据,这些数据都是字符串对象。vue根据遍历这个对象所有属性及对象的key,然后使用 Object.defineProperty,把这些属性全部转化为getter和setter,这些都是看不到的,在vue内部让这两个去追踪依赖绑定的元素标签,渲染页面。当这个我们传进去的对象属性发生变化的时候,会通知watcher,每个实例化组件都有一个watcher,watcher将重新计算,然后又走一遍获得数据时候的流程
2020-04-12 01:12:16
163
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人