2018年04月_qq_26702033

原创 sublime text3 安装less

1、安装Sublime 插件（1）安装LESS插件：因为Sublime不支持Less语法高亮，所以，先安装这个插件，方法： ctrl+shift+p>install Package>输入less按Enter （2）安装LESS2CSS插件：这个插件的作用是当保存less文件的时候自动生成同名的css文件；当保存less文件的时候提示编译错误信息；批量编译项目目录下...

2018-04-17 11:09:44 445

原创 js排序算法

/*冒泡排序*/function bubbleSort(arr){ var len = arr.length; for(var i = 0;i<len-1;i++){ for(var j = i+1;j<len-i-1;j++){ if(arr[j]>arr[j+1]){ var temp ...

2018-04-09 13:33:19 191

原创错误的捕获

如何保证产品上线品质？前端错误的分类：及时运行错误：代码错误；资源加载错误；及时运行错误的捕获方式： - try-catch - window.onerror,注册window.onerror事件。window.onerror = function(){}资源加载错误： -object.onerror,不能在冒泡阶段实现。 - performance.getEn...

2018-04-09 11:17:40 397

原创 HTTP协议

POST和GET的区别GET在浏览器回退时是无害的，而POST会再次提交请求；GET产生的URL地址可以被收藏，而POST不可以；GET请求会被浏览器主动缓存，而POST不会，除非手动设置；GET请求只能进行URL编码，而POST支持多种编码方式；GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留；（防止crs攻击）GET请求在URL中传送是有长度限制的，而...

2018-04-09 10:41:02 221

原创浏览器渲染机制

浏览器的渲染机制1.什么是DOCTYPE及作用？ 2.浏览器渲染过程？ 3.重排？reflow 4.重绘？repaint 5.布局layout？什么是DOCTYPE及作用？用于声明文档类型和DTD类型，用于验证文件的合法性。浏览器根据DTD来判断文档类型，并决定用何种协议来解析。常见的DOCTYPE？ HTML5的DOCTYPE?<!DOCTYPE html&g...

2018-04-09 10:37:47 223

原创通信类

同源策略及限制源：协议、域名、端口cookie、localStorage和IndexDB无法读取； DOM无法获得； AJAX请求不能发送。前后端如何通信 Ajax websocket CORS ：支持跨域通信也支持同源通信如何创建ajax XMLHTTPRequest对象的工作流程兼容性处理事件的触发条件事件的触发顺序跨域通信的几中方式 JSONP...

2018-04-09 09:49:51 242

原创页面性能类

题目：提升页面性能的方式有哪些？1.资源压缩合并，减少HTTP请求； 2.非核心代码异步加载–异步加载的方式—异步加载的区别 3.利用浏览器缓存–缓存的分类–缓存的原理 4.使用CDN 5.预解析DNS<meta http-equiv="x-dns-prefetch-control" content="on"><link rel="dns-prefetch"...

2018-04-08 10:52:07 137

原创 DOM事件

DOM事件类基本概念：DOM事件的级别 DOM事件流描述DOM事件捕获的具体流程Event对象的常见应用自定义事件DOM事件类DOM0 element.onclick = function(){}DOM2 element.addEventListener('click',function(){},false)DOM3 element.addE...

2018-04-08 10:48:52 207

原创变量类型和计算

JS中适用typeof能得到的哪些类型何时使用===何时使用==JS中有哪些内置函数JS变量按照存储方式区分为哪些类型，并描述其特点如何理解JSON变量类型值类型vs引用类型typeof 运算符详解//值类型var a = 100;var b = a;a = 200;console.log(b)//100//引用类型var a = {age:20};...

2018-04-08 10:19:43 162

原创 js中的同步和异步

同步和异步的区别是什么？分别举一个同步和异步的例子一个关于setTimeout的笔试题前端使用异步的场景有哪些知识点：什么是异步（对比同步）前端使用异步的场景异步和单线程同步和异步的区别？是否发生了阻塞，例子ajax的同步和异步请求。使用场景？是否需要等待执行。定时任务：setTimeout，setInverval 网络请求：ajax请求，动态img加...

2018-04-08 10:16:56 1580

原创 webpack--处理项目中的资源文件

loader1.按一下文件目录新建文件： 2. 按照之前教程安装好webpack，html-webpack-plugin； HTML代码：<div class="layer"> <div>this is a layer</div></div>app.js代码：(入口文件)import layer from '...

2018-04-04 16:43:26 1317

qq_26702033的博客