https://dawson66.github.io/2022/03/12/Interview/%E3%80%90%E6%89%8B%E5%86%99%E3%80%9156%E4%B8%AAJavaScript%E6%89%8B%E5%86%99%E7%9F%A5%E8%AF%86%E7%82%B9/

1. 实现原生ajax封装？Anwser 2. 实现new过程？Anwser 1const arr = [1,2,3] 3. 打乱一个数组？Anwser 4. 防抖函数？Anwser 5. 节流函数？Anwser 6. 数组去重？Anwser 7. setTimeout实现setIterval？为何要用setT

https://dawson66.github.io/2021/06/08/%E7%BD%91%E7%BB%9C/%E6%B5%8F%E8%A7%88%E5%99%A8%E4%B9%8B%E5%BC%BA%E7%BC%93%E5%AD%98%E5%92%8C%E5%8D%8F%E5%95%86%E7%BC%93%E5%AD%98/

概述浏览器的缓存机制也就是我们常说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，主要涉及强缓存：Expires,Cache-Control以及协商缓存：Last-Modified,If-Modified-Since,Etag,If-None-Match。 强缓存首先介绍一下什么是强缓存：浏览器不会像服务器发送任何请求，直接从本地缓存中读取文件并以状态码200返回，并标明来自缓存的字

https://dawson66.github.io/2022/04/09/JavaScript/%E5%9F%BA%E7%A1%80%E4%B9%8B%E6%B7%B1%E6%B5%85%E6%8B%B7%E8%B4%9D/

前言在日常coding中，我们会经常遇到需要复制一个值的场景，如为了不影响原值所代表的含义或者UI的更新等，我们需要拷贝一份以进行我们的其他业务代码的编写。而在JavaScript中拷贝一个值可能并不会像我们想象的那么简单，如果你条件反射一样，直接用=赋值操作符来处理，那么你就大错特错了。 赋值与拷贝 赋值：将右手边的值赋给左手边的变量。 拷贝：顾名思义，将一个值复制一份，形成两个值一样的结果。

https://dawson66.github.io/2021/06/07/Interview/interview_webpack/

一、webpack的介绍和安装 正常项目下的目录结构 dist：distribution 需要发布时直接将该文件给服务器发布 src：开发的东西放这里，打包后放入dist文件夹 js：存放js文件 node_modules main.js (index.js) ：项目入口文件 index.html：入口页面 package.json package-lock.json webpack

https://dawson66.github.io/2021/02/03/JavaScript%E5%9F%BA%E7%A1%80/JavaScript%E4%B9%8B%E9%81%8D%E5%8E%86/

JavaScript之遍历中断循环： continue：中断本次循环。 break跳出最里层的循环。 return 直接跳出循环； 12345678910for(let i=0,len=array.length;i<len;i++){ for(let j=i,lenj=array.length;j<len;j++){ if(array[j]=

https://dawson66.github.io/2022/08/24/JavaScript/Functional_programming/

目标本文主要是想介绍一下简单的函数式编程的相关概念以及在JavaScript中的实现和应用，特别的如Curring,Compose,Pipe函数的手写实现。参考：Introduction to Functional Programming 概述函数式编程是一种使用表达式和函数构建计算机程序而不改变状态和数据的范例。 函数式编程的原则函数式编程在JavaScript中的实现纯函数和非纯函数高阶函数

https://dawson66.github.io/2022/03/16/Interview/%E3%80%90%E6%89%8B%E5%86%99%E3%80%9156%E4%B8%AAJavaScript%E6%89%8B%E5%86%99%E7%9F%A5%E8%AF%86%E7%82%B9/

1. ？Anwser 2. ？Anwser 3. ？Anwser 4. ？Anwser 基础数据 5. ？Anwser 基础数据 6. ？Anwser 基础数据 7. ？Anwser 基础数据 8. ？Anwser 基础数据 9. ？Anwser 基础数据 10. ？Anw

https://dawson66.github.io/2021/06/07/Interview/%E5%85%AB%E8%82%A1%E6%96%87%E4%B9%8B%E7%BD%91%E7%BB%9C/

HTTP和HTTPS的基本概念http是一个客户端和服务端请求和应答的标准（TCP），用于从www服务器传输超文本到本地浏览器的超文本传输协议。 https：是以安全为目标的HTTP通道，即以http为基础加入SSL层进行加密。其作用是：建立一个信息安全通道，来确保信息的传输，确保网站的真实性。 HTTP和HTTPS的区别及优缺点？ HTTP是超文本传输协议，信息是明文传输。HTTPS协议要比HT

https://dawson66.github.io/2022/03/19/Interview/%E3%80%90Vue2%E3%80%91%E5%BF%85%E5%A4%8750%E4%B8%AA%E7%9F%A5%E8%AF%86%E7%82%B9/

1. 说一下Vue的优缺点？Anwser 2. 为什么说Vue是一个渐进式框架？Anwser 基础数据 3. Vue跟React的异同点有哪些？Anwser 基础数据 4. MVVM是什么？说一个和MVC有哪些区别？Anwser 基础数据 5. Vue和jQuery的区别在哪？为什么弃用jQuery而用Vue？Anwser 基础数据

https://dawson66.github.io/2021/06/06/%E7%BD%91%E7%BB%9C/%E6%B5%8F%E8%A7%88%E5%99%A8%E5%B7%A5%E4%BD%9C%E5%8E%9F%E7%90%86/

在了解浏览器工作原理之前，建议阅读MDN：Web性能系列文章，毕竟最终的目的都是为了性能！ 参考链接： inside look at modern web browser (part1) inside look at modern web browser (part2) inside look at modern web browser (part3) inside look at modern

https://dawson66.github.io/2022/04/13/Interview/interview_typescript/

https://dawson66.github.io/2021/06/07/Interview/interview_html/

DOM事件类型 请问DOM事件级别 123DOM 0级：dom.onclick=function(){}DOM 2级：document.addEventListener('click',()=>{})DOM 3级：document.addEventListener('keyup',()=>{&#1

https://dawson66.github.io/2022/04/13/Interview/Web%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/

高级前端性能优化的9大策略和6大指标 前端性能优化24条建议 降低请求量：合并资源，减少HTTP请求数，manify/gzip压缩，webP，lazyLoad。 加快请求速度：预解析DNS，减少域名数，并行加载，CDN分发。 缓存：HTTP协议缓存请求，离线缓存manifest，离线数据缓存localstorage。 渲染：JS/CSS优化，加载顺序，服务端渲染，pipeline

https://dawson66.github.io/2022/04/09/JavaScript%E5%9F%BA%E7%A1%80/%E5%9F%BA%E7%A1%80%E4%B9%8B%E6%B7%B1%E6%B5%85%E6%8B%B7%E8%B4%9D/

前言在日常coding中，我们会经常遇到需要复制一个值的场景，如为了不影响原值所代表的含义或者UI的更新等，我们需要拷贝一份以进行我们的其他业务代码的编写。而在JavaScript中拷贝一个值可能并不会像我们想象的那么简单，如果你条件反射一样，直接用=赋值操作符来处理，那么你就大错特错了。 赋值与拷贝 赋值：将右手边的值赋给左手边的变量。 拷贝：顾名思义，将一个值复制一份，形成两个值一样的结果。