- 博客(25)
- 收藏
- 关注
RSS订阅原创 git分支代码提交远程仓库
git clone (远程仓库的地址) 克隆项目git checkout -b dev (ps:dev是自己起的分支名字) 创建并切换分支提交流程git add . 将添加和修改的文件放到暂存区(ps:这一步是在dev中操作)git commit -m “xxx” 将放在暂存区的文件提交到本地(ps:仍然是在dev中操作)git pull origin master 将远程主分支的代码下拉到本地(ps:还是在dev中操作)git push 将本地代码提交到远程分支
2020-05-22 10:26:48
177
原创 CSS优先级算法
元素选择符：1class选择符：10id选择符：100元素标签：1000!important声明的样式优先级最高，如果冲突再进行计算。如果优先级相同，则选择最后出现的样式。继承得到的样式的优先级最低。...
2020-03-12 15:30:02
161
原创 DOM 事件有哪些阶段？事件代理的理解
分为三大阶段：捕获阶段--目标阶段--冒泡阶段 事件代理简单说就是：事件不直接绑定到某元素上，而是绑定到该元素的父元素上，进行触发事件操作时， 再通过条件判断，执行事件触发后的语句(例如'alert(e.target.innerHTML)') 好处：(1)使代码更简洁；(2)节省内存开销...
2020-03-11 20:07:34
760
原创 async 和 await
async 和 await 用了同步的方式去做异步，async 定义的函数的返回值都是 promise，await 后面的函数会先执行一遍，然后就会跳出整个 async 函数来执行后面js栈的代码...
2020-03-11 19:37:21
100
原创 computed和watch的区别
computed computed是计算属性，也就是计算值，它更多用于计算值的场景 computed具有缓存性，computed的值在getter执行后是会缓存的，只有在它依赖的属性值 改变之后，下一次获取computed的值时重新调用对应的getter来计算watch 更多的是[观察]的作用，类似于某些数据的监听回调，用于观察props $emit或者本组件的值， 当数据变化...
2020-03-11 17:44:43
322
原创 浅拷贝和深拷贝
1.浅拷贝 Object.assign() Array.prototype.slice()2.深拷贝 JSON.parse(JSON.stringify())
2020-03-11 17:20:21
105
原创 闭包的概念和优缺点
闭包的概念：闭包就是能读取其他函数内部变量的函数。优点：避免全局变量的污染希望一个变量长期存储在内存中（缓存变量）缺点：内存泄露（消耗）常驻内存，增加内存使用量...
2020-03-06 18:59:06
550
原创 v-show与v-if的区别
1.v-show是css切换，v-if是完整的销毁和重新创建2.使用频繁切换时用v-show,运行时较少改变时用v-if3.v-show 仅仅控制元素的显示方式，将 display 属性在 block 和 none 来回切换；而v-if会控制这个 DOM 节点的存在与否。当我们需要经常切换某个元素的显示/隐藏时，使用v-show会更加节省性能上的开 销；当只需要一次显示或隐藏时，...
2020-03-06 15:52:19
319
原创 常见的设计模式
1.工厂模式工厂起到的作用就是隐藏了创建实例的复杂度，只需要提供一个接口，简单清晰2.单例模式单例模式很常用，比如全局缓存、全局状态管理等等这些只需要一个对象，就可以使用单例模式3.适配器模式适配器用来解决两个接口不兼容的情况，不需要改变已有的接口，通过包装一层的方式实现两个接口的正常协作4.装饰模式装饰模式不需要改变已有的接口，作用是给对象添加功能5.发布-订阅模式发...
2020-03-06 14:39:39
78
原创 同步和异步
同步，可以理解为在执行完一个函数或方法之后，一直等待系统返回值或消息，这时程序是出于阻塞的，只有接收到返回的值或消息后才往下执行其他的命令。 异步，执行完函数或方法后，不必阻塞性地等待返回值或消息，只需要向系统委托一个异步过程，那么当系统接收到返回值或消息时，系统会自动触发委托的异步过程，从而完成一个完整的流程。...
2020-03-05 22:59:45
71
原创 link和@import的区别
1.link属于xhtml标签，除了加载css外还能用于定义rss，定义rel连接属性等作用，而@import是 css提供的，只能用于加载css2.页面被加载时link会同时被加载，而@import引用的css会等到页面被加载完再加载3.import只在ie5以上才能识别，而link是xhtml标签，无兼容性4.link方式的样式权重高于@import的权重...
2020-03-05 21:52:10
123
原创 行内元素和块级元素
行内元素：a b span img input select strong i块级元素：div ul li ol table p dl dt dd h1-h5 fromcss盒模型：border margin padding常见空元素：br hr img input link meta
2020-03-05 15:03:40
105
原创 rem布局的原理
rem布局：改变浏览器宽度，页面所有元素的高宽都等比例缩放，也就是大屏幕下导航是横的，小屏幕下还是横的只不过变小了优点：理想状态是所有屏幕的高宽比和最初的设计高宽比一样，或者相差不多，完美适应缺点：碰到重视高度的设计，或者重视元素间间距的设计，那就不太行了...
2020-03-05 12:42:19
501
原创 Promise函数
Promise 翻译过来就是承诺的意思，这个承诺会在未来有一个确切的答复，并且该承诺有三种状态，分别是： 等待中（pending） 完成了 (resolved） 拒绝了（rejected） 这个承诺一旦从等待状态变成为其他状态就永远不能更改状态了，也就是说一旦状态变为 resolved 后，就不能再次改变...
2020-03-04 20:07:18
82
原创 var、let 及 const 区别
1.函数提升优先于变量提升，函数提升会把整个函数挪到作用域顶部，变量提升只会把声明挪到作用域顶部2.var 存在提升，我们能在声明之前使用。let、const 因为暂时性死区的原因，不能在声明前使用3.var 在全局作用域下声明变量会导致变量挂载在 window 上，其他两者不会4.let 和 const 作用基本一致，但是后者声明的变量不能再次赋值...
2020-03-04 14:06:01
147
原创 如何优化页面的加载速度
1.服务器响应时间:有独立的服务器,提高Web服务器的质量,移除不必要的插件2.浏览器缓存:减少HTTP请求，从而提高网站加载速度3.优化JavaScript、HTML和CSS:删除所有不必要的空格和注释从而减小文件大小4.图像和文件格式:建议使用JPEG格式5.优化代码：不使用内联CSS6.文件分离:可以增加并行下载的数量7.去掉不必要的插件8.减少DNS查询(DNS lookup...
2020-03-03 20:33:05
157
原创 jquery绑定事件方法
1.bind(type,[data],function(eventObject))bind的特点就是会把监听器绑定到目标元素上，有一个绑一个，在页面上的元素不会动态添加的时候使用它没什么问题。如果动态增加一个“元素”，必须再bind一次才行2.live(type, [data], fn)live方法并没有将监听器绑定到自己(this)身上，而是绑定到了this.context上了。con...
2020-03-02 22:32:21
133
原创 原型和原型链
原型每个函数都有一个prototype属性,这个属性指向的就是原型对象,实例有一个_proto_指向它构造函数的原型对象原型链调用一个对象的属性时，如果在对象自身未找到，会去对象的_proto_属性中寻找，然后原型本身也是一个对象,拥有_proto_属性，所以会继续向上查找，一直找到object.prototype.proto===null这样的链条称之为原型链...
2020-03-01 20:09:41
77
原创 开发过程中遇到的兼用问题
Html、css部分1.低版本浏览器不支持html5新增的标签 方法：引入第三方库html5shiv.js2.ul标签在IE浏览器中有margin，在fireFox浏览器中有padding 方法：在设置css时，设置margin：0；padding：0；3.IE6下使用margin：0 auto ；无法居中 方法：为父容器设置text-align：center4.IE6下...
2020-02-29 22:15:51
87
原创 快速排序
从大到小排序var arr=[5,2,9,11,6,7,12]; arr.sort(function (n1,n2){ return n2-n1;});从小到大排序var arr=[5,2,9,11,6,7,12]; arr.sort(function (n1,n2){ return n1-n2;});随机排序var arr=[5,2,9,11,6,7,1...
2020-02-28 22:07:44
59
原创 数组去重方法
1.利用for嵌套for，然后splice去重Var arr = [0,11,2,1,3,4,4,5,6,2,46,764,22,11]; function unique(arr){ for(var i=0; i<arr.length; i++){ for(var j=i+1; j<arr.length; j++){ if(arr[i]==...
2020-02-27 22:18:09
74
原创 get和post的区别
1.长度限制GETGET是通过URL提交数据，因此GET可提交的数据量就跟URL所能达到的最大长度有直接关系在HTTP协议中，虽然没有对GET请求限制数据大小。但是，根据浏览器的不同，数据会被限制在2-8k之间POST POST提交数据比GET大，大小靠服务器限制，PHP上限通常是2M2.安全性GETGET请求的效率更高，但是安全性相对于POST来说要更差，因为UR...
2020-02-26 22:45:05
71
原创 localStorage、sessionStorage和cookie的区别
1.储存大小Cookie的数据大小在4k左右，而localStorage和sessionStorage的大小一般是5MB2.储存时间 - Cookie一般由服务器生成，可以设置失效时间;如果在浏览器端生成Cookie，默认是关闭浏览器后失效 - localStorage 是存储在本地，除非被清除，否则永久保存 - sessionStorage只在当前页面下有效，关闭页面或浏览器被...
2020-02-25 21:27:52
109
原创 react生命周期函数
1.Mounting挂载阶段componentWillMountcomponentWillMount是在服务端渲染时使用,是组件已经经历过初始化数据后，还未渲染DOM时render在执行完componentWillMount后，渲染页面componentDidMount组件第挂载完成，可以在这里调用ajax请求，返回数据setState后组件会重新渲染2.Upd...
2020-02-24 20:58:30
109
原创 react入门
React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面，这些代码片段被称作“组件”react分为5个方面分别是: jsx、component、路由、状态管理、 第三方工具react项目搭建: 安装脚手架命令: npm i create-react-app -g 全局安装脚手架...
2020-02-23 17:04:07
78
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人