青颜的天空的博客

什么是前端工程化？工程化是一种思想，而不是某种技术。其主要目的为了提高效率和降低成本，即提高开发过程中的开发效率，减少不必要的重复工作时间等栗子要盖一栋大楼，假如我们不进行工程化的考量那就是一上来掂起瓦刀、砖块就开干，直到把大楼垒起来，这样做往往意味着中间会出现错误，要推倒重来或是盖好以后结构有问题但又不知道出现在哪谁的责任甚至会在某一天轰然倒塌，那我们如果用工程化的思想去做，就会先画图纸、确定结构、确定用料和预算以及工期，另外需要用到什么工种多少人等等，我们会先打地基再建框架再填充墙体这样最后建立起

什么是 OPTIONS 请求？为什么会有 OPTIONS 请求？首先还是看一下官方或者比较官方的定义：HTTP 的 OPTIONS 方法 用于获取目的资源所支持的通信选项。客户端可以对特定的 URL 使用 OPTIONS 方法，也可以对整站（通过将 URL 设置为“*”）使用该方法。 --MDN WEB DOCS同时 OPTIONS 请求具备以下特性：选项是否允许备注Request has bodyNo没有请求体Successful response has bo

1.display: noneDOM 结构：浏览器不会渲染 display 属性为 none 的元素，会让元素完全从渲染树中消失，渲染的时候不占据任何空间；事件监听：无法进行 DOM 事件监听，不能点击；性能：修改元素会造成文档回流（reflow 与 repaint）,读屏器不会读取display: none元素内容，性能消耗较大；继承：是非继承属性，由于元素从渲染树消失，造成子孙节点消失，即使修改子孙节点属性子孙节点也无法显示，毕竟子类也不会被渲染；场景：显示出原来这里不存在的结构；tran

引言作为前端开发人员，你要是连同源策略都不知道是什么，那就太说不过去了。本篇文章将讲述同源策略的定义， 以及当我们需要克服同源策略，如何进行跨域访问数据的方法。一、同源策略的定义同源策略： 浏览器自带的一种安全策略，他是指协议、域名、 端口 三个都相同的才能互相访问，即若协议、域名、端口有一个不相同时，浏览器禁止页面加载或执行与自身不同域的脚本。那既然有同源的概念，那必定有不同源的概念，接下来我们来看一个组例子， 理解一下什么是同源，什么是不同源。url是否同源（以及原因）.

有关变量提升知识请戳这里：JavaScript中变量提升（声）1.fn()function fn() { console.log(1)}fn()function fn() { console.log(2)}fn()var fn = function () { console.log(3)}fn()function fn() { console.log(4)}fn()function fn() { console.log(5)}输出：5 5 5 3 3图

var a = 9function fn() { a = 0 return function (b) { return b + a++ }}var f = fn()console.log(f(5))console.log(fn()(5))console.log(f(5))console.log(a)输出：5 5 6 2题解：2.var a = 1function fn(a) { console.log(a) var a = 2 fun...

JSV8 工作原理数据存储栈空间：先进后出的数据结构，调用栈，存储执行上下文，以及存储原始类型的数据。堆空间：用数组实现的二叉树，存储引用类型。堆空间很大，能存放很多大的数据。存放在堆内存中的对象，变量实际保存的是一个指针，这个指针指向另一个位置。原始类型的赋值会完整复制变量值，而引用类型的赋值是复制引用地址。但JavaScript依然是值存储，对于引用类型存储的是堆空间中的首地址。垃圾回收回收调用栈内的数据：执行上下文结束且没有被引用时，则会通过向下移动 记录当前执行状态的指针（称为

请描述一下本地存储 cookies、 sessionStorage和localstorage区别相同点：都用于客户端（浏览器）存储不同点：存储大小：cookies： 4K左右，sessionStorage和localstorage5M或更大数据与服务器之间的交互方式：cookie的数据会自动传递到服务器，服务端也可以写cookie到客户端sessionStorage和localstorage不会自动把数据发给服务器，仅在客户端本地保存有效时间：cookies的有效期是服.

初学者关于this的理解一直很模糊，关于this的面试题更加令人头大。this是函数执行的主体（谁执行的）请记住this是谁和函数在哪儿创建的或者在哪执行的都没有掌握以下几条分清执行的主体（this）的规律，大多数面试题可迎刃而解。1. 给元素的某个事件绑定方法，当事件触发方法执行的时候，方法中的this是当前操作的元素document.body.onclick = function() { // this: body}通常来说this的值是触发事件的元素的引用，这种特性在多个相似的元

1.document.parentNode和document.parentnode的区别?（腾讯）document：文档对象，最外层parentNode: 父节点属性，document没有父节点，因此document.parentNode = nullparentnode：document没有parentnode这个属性， document.parentnode = undefined当前对象有这个属性，但是目前这个属性没有值，则为null若当前对象连这个属性都没有，则为undefined