知识储备常用的鼠标事件 click dbclick：双击 mouseenter：当鼠标指针首次移动到元素上时触发。不冒泡 mouseleave：当鼠标指针移出元素时触发。不冒泡 mousedown：当元素上按下鼠标按钮时候触发 mouseup：当元素上释放鼠标按钮时触发 mousemove：当鼠标指针在元素内部移动时重复地触发 mouseover：当鼠标指针移动到元素上时触发 mouseou...

缘起：前段时间面试SXF二面的时候发现自己项目经验有点少，一些组件实现思路也不清晰，决定恶补一波。该项目来源是慕课网上的《Vue全家桶+SSR+Koa2全栈开发美团网》，于近期学习完毕。 基础知识Koa2Koa2是基于Nodejs的web框架对Node.js的http进行了封装（封装了一个服务器），用 Promise + async 实现异步 （Koa1是用Generator，Express...

缘起：该项目是 7 月末刚开始学 Vue 的时候，一开始看官方文档，觉得不够扎实，需要一些实战练习，所以在慕课网上看《Vue2.5 开发去哪儿网 App 从零基础入门到实战项目》做了此项目。后来又自己从头到尾把项目敲了一遍。最近复习又把这个项目的实现过了一遍，总结成此博文后来又给这个项目搭了个基于Koa2的服务器，完善登录验证等功能 组件实现首页 header 组件：用 Vuex 获取城市数...

模块化的好处解决命名冲突、提高代码的复用性和可维护性 模块化的实现方式立即执行函数在早期，使用立即执行函数实现模块化是常见的手段，通过函数作用域解决了命名冲突、污染全局作用域的问题。少用了 1234(function(globalVariable){ globalVariable.test = function() {} // ... 声明各种变量、函数...

性能优化概括主要的是： 降低请求量：合并资源，减少 HTTP 请求数，minify / gzip 压缩，webP，lazyLoad。 加快请求速度：预解析DNS，减少域名数，并行加载，CDN 分发。 缓存：HTTP 协议缓存请求，离线缓存 manifest，离线数据缓存localStorage。（HTML 文件每次都向服务器询问是否有更新，JS/CSS/Ima...

JS 的事件循环宿主环境JS 运行的环境称之为宿主环境，eg. 浏览器，服务器，桌面等 执行环境栈放执行环境的地方，栈尾就是活动的执行环境 浏览器内核浏览器内核是多线程的：GUI 渲染线程、JavaScript 引擎线程、定时触发器线程、事件触发线程、异步 http 请求线程 渲染引擎和 JS 引擎是互斥的，所以渲染引擎在解析 DOM 的时候遇到 srcipt 会被暂停，阻塞渲染 主线程依...

Node.js的特性简介Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境（runtime）, 是一个让 JavaScript 运行在服务端的开发平台， 使用了一个事件驱动、非阻塞 I/O 的模型 非阻塞IO以JS为例，JavaScript为一种单线程语言，所以如果有很多任务需要执行，只能等前面的任务执行完了，再执行后面的任务。一旦遇到大量任务或...

异步编程，就是通过利用客户端环境的 Event-Loop 机制，去异步地执行某些代码 一些自己之前容易乱的关系异步函数 = 异步操作，异步函数中包含回调函数做参数。回调函数只是一个普通函数。异步函数可以写成Promise形式 以前，异步编程的方法，大概有下面四种。回调函数事件监听Promise 对象 回调函数回调函数，就是把任务的第二段单独写在一个函数里面，等到重新执行这个任务的时...

前后端数据交互利用 CookieCookie 是一些数据, 存储于电脑上的文本文件中,只要客户端 cookie 开放且有数据，每一次请求都会自动添加到 http 报文中，后台可以实时接收观察获取这些 Cookie 。 Cookie 的作用就是用于解决 “如何记录客户端的用户信息”: 当用户访问 web 页面时，他的名字可以记录在 cookie 中。 在用户下一次访问该页面时，可以在 coo...

浏览器渲染渲染流程 接收到 HTML 文件，转化为 DOM 树（字节数据=>字符串=>Token（最小单位代码）=>Node=>DOM）当然，在解析 HTML 文件的时候，浏览器还会遇到 CSS 和 JS 文件，这时候浏览器也会去下载并解析这些文件（即遇到 script 标签会暂停 DOM 的构建） 将 CSS 文件转换为 CS...

XSS定义跨站脚本攻击(Cross Site Scripting)，缩写为XSS（避免和CSS混淆就没缩写成CSS）。恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页之时，嵌入其中Web里面的Script代码会被执行，从而达到恶意攻击用户的目的 XSS攻击注入点HTML节点内容节点中包含用户输入的内容。例如 123<div>#{content}...

PS：一般单例模式和观察者模式问的最多。一般能说出5个设计模式就可以 面向对象的JS语言类型静态类型语言在编译时便确定变量的类型，而动态类型语言要到程序运行的时候，待变量被赋予某个值之后，才会有某种类型。JS是典型的动态类型语言。同时JS也是弱类型语言，Java是强类型语言强类型语言是一旦变量的类型被确定，就不能转化的语言。实际上所谓的貌似转化，都是通过中间变量来达到，原本的变量的类型肯定是...