W1254667的博客

进行，否则则只替换行中第一个匹配串。如：we.fdffddfwe.加上/g 后，则 2 个。/g 意思就是：global 可选标志，带这个标志表示替换将针对行中每个匹配的串。

(考察基础 API)

答案：alert(stringArray.join(“”))

一个是 number 一个是 string 时，会尝试将 string 转换为 number。尝试将 Object 转换成 number 或 string，取决于另外一个对比量的类型。所以，对于 0、空字符串的判断，建议使用 “===”。“===”会先判断两边的值类。undefined 与 null 相等，但不恒等（===）尝试将 boolean 转换为 number，0 或 1。那么问题来了，看下面的代码，输出什么，型，类型不匹配时为 false。foo 的类型为 String。foo 的值为什么？

解释：null 是一个只有一个值的数据类型，这个值就是 null。表示一个空指针对象，所以用。typeof 检测会返回”object”

声明变量但并未对其赋值进行初始化时，这个变量的值就是 undefined。解释：Undefined 是一个只有一个值的数据类型，这个值就是“注意未申明的变量和声明了未赋值的是不一样的。undefined”，在使用 var。

在 JS 里通过 onclick 绑定：xxx.onclick = test通过事件添加进行绑定：addEventListener(xxx, ‘直接在 DOM 里绑定事件：“事件捕捉”：事件由最不具体的节点先接收，然后逐级向下，一直到最具体的。“事件冒泡”：事件开始由最具体的元素接受，然后逐级向上传播。“DOM 事件流”：三个阶段：事件捕捉，目标阶段，事件冒泡。Javascript 的事件流模型都有什么？

2．主要用来向 HTML（标准通用标记语言下的一个应用）页面添加交互行为。3．可以直接嵌入 HTML 页面，但写成单独的 js 文件有利于结构和行为的分离。最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，javaScript 一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类。4．跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如 Windows、

本地对象为 array obj regexp 等可以 new 实例化

canceBubble()只支持 IE,return false,

5. 把所有 < 和 & 特殊符号用编码表示6. 给所有属性赋一个值。2. 所有标签的元素和属性的名字都必须使用小写。1. 所有的标记都必须要有一个相应的结束标记。3. 所有的 XML 标记都必须合理嵌套。4. 所有的属性必须用引号 "" 括起来。7. 不要在注释内容中使用 "--"8. 图片必须有说明文字。

内联样式，将 css 样式直接定义在 HTML。外部样式表，引入一个外部 css 文件。内部样式表，将 css 代码放在。 标签内部。

的，不要认为这是 html 的表现，这些其实 html 默认的 css 样式在起作用，所以去掉或样式。注重语义标记.因此,如果页面文件的标题被标记,而不是,那么这个页面在搜索结果的位置可能会比较靠后.丢失的时候能让页面呈现清晰的结构不是语义化的 HTML 结构的优点，但是浏览器都有有默。认样式，默认样式的目的也是为了更好的表达 html 的语义，可以说浏览器的默认样式和语。例如,如果你使用的含语义的标记,屏幕阅读器就会“逐个拼出”你的单词,而不是试着去对。以确信读取设备将根据其自身的条件来合适地显示页面.

Microformats）是一种让机器可读的语义化 XHTML 词汇的集合，是结构化数据的开。优点：将智能数据添加到网页上，让网站内容在搜索引擎结果界面可以显示额外的提示。用范例：豆瓣，有兴趣自行 google）是为特殊应用而制定的特殊格式。

但是上面的那些都不是面试官想要的最后答案。面试官希望听到是 Webp。图片压缩体积大约只有 JPEG 的 2/3，并能节省大量的服务器带宽资源和数据空间。在质量相同的情况下，WebP 格式图像的体积要比 JPEG 格式图像小 40%google）开发的一种旨在加快图片加载速度的图片格式。Ebay 等知名网站已经开始测试并使用 WebP 格式。科普一下 Webp：WebP 格式，谷歌（

在请求 src 资源时会将其指向的资源下载并应用到文档内，例如 js 脚本，img 图片。src 是 source 的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在。那么浏览器会识别该文档为 css 文件，就会并行下载资源并且不会停止对当前文档的处理。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行。完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。src 用于替换当前元素，href 用于在当前文档和引用资源之间确立联系。

Storage 的概念和 cookie 相似，区别是它是为了更大容量存储设计的。化的本地存储，仅仅是会话级别的存储。而 localStorage 用于持久化的本地存储，除非主。是受限的，并且每次你请求一个新的页面的时候 Cookie 都会被发送过去，这样无形中浪费。了带宽，另外 cookie 还需要指定作用域，不可以跨域调用。的作用是与服务器进行交互，作为 HTTP 规范的一部分而存在。session）中的数据，这些数据只有在同一个会话。动删除数据，否则数据是永远不会过期的。了在本地“存储”数据而生。

节约主域名的连接数，优化页面响应速度。节约 cookie 带宽。防止不必要的安全问题。

区别：优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个。非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要。“优雅降级”观点认为应该针对那些最高级、最完善的浏览器来设计网站。“过时”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段，并把测试对象限。但由于它们并非我们所关注的焦点，因此除了修复较大的错误之外，其它的差异将被。有的网站展示它，有的则收集它，有的寻求，有的操作，还有。能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

替换文字的语言由 lang 属性指定。(在 IE 浏览器下会在没有 title 时把 alt。title(tool tip):该属性为设置该属性的元素提供建议性的信息。text):为不能显示图像、窗体或 applets 的用户代理（strong:粗体强调标签，强调，表示内容的重要性。em:斜体强调标签，更强烈强调，表示内容的强调点。UA），alt 属性用来指。tool tip 显示)

页面加载速度更快、结构化清晰、页面显示简洁。seo）搜索引擎更友好，排名更容易靠前。只要改 css 文件。

设置百分比的高度：在 standards 模式下，一个元素的高度是由其包含的内容来决定的，如。盒模型：在 W3C 标准中，如果设置一个元素的宽度和高度，指的是元素内容的宽度和高度，在写程序时我们也会经常遇到这样的问题，如何保证原来的接口不变，又提供更强大的功能，提供更好的支持，然而这时的问题就来了，因为有很多页面是基于旧的布局方式写的，而如。（还有很多，答出什么不重要，关键是看他答出的这些是不是自己经验遇到的，还是说都是。果父元素没有设置百分比的高度，子元素设置一个百分比的高度是无效的。

DOCTYPE> 声明位于文档中的最前面的位置，处于。（重点：告诉浏览器按照何种规范解析页面） 标签之前。览器文档使用哪种 HTML。

Opera:以前是 presto 内核，Opera 现已改用 Google Chrome 的 Blink 内核。Chrome:Blink(基于 webkit，Google 与 Opera Software 共同开发)Firefox：gecko 内核。Safari:webkit 内核。IE: trident 内核。

【代码】字符串相加。

【代码】数组转为树。

Proxy 的第二个参数可以有 13 种拦截方法，比 Object.defineProperty() 要更加丰富,Proxy 作为新标准受到浏览器厂商的重点关注和性能优化， 相比之下 Object.defineProperty() 是一个已有的老方法。Proxy返回的是一个新对象,我们可以只操作新的对象达到目的,而Object.defineProperty只能遍历对象属性直接修改。Proxy 的兼容性不如 Object.defineProperty() 可是使用 polyfill 来处理兼容性。

【代码】深拷贝和浅拷贝。

【代码】发布订阅者和观察者。

【代码】广度优先遍历和深度优先遍历。

DOM Listeners监听页面所有View层DOM元素的变化，当发生变化，Model层的数据随之变化；Data Bindings监听Model层的数据，当数据发生变化，View层的DOM元素随之变化。ViewModel是Vue的核心，它是Vue的一个实例。Vue实例时作用域某个HTML元素上的，这个HTML元素可以是body，也可以是某个id所指代的元素。Vue是以数据为驱动的，Vue自身将DOM和数据进行绑定，一旦创建绑定，DOM和数据将保持同步，每当数据发生变化，DOM会跟着变化。

页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;import只在IE5以上才能识别，而link是XHTML标签，无兼容问题;link属于XHTML标签，而@import是CSS提供的;link方式的样式的权重 高于@import的权重.

View可以独立于Model变化和修改，一个ViewModel可以绑定到不同的View上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。I: MVVM模式（数据变量（model）发生改变 视图（view）也改变， 视图（view）改变，数据变量（model）也发生改变）B: 内存 -同样，虚拟DOM需要将现有的DOM拷贝后保存在内存中，这是一个在DOM更新速度和内存使用中的权衡。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

AMD和Commonjs

栈，堆，队列

XSS与CSRF的区别