Shivy_的博客

介绍：前端性能优化，主要可以从以下几个方面进行处理： 减少请求数量 使用CSS Sprites（精灵图），融合多个小图片 将小图片打包成base64 能用css做的效果，就不要用js做；能用js做的，就不要轻易使用三方插件；避免引入第三方大量的库； 减少请求时间 将js,css,html等文件，能压缩的尽量压缩，减少文件大小，加快下载速度 利用webpack打包根据路由进行懒加载，不要初始就加载全部，那样文件会很大 建立内部CDN能更快速的获取文件 代码优化 Css放在body上，把js放在bod

输入完网址按下回车， 刚看到网页的过程中发生了什么 域名解析 发起TCP的3次握手 建立TCP连接后发起http请求 服务器端响应http请求，浏览器得到html代码 浏览器解析html代码，并请求html代码中的资源 浏览器对页面进行渲染呈现给用户 常见的状态码 200（成功） - 服务器成功返回网页 201 （已创建） - 请求成功并且服务器创建了新的资源。 304 （未修改） - 自从上次请求后，请求的网页未修改过。服务器返回此响应时，不会返回网页内容 400 （错误请求） - 服务器不理解请求

Vue的优点 轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十 kb ； 双向数据绑定：保留了 angular 的特点，在数据操作方面更为简单 简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习； 组件化：实现了HTML的封装和重用，在构建单页面应用方面有着独特的优势； 虚拟DOM：dom 操作是非常耗费性能的， 不再使用原生的 dom 操作节点，极大解放 dom 操作，但具体操作的还是 dom 不过是换了另一种方式 运行速度更快：相比较于 react 而言，同样是操作虚拟 d

列举ES6的新特性并说一下如何使用 Const,let a) var是函数作用域，会变量提升 b) let是块级作用域，不会变量提升 c) const用于定义常量，是块级作用域，不会变量提升 模板字符串：用反引号（）标识`，可以当作普通字符串使用，也可以用来定义多行字符串 箭头函数：ES6中的函数定义不再使用关键字function()，而是利用了()=>来进行定义 函数的参数默认值： 对象和数组解构：ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值 for…of 和for…in（for

闭包的含义？有什么特性？优缺点？及闭包主要解决了什么问题？ 闭包的简单解释就是： 函数嵌套函数，内部的函数能够读取其他函数内的部变量或参数；全面的解释就是：在js中变量的作用域属于函数作用域，在函数执行完毕后，作用域就会被清理，内存也会随之被回收，但是由于闭包函数是建立在函数内部的子函数，由于其可访问上级作用域，即使上级函数执行完，作用域也不会随之销毁，这时的子函数（也就是闭包），便拥有了访问上级作用域中变量的权限，即使上级函数执行完后作用域内的值也不会被销毁。 闭包的特性有： a) 闭包可以更新外部的变

CSS3新增的属性有哪些？ RGBA颜色和透明度： rgba() 函数使用红®、绿(G)、蓝(B)、透明度(A) a) 红色（R）0 到 255 间的整数，代表颜色中的红色成分 b) 绿色（G）0 到 255 间的整数，代表颜色中的绿色成分 c) 蓝色（B）0 到 255 间的整数，代表颜色中的蓝色成分 d) 透明度（A）取值 0~1 之间， 代表透明度 Background属性 a) background-image：设置元素的背景图像 b) background-origin：规定背景图片的定位区域

HTML5新增的标签及作用 定义文档类型，在文档开头有 <!DOCTYPE html> 新增了结构性标签： 主要确保HTML文档的结构完整性 a) header标签：定义页面的也没信息，一般用在头部，比如登录栏 b) nav标签：定义导航链接，一般用来创建导航 c) article标签： 定义独立的内容，比如独立的段落，章节 d) footer标签： 定义页尾，一般用来创建页脚 e) section标签： 定义网页的区块，一般用来做结构划分 f) aside标签： 定义所处内容之外的内容，语意

从网络方面检测 先确保网络连接顺畅 再检查 URL 地址是否错误 打开 控制台 查看是否有报错信息 查看接口访问 是否有请求 查看 路由 是否有 path错误 ，导致加载了不存在的页面 从js和css方面检测 排除了 网络问题 以后，如果还是白屏，那一般都是 css和js 加载造成的；css和js 会造成阻塞渲染。比如不正确的引入css和js ， 就会导致它们的加载速度过长，从而导致白屏现象。 正确的引入方式是： 在 <head> 标签中引入css：因为在加载HTML 前不先渲染css 的

for循环 + search()方法 解析：通过 for循环 遍历字符串的每个字符，然后通过search()方法检索字符串里的子字符，如果没有匹配的字符，则返回 -1 let str = 'hello'; let newStr = ''; for(let i = 0; i < str.length; i++) { // 判断如果newStr里没有匹配的字符， if(newStr.search(str[i]) == -1) // 就将该字符追加到newStr里 newStr +=

for循环 + indexOf()方法 + push()方法 解析： 通过 for循环 遍历原始数组，然后通过indexOf() 方法判断元素的索引是否重复存在，如果没有就通过 push() 方法将其添加到新数组当中 let arr = ['aa','bb','cc','aa']; let newArr = []; for(var i = 0; i < arr.length; i++) { // indexOf()方法返回在数组中找到给定元素的第一个索引，若不存在，返回 -1 // 判断是否

检测复杂数据类型 以布尔值的形式，返回第一个参数是否属于第二个参数对象的实例 function isBlong(param1,param2) { return Boolean(param1 instanceof param2) } 数据类型转换 以字符串的形式返回两个数字参数的拼接效果，例如： -111,222 ------->> -111222 function _string(param1,param2) { return String(param1) + String(par.

console.log(parseInt(‘60’, 40))的结果是什么？ // NaN console.log(parseInt(‘11’, 20))的结果是什么？ // 21 分析： parseInt(string,radix) 函数可解析一个字符串，并返回一个整数。 如果 string 以 “0x” 开头，parseInt() 会把 string 的其余部分解析为十六进制的整数。 如果 string 以 0 开头，那么 ECMAScript v3 允许 parse...

对前端工程师的理解 前端工程师：主要是通过 css+html+js 等代码方式，实现页面的制作及逻辑交互；通过技术来提升用户的体验效果。前端不仅仅局限于网页的制作，还有app，小程序，游戏等开发；在前端的开发中，除了使用最基本的 css+html+js 外，还可以使用一些新的流行框架或插件，比如 vue，jquery 等；前端不仅可以写出优美的代码，还能高质量的还原效果图；可以说是最贴近用户需求的程序员； 一步步让产品优化的更好，给顾客最好的体验效果。 ...