qq_39708927的博客

转载 【前端必会】设计，模式

五大设计原则： S ：做什么事都要分开，小（简）即是美； 一个程序只做一件事； 如果功能过于复杂就要拆分开； O ：open and close ，对扩展开放，对修改封闭 !important； 增加需求时，扩展新代码，而不是修改原代码； 渐进增强； L ：父类可以出现的地方，子类也能出现； 子类能够覆盖父类； 父类能出现的地方，子类就能出现； I ： 针对接口...

转载 前端性能优化

前端性能优化 translate替代top改变 opacity替代visibility 不要一条一条的修改DOM的样式，预先定义好class，然后修改DOM的className 把DOM离线后修改，比如：先把DOM给display:none（有一次reflow），然后你修改100次，然后再把它显示出来 不要把DOM节点的属性值放在一个循环里面当成循环里的变量 不要使用table布局，可能一个很小...

原创 深入浅出HTTP

首先让我们来了解一下http的请求报文和响应报文 请求报文的起始行：AJAX请求方法，请求的资源地址，请求的http版本 请求报文的首部：也可以称为http头部信息（头部的结尾有空行） 请求的主体：也就是 ...

原创 vue2.0内部命令思维导图

原创 ES6常用特性思维导图

原创 深入浅出TCP三次握手和四次分手

有图可知，由于HTTP只有请求和响应的概念，信道连接需要通过TCP来完成的，因此让我们先来谈谈TCP的三次握手和四次分手吧 客户端首先要SYN=1,表示要创建连接 服务端接收到后，要告诉客户端：我接受到了！所以加个ACK=1，就变成了ACK=1,SYN=1 理论上这时就创建连接成功（也就是半连接状态）了，但是要防止一个意外(也就是下面的为什么需要三次握手)，所以客户端要再发一个消息给服务...

原创 浅谈深入浅出的防抖和节流

-----连续尝试进行过多的DOM相关操作时，这很可能会导致浏览器挂起，有时候甚至崩溃 ------------此时，就需要节流和防抖来使某些代码不可以在没有间断的情况下连续重复的执行。 节流背后的思想：让函数在一段时间间隔内周期性的执行（就好像不让水龙头一直不停的流，而是把水龙头揪紧一丢丢，让它一滴一滴周期性的流下去，以此达到节流的效果） function throttle(func,wai...

原创 sass常用指令和函数

scss常用指令（注意：scss与sass的区别） 混合样式：@mixin 名字(参数1，参数2…){…} ----------------------调用@mixin需要@include 名字 继承样式：@extend 需要继承的类、ID名、自定义的混合样式等的名字 导入scss样式：@inport “scss文件名” 条件控制指令：@if 条件{…} 循环控制指令：@for $var f...