m0_65310613的博客

原创 前端八股-网络安全篇

通过注入恶意代码，盗取用户cookie信息；产生本质**：网站没有对恶意代码过滤**；场景：一般存在于留言/评论模块；都拿到了可以开始伪造了。

原创 前端八股-JavaScript篇之面向对象

通过将子类的原型设置为父类的实例来实现继承。这样，子类就可以访问父类原型中的属性和方法。：通过在子类中调用父类构造函数来继承父类的属性和方法。例如：function Dog(name) { Animal.call(this, name);：将原型链继承和构造函数继承结合起来使用，既继承了父类的属性和方法，也避免了原型链继承的缺点。方法创建一个新对象，该对象的原型指向传递的对象。：使用构造函数的原型属性添加属性和方法。定义对象并初始化其属性和方法。方法来继承父类的属性和方法。**class：**使用。

原创 前端八股-JavaScript篇之闭包

var没有块级作用域，let、const有；即只能var定义变量才可以打印到。this概念：this是执行上下文中的一个属性，它指向最后—次调用的对象。（全局最外层）、函数（定义在函数中变量，只能在函数内访问到）、（块级作用域就是{}的变量，如if(){}）有return情况：把局部变量返回到外面。return情况：把局部变量返回到外面。无return：把局部变量返回到外面。赋值undefined、

原创 前端八股-javascript篇

可以改变；对象是引用类型；原因：修改对象中的属性，并不会让对象的引用指针发生改变。

原创 前端八股-css篇

盒模型组成：padding、margin、border、content。transform原理：占据原始位置进行动画，不会触发回流和重绘；Transition 强调过渡：类似flash的补间动画，一个。Animation 强调每帧流程 ：类似flash的补间动画，transform属性：rotate旋转、缩放、倾斜、移动;），个人还是喜欢原来的css，混用更好。html：1个大 div包裹9个小div。补充：精灵图做动画也可以用上面方法实现。再操作动画，这样不会影响到其他页面了。

原创 前端八股-HTML篇

在主线程运行的同时，Worker 线程在后台运行，两者互不干扰。等到 Worker 线程完成计算任务，再把结果（postMessage）返回给主线程。常用的语义标签：header、nav、main、article、aside、footer。拖拽API：开始、进入、拖动、离开、松开、结束。原始加载问题：原始js加载会阻塞页面文档加载。为什么语义化：好的页面内容结构具有。什么是语义化：根据内容的结构化()，选择合适的标签（

原创 前端八股-浏览器原理

#浏览器渲染过程/原理解析html外部链接：如果遇到一些外部的链接资源，会立即启动别的线程下载这些资源 解析js：遇到js代码，html的解析会停留下来，等js文件执行并且执行完毕后，html才会继续解析 解析html：生成dom树 下载css：解析css文件生成cssom树 dom树和css树付作合成，生成渲染树，开始绘制概念：进程/线程关系：进程/线程/协程关系：浏览器进程中的5个线程：产生原因：多个进程抢夺资源造成的一种僵局资源类型：2种预防进程死锁：概念：？分类：强制缓存、协商缓存原理

原创 前端八股-计算机网络篇

1.会造成队头阻塞，前一个响应未及时返回，后面的响应被阻塞 2.请求必须是幂等请求，不能修改资源。因为，意外中断时候，客户端需要把未收到响应的请求重发，非幂等请求，会造成资源破坏。：客户端发请求，服务端不会立即响应，会判断是否更新，如果更新就响应，一直没有数据再来，就等待；TCP在发送一个数据之后，就开启一个定时器，若时间内收到ACK确认报文，则进行重传，在达到一定次数还没有成功就发送复位信号。，完全串行执行，请求->响应->请求->响应...，后一个请求必须在前一个响应之后发送。

原创 前端八股-vue2.0

vue内置指令（v-show、v-text等..）,不满足开发需要时，需要自定义指令;没有自定义过指令。

原创 前端八股-其他

*解决出现bug，代码报错只提示main.js，无法找到bug；所以进行开发优化--源码映射；**在没有用之前，css 和 js 合并成了一个文件，提示代码错误位置我们是看不懂的。SourceMap可以定位报错位置；Content Delivery Network --CDN内容分发网络。原理：webpack。

原创 前端八股-git

有分支情况：master、feature。相同点：都用于合并分支的。

原创 前端八股-react

react优点：组件化、虚拟DOM、JSX语法、单向数据流、兼容性好。

原创 前端八股-TypeScript

专门用来被继承的类抽象类只是为了让其他类继承的，禁止创建为对象抽象方法只能在抽象类中。

原创 前端八股-其它补充

在：flex-direction为row控制的是width；加锁后，其他试图再次加锁的线程会被阻塞，直到当前进程解锁。概念：纯函数、函数柯里化、组合函数、with、eval、严格模式都是函数式编程中的概念。：共享锁从字面来看也即是允许多个线程共同访问资源，但其他线程不能写。然后：index.js是包的内容（比如一个时间格式转换包）常见的哈希算法（如MD5、SHA-1、SHA-256）;深度优先：就是前序遍历，先找到没有后代节点的节点；前/中/后/层序遍历；广度优先：就是层序遍历，一层一层找；

原创 前端八股-重点面试题

概念：执行长时间任务时，程序不需要等待，而是执行之后的代码，任务完成后通知，通常是回调函数的形式，避免了阻塞；补充1：虚拟DOM真的比真实DOM性能好吗：虚拟缺点：首次需要渲染时，需要渲染大量的dom的同时，还有虚拟dom需要计算；缺点：1、promise内部抛出的错误，不会反应到外部（不能被try catch捕获）2、建立立即执行，无法取消。原理：一个线程存在多个协程，Yield协程挂起（即暂停函数的执行权执行，交给其它协程），next唤起协程；概念：由调用者定义，交给执行者执行的函数；

原创 vue项目开发流程

原创 Vue脚手架安装具体步骤

原创 wordpress项目文件操作说明

原创 wordpress项目环境搭建流程

原创 牛客刷题知识点-React

2.对后代组件进行如下检查：识别不安全的生命周期，使用过时字符串 ref API 的警告，使用废弃的 findDOMNode 方法的警告，检测意外的副作用（React要求，副作用代码仅出现在以下生命周期函数中ComponentDidMount，ComponentDidUpdate，ComponentWillUnMount）6、＊匹配任意字符，直到模式里面的下一个字符为止。（贪婪模式和非贪婪模式：贪婪模式在整个表达式匹配成功的前提下，尽可能多的匹配，而非贪婪模式在整个表达式匹配成功的前提下，尽可能少的匹配。

原创 牛客刷题知识点-CSS

不可继承的：baidisplay、dumargin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、 page-bread-before和unicode-bidi。

原创 牛客刷题知识点-Vue

2.数据绑定 Vue是一个MVVM框架，数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化，这也算是Vue的精髓之处。React 采用了特殊的JSX语法，Vue中也推崇编写以*.vue后缀命名的文件格式，对文件内容都有一些规定， 两者需要编译后使用。26、虚拟 DOM 最大的优势在于抽象了原本的渲染过程，实现了跨平台的能力，而不仅仅局限于浏览器的 DOM，可以是安卓和 IOS 的原生组件，可以是近期很火热的小程序，也可以是各种 GUI。

原创 牛客刷题知识点-HTML

计算方式： 1. 两个块margin都为正，取其较大的一个 2. 两个块magin都为负，取其绝对值较大的一个 3. 一个块为负，一个块为正，取两个块margin之和。HTML5 规范声明：应该使用 <h1> - <h6> 来表示标题，使用 <em> 标签来表示强调的文本，应该使用 <strong> 标签来表示重要文本，应该使用 <mark> 标签来表示标注的/突出显示的文本。28、Canvas是通过JavaScript的API进行绘图的，SVG是通过XML进行绘图的，这两种绘图方式的应用场景不同。

原创 牛客刷题知识点-JS

② let是es6中声明变量的方式，有自己的作用域块，可以放变量，所以let绑定for循环时，每个i都有自己的值. 在这个for循环中就是满足一次条件向事件队列中添加一个打印i的事件，且每个事件中的i有自己的值 ③Var没有作用域块，for循环的变量就会后一个覆盖前一个，当循环完毕时i就只有一个值，又因为for循环的判断条件是不满足跳出，所以i最后是2而不是1 ④这些完了后执行事件队列中的任务，就打印了0122。当在调用对象的某个方法时，这个方法没有访问到对象的特有数据时，方法创建这个对象有些多余。

原创 css基础笔记

自己学css的笔记