道阻且长，行则将至。

【前端学习】—路由跳转的三种方式（十九）

Vuex是一个专门为Vue.js应用程序开发的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

Vue生命周期

定义：Promise是异步编程的一种解决方案，比传统的解决方案——回调函数和事件更合理和更强大。它是由社区最早提出和实现，ES6将其写进了语言标准，统一了用法，原生提供了Promise对象。

（二）、Object.assign()

【代码】【前端学习】—箭头函数和普通函数的区别（十四）

【代码】【前端学习】—let const var之间的区别（十三）

【代码】【前端学习】—判断成立（十二）

数组拍平也叫数组扁平化、数组拉平、数组降维，指的是把多维数组转化为一维数组。复杂场景下的数据处理（echarts做大屏数据展示）

函数防抖：事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。

函数节流：规定在一个单位时间内，事件响应函数只能被触发一次，如果这个单位时间内触发多次函数，只有一次生效。

【代码】【前端学习】—JS判断数据类型的方式有哪些（八）

【代码】【前端学习】—给定数组求最大值（七）

【代码】【前端学习】—使用多种方式实现数组去重（六）

【代码】【前端学习】—bind、call、apply（四）

超文本传输安全协议（Hypertext Transfer Protocol Secure，简称：HTTPS）是一种通过计算机网络进行安全通信的传输协议。HTTPS经由HTTP进行通信，利用SSL/TLS来加密数据包。HTTPS的主要目的是提供对网站服务器的身份认证，保护交换数据的隐私与完整性。HTTP协议采用明文传输信息，存在信息窃听信息篡改和信息劫持的风险，而协议TLS/SSL具有身份验证信息加密和完整性校验的功能，可以避免此类问题发生。安全层的主要职责就是对发起的HTTP请求的数据进行加密操作和。

PNG是一种比较新的图片格式，PNG-8是非常好的GIF格式替代者，在可能的情况下，应该尽可能的使用PNG-8而不是GIF，因为在相同的图片效果下，PNG-8具有更小的文件体积。JPEG的图片的优点是采用了直接色，得益于更丰富的色彩，JPEG非常适合用来存储照片，与GIF相比，JPEG不适合用来存储企业Logo、线框类的图。受限于 Node 是单线程运行的，所以 Webpack 在打包的过程中也是单线程的，特别是在执行 Loader 的时候，长时间编译的任务很多，这样就会导致等待的情况。

a.length;// 3// "ABC"在访问时，JavaScript 将'abc'在后台转换成，然后再访问其length属性。JavaScript也可以使用Object也可以使用valueOfif (!a) {答案是什么都不会打印，因为虽然包裹的基本类型是false，但是false被包裹成包装类型后就成了对象，所以其非值为false，所以循环体中的内容不会运行。一个拥有 length 属性和若干索引属性的对象就可以被称为类数组对象，类数组对象和数组类似，但是不能调用数组的方法。

以 iPhone XS 为例，当写 CSS 代码时，针对于单位 px，其宽度为 414px & 896px，也就是说当赋予一个 DIV元素宽度为 414px，这个 DIV 就会填满手机的宽度；而如果有一把尺子来实际测量这部手机的物理像素，实际为 1242*2688 物理像素；经过计算可知，1242/414=3，也就是说，在单边上，一个逻辑像素=3个物理像素，就说这个屏幕的像素密度为 3，也就是常说的 3 倍屏。

不同的渲染模式会影响浏览器对 CSS 代码甚⾄ JavaScript 脚本的解析。它必须声明在HTML⽂档的第⼀⾏。浏览器渲染页面的两种模式（可通过document.compatMode获取，比如，语雀官网的文档类型是。

CSS 规范规定，每个元素都有 display 属性，确定该元素的类型，每个元素都有默认的 display 值，比如 div 默认 display 属性值为“block”，成为“块级”元素；span 默认display 属性值为“inline”，是“行内”元素。在chrome控制台中的Application选项卡中可以看到cookie的信息⼀个域名下⾯可能存在着很多个 cookie对象。但⼀个 cookie只能⽤于⼀个域名，不能够发给其它的域名。Name。

外部样式表，引入一个外部 css 文件内部样式表，将 css 代码放在标签内部内联样式，将 css 样式直接定义在 HTML 元素内部最基本的：设置display属性为none，或者技巧性：设置visibility属性为hidden技巧性：设置宽高为 0，设置透明度为 0，设置 z-index 位置在-1000emCSS盒模型本质上是⼀个盒⼦，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。

IE:trident内核Firefox：gecko内核Safari:webkit内核Opera:以前是presto内核，Opera现已改用GoogleChrome的Blink内核Chrome:Blink(基于webkit，Google与OperaSoftware共同开发)微格式（Microformats）是一种让机器可读的语义化 XHTML 词汇的集合，是结构化数据的开放标准。是为特殊应用而制定的特殊格式。优点：将智能数据添加到网页上，让网站内容在搜索引擎结果界面可以显示额外的提示。