随笔分类 - js
AST抽象语法树
摘要：一、什么是抽象语法树 在计算机科学中，抽象语法树（abstract syntax tree 或者缩写为 AST），或者语法树（syntax tree），是源代码的抽象语法结构的树状表现形式，这里特指编程语言的源代码。树上的每个节点都表示源代码中的一种结构。 之所以说语法是「抽象」的，是因为这里的语法
阅读全文
Javascript自定义事件new Event()与new CustomEvent()
摘要：1.CustomEvent构造函数（事件是由程序创建的，可以有任意自定义功能的事件，此特性在 Web Worker 中可用） new CustomEvent(typeArg,customEventInit); typeArg:一个表示event名字的字符串customEventInit：（可选）一个
阅读全文
前端常见数据结构和特点
摘要：什么是数据结构 数据结构就是关系，没错，就是数据元素相互之间存在的一种或多种特定关系的集合。 传统上，我们把数据结构分为逻辑结构和物理结构。 逻辑结构：是指数据对象中数据元素之间的相互关系，也是我们今后最需要关注和讨论的问题。 物理结构：是指数据的逻辑结构在计算机中的存储形式。 数据元素相互之间存在
阅读全文
谈谈你对MVVM 的理解？
摘要：MVVM定义 MVVM是 Model-View-ViewModel的缩写，即模型-视图-视图模型。MVVM 是一种设计思想。 模型（Model）： 数据保存—存放着各种数据，有的是固定写死的，大多数是从后端返回的数据 视图 （View）：用户界面，也就是DOM 视图模型（View-Model）:连接
阅读全文
js正则表达test、exec和match的区别
摘要：test的用法和exec一致，只不过返回值是 true false。 exec是正则表达式的方法，而不是字符串的方法 exec与全局是否定义无关系，而match则于全局相关联，当定义为非全局，两者执行结果相同 以前用js很少用到js的正则表达式，即使用到了，也是诸如邮件名称之类的判断，网上代码很多，
阅读全文
js有哪些数据类型？及检测数据类型的方式有哪些
摘要：一.typeof typeof操作符返回一个用来表示数据类型的字符串,注意typeof运算之后的结果都是字符串类型的 注意:typeof是一个操作符,不是一个函数! 1.“string” 值是字符串 2.“boolean” 值是布尔值 3.“number” 值是数值 4.“undefined” 值未
阅读全文
proxy和reflect
摘要：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Proxy/Proxy https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/R
阅读全文
dns-prefetch、prerender、prefetch的理解
摘要：前端优化选项 DNS预获取 DNS prefetch，即DNS预获取。前端优化中与DNS有关的两点：一个是减少DNS的请求次数，另一个是进行DNS预获取。 DNS预获取可以加快页面渲染速度，无需用户点击链接就能在后台解析，所以能减少用户的等待时间，提升用户体验； 默认情况下，浏览器会对当前页面中和当
阅读全文
前端Module加载实现机制
摘要：1.什么是前端模块化 模块化开发，一个模块就是一个实现特定功能的文件，有了模块我们就可以更方便地使用别人的代码，要用什么功能就加载什么模块。 2.模块化开发的好处 1）避免变量污染，命名冲突2）提高代码利用率3）提高维护性4）依赖关系的管理 3.浏览器加载 <script src="path/to/
阅读全文
前端甘特图dhtmx-gantt
摘要：一、背景 公司业务需要，管理层做项目管理就会制定项目计划，为了更好的的做好项目计划就需要用到做计划常用的工具甘特图，而且做好计划管理对项目的风险管控也有很大的好处。 二、甘特图官网以及文档地址 https://docs.dhtmlx.com/gantt/desktop__install_with_b
阅读全文
浏览器的IndexedDB增删改查
摘要：http://www.ruanyifeng.com/blog/2018/07/indexeddb.html IndexedDBtest.htm内容如下: <!DOCTYPE html> <html > <head> <title></title> <script src="js/indexDb.js
阅读全文
TCP为什么是三次握手和四次挥手
摘要：为什么建立连接是三次握手断开连接是四次挥手？三次握手的流程和四次挥手的流程是什么？ 三次握手与四次回收分别对应TCP连接与断开过程 tcp报文格式 标志位含义 ACK：确认序号有效。 SYN：发起一个新连接。 FIN：释放一个连接。 1 2 3 三次握手的过程 注意：三次握手的最主要目的是保证连接是
阅读全文
前端跨页面通信，你知道哪些方法？
摘要：在浏览器中，我们可以同时打开多个Tab页，每个Tab页可以粗略理解为一个“独立”的运行环境，即使是全局对象也不会在多个Tab间共享。然而有些时候，我们希望能在这些“独立”的Tab页面之间同步页面的数据、信息或状态。 正如下面这个例子：我在列表页点击“收藏”后，对应的详情页按钮会自动更新为“已收藏”状
阅读全文
手写promise
摘要：const PENDING = "pending"; const FULFILLED = "fulfilled"; const REJECTED = "rejected"; function MyPromise(fn) { const self = this; self.value = null;
阅读全文
jsbridge
摘要：jsbridge是随着Hybrid App的流行而产生的一种技术。那么Hybrid App是啥？Hybrid App又称混合App，即同时使用了前端web技术(js,css,html)和原生native技术(java,kotlin,swfit,object-c)进行开发的移动应用。 混合开发的优缺点
阅读全文
深拷贝与浅拷贝的区别（深合并）
摘要：答：1.深拷贝是复制一个对象出来，改变复制出的对象的值原对象的值不会改变； 浅拷贝复制的是一个对象的指针，改变复制出的对象的值原对象的值也会跟着改变； 2.浅拷贝的方式有四种： a.直接赋值 b. object.assign c.扩展运算符... d. 数组的concat、slice方法 深拷贝的方
阅读全文
2021前端会有什么新的变化
摘要：2020年前端圈带来具有突破意义的内容或框架不多，也不会再有2013年到2017间日日新的框架大战局面，也不会有Node全栈之争，也不会因为React-Native、Weex、Flutter这类跨端而欣喜若狂。 我能看到的是今天前端已趋于稳定，在深水区探索，比如蚂蚁金服的x6，在图形可视化方面做的就
阅读全文
Puppeteer
摘要：Puppeteer 是 Chrome 开发团队在 2017 年发布的一个 Node.js 包，用来模拟 Chrome 浏览器的运行。我们团队从 Puppeteer 刚发布出来就开始成为忠实用户了（主要是因为 PhantomJs 坑太多了），本文主要在介绍 Puppeteer 的同时，结合我们平时的实
阅读全文
js跳出多层循环
摘要：forEach方法如何跳出循环 js for 循环 跳出多层循环 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 var a = [1,2,3,4,5,6,7,8]; // 8个数
阅读全文
ERR_RESPONSE_HEADERS_MULTIPLE_CONTENT_DISPOSITION ：浏览器下载报错
摘要：ERR_RESPONSE_HEADERS_MULTIPLE_CONTENT_DISPOSITION：Excel导出报错，浏览器崩溃。 服务端设置的响应头： header('pragma:public'); header('Content-type:application/vnd.ms-excel;c
阅读全文
