weixin_44347685的博客

概念浅拷贝：只拷贝最外面一层的数据；更深层次的对象，只拷贝引用。深拷贝：拷贝多层数据；每一层级别的数据都会拷贝。总结：拷贝引用的时候，是属于传址，而非传值。关于传值和传址的区别，是很基础的内容，详见《JavaScript 基础/对象简介.md》这篇文章。深拷贝会把对象里所有的数据重新复制到新的内存空间，是最彻底的拷贝。浅拷贝的实现方式用 for in 实现浅拷贝（比较繁琐）const obj1 = { name: 'qianguyihao', age: 28,

a链接的四种状态伪类是CSS 用于向某些选择器添加特殊的效果。a标签中有四个：link、visited、hover、active（1）link-设置a对象在未被访问前的样式表属性。（2）visited-设置a对象在其链接地址已被访问过时的样式表属性。（3）hover–设置对象在其鼠标悬停时的样式表属性。（4）active-设置对象在被用户激活（在鼠标点击与释放之间发生的事件）时的样式表属性。定义CSS时候的顺序不同，也会直接导致链接显示的效果不同。原因可能在于浏览器解释CSS时遵循的“就近原

显式转换显示转换一般指使用Number、String和Boolean三个构造函数，手动将各种类型的值，转换成数字、字符串或者布尔值。搬运工参考博客1参考博客2

隐式转换规则转成string类型： +（字符串连接符） 2…转成number类型：++/–(自增自减运算符) + - * / %(算术运算符) > < >= <= == != === !=== (关系运算符)转成boolean类型：!（逻辑非运算符）坑一：字符串连接符与算术运算符隐式转换规则混淆坑二：关系运算符：会把其他数据类型转换成number之后再比较关系坑三：复杂数据类型在隐式转换时会先转成String，然后再转成Number运算坑四：逻辑非隐式转换与关系运算

阻止事件冒泡function stopBubble(event) { var e = arguments.callee.caller.arguments[0]||event; //若省略此句，下面的e改为event，IE运行可以，但是其他浏览器就不兼容 if (e && e.stopPropagation) { //如果提供了事件对象，则这是一个非IE浏览器 console.log('非IE浏览器取消事件冒泡'); e.stopP.

1、选择合适的图片格式2、图片压缩3、精灵图（雪碧图）4、自动优化：CDN5、使用svg技术替换图片6、用css和css3制作简单的图标和动画代替gif7、用字体图标库代替图片。8、图片延迟加载。（懒加载）9、将图片压缩成base64格式来节约请求...

Http状态码方便记忆的方法和常见状态码,HTTP状态码分类2XX 请求成功3XX 重定向4XX 客户端错误5XX 服务器错误方便记忆的方法和常见状态码1××(“继续努力”) => 表示接收到请求并且继续处理2××（“开心”） => 表示动作被成功接收、理解和接受3××（“又要跑一趟”） => 为了完成指定的动作，必须接受进一步处理4××（“自己的问题自己解决”） => 客户端发生错误，请求中包含错误语法，请求不能被正确执行5××（“服务不到位”）

前端面试题汇总别人给的170多页面试题汇总，包含方方面面。分享一下。

本题主要考察数据存储的知识，数据存储有本地和服务器存储两种方式。这里主要讲解用本地存储方式解决。即调用 localStorage、Cookie等本地存储方式。第一种——调用localStorage在一个标签页里面使localStorage.setItem(key,value)添加（修改、删除）内容；在另一个标签页里面监听 storage 事件。即可得到 localstorge 存储的值，实现不同标签页之间的通信。标签页1:<input id="name"> <input

label便签用可以让用户点击文字区域，自动聚焦到当前项的input框。input设置id属性，label设置for属性，for属性的属性值为id属性值。

iframe的优点：iframe能够原封不动的把嵌入的网页展现出来。如果有多个网页引用iframe，那么你只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷。网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe来嵌套，可以增加代码的可重用。如果遇到加载缓慢的第三方内容如图标和广告，这些问题可以由iframe来解决。iframe的缺点：会产生很多页面，不容易管理。iframe框架结构有时会让人感到迷惑，如果框架个数多的话，可能会出现上下、

主要分成两个部分：渲染引擎(Render Engine)和JS引擎。渲染引擎：负责取得网页的内容(html,xml和图像等)，整理讯息(例如假如css)，以及计算网页的显示方式，然后输出到显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不同。所有网页浏览器、电子邮件客户端以及它需要编辑、显示网络内容的应用程序都需要内核。JS引擎：解析和执行JavaScript来实现网页的动态效果。最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向与只指

data-* 属性用于存储页面或应用程序的私有自定义数据。data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。存储的（自定义）数据能够被页面的 JavaScript 中利用，以创建更好的用户体验（不进行 Ajax 调用或服务器端数据库查询）。data-* 属性包括两部分：属性名不应该包含任何大写字母，并且在前缀 “data-” 之后必须有至少一个字符属性值可以是任意字符串注释：用户代理会完全忽略前缀为 “data-” 的自定义属性。使用例子<!DOCTY

target这个属性指定所链接的页面在浏览器窗口中的打开方式。它的参数值主要有：_blank：在新窗口中打开链接文档_self：默认。在相同的框架中打开链接文档_top：在整个窗口中打开链接文档,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口_parent：在父级框架中集中打开_framename:在指定的框架中打开链接文档...

accesskey：提供了为当前元素生成键盘快捷键的提示。这个属性由空格分隔的字符列表组成。浏览器应该使用在计算机键盘布局上存在的第一个。autocapitalize：控制用户的文本输入是否和如何自动大写，它可以有以下的值：off or none，没有应用自动大写（所有字母都默认为小写字母）。on or sentences，每个句子的第一个字母默认为大写字母;所有其他字母都默认为小写字母。words，每个单词的第一个字母默认为大写字母;所有其他字母都默认为小写字母。characters，所有的字.

SVG可缩放矢量图形（ Scalable Vector Graphics ）是基于可扩展标记语言（ XML ），用于描述二维矢量图形的一种图形格式。 SVG 是 W3C(‘World Wide Web ConSortium’ 即 ’ 国际互联网标准组织 ') 在 2000 年 8 月制定的一种新的二维矢量图形格式，也是规范中的网络矢量图形标准。 SVG 严格遵从 XML 语法，并用文本格式的描述性语言来描述图像内容，因此是一种和图像分辨率无关的矢量图形格式。 SVG 于 2003 年 1 月 14 日成为.

本质上，这两种方式都是为了加载css文件，但还是存在细微的差别。差别1：老祖宗的差别，link属于XHTML标签，而@import完全是css提供的一种方式。link标签除了可以加载css外，还可以做很多其他的事情，比如定义RSS，定义rel连接属性等，@import只能加载CSS。差别2：加载顺序的差别：当一个页面被夹在的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再加载。所以有时候浏览@import加载CSS的页面

什么是HTML语义化？基本上都是围绕着几个主要的标签，像标题（h1-h6），列表（li），强调（strong em）等。根据内容的语义化（内容结构化），选择合适的标签（代码语义化），便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和机器很好的解析。为什么要语义化？为了在没有css的情况下，页面也能呈现出很好的内容结构和代码结构。为了提升用户体验，如：title，alt用于解释名词或解释图片信息，lable标签的活用。有利于和搜索引擎建立良好的沟通。方便其他设备解析（如屏幕阅.

相同点：都存储在客户端不同点存储大小cookie数据大小不能超过4k。sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。有效时间localStorage存储持久数据，浏览器关闭后数据不丢失除非主动删除数据；sessionStorage数据在当前浏览器窗口关闭后自动删除。cookie设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭数据与服务器之间的交互方式cookie的数据会自动的传递到服