摘要： 一、栈 栈（stack）是一种操作受限的线性表数据结构，基于后进先出（LIFO）策略的集合类型，例如函数中的临时变量符合后进先出的特性，因此用栈保存最合适。 在入栈和出栈过程中所需的空间复杂度是 O(1)，时间复杂度也是 O(1)。空间复杂度是指运行算法还需要的额外存储空间。 注意，内存中的堆栈和数 阅读全文

摘要： 链表（Linked List）是不同于数组的另一种数据结构，它的存储单元（即结点或元素）除了包含任意类型的数据之外，还需要包含指向另一个结点的引用，后文会用术语链接表示对结点的引用。 下面会列出链表与数组的具体不同： （1）数组需要一块连续的内存空间来存储；而链表则恰恰相反，通过指针将零散的内存串联 阅读全文

摘要： 《浏览器工作原理与实践》是极客时间上的一个浏览器学习系列，在学习之后特在此做记录和总结。 一、事件循环 消息队列是一种数据结构，可以存放要执行的任务。它符合队列“先进先出”的特点，也就是说要添加任务的话，添加到队列的尾部；要取出任务的话，从队列头部去取。 从上图可以看出，改造可以分为下面三个步骤： 阅读全文

摘要： 《浏览器工作原理与实践》是极客时间上的一个浏览器学习系列，在学习之后特在此做记录和总结。 一、执行流程 实际上变量和函数声明在代码里的位置是不会改变的，而且是在编译阶段被 JavaScript 引擎放入内存中。 一段 JavaScript 代码在执行之前需要被 JavaScript 引擎编译，编译完 阅读全文

摘要： 《浏览器工作原理与实践》是极客时间上的一个浏览器学习系列，在学习之后特在此做记录和总结。 一、Chrome架构 1）线程和进程 Chrome打开一个页面会启动4个进程：网络进程、GPU进程、浏览器主进程和渲染进程。 一个进程就是一个程序的运行实例，启动一个程序的时候，操作系统会为该程序创建一块内存， 阅读全文

摘要： 一、用户体验 用户体验（UE/UX）是指一个人使用一个特定产品、系统或服务时的行为、情绪与态度，还包含用户对于系统的功能、易用和效率的感受，因此用户体验在本质上可以视为一个人对于系统的主观感受与主观想法。 用户体验是动态的，由于不断变化的使用情况、不停变化的各个系统，以及变化发生背后的情境与脉络，因 阅读全文

摘要： 一、图像 1）响应式图像 浏览器根据屏幕大小、设备像素比、横竖屏自动加载合适的图像。 响应式的功能可以通过srcset和sizes两个新属性实现。 前者可指定选择的图像以及其大小，后者会定义一组媒体条件并声明填充的宽度。 在下面的示例中（在线查看效果），浏览器会先查看设备宽度，然后检查sizes列表 阅读全文

摘要： 一、语言 1）慎用全局变量 当变量暴露在全局作用域中时，由于全局作用域比较复杂，因此查找会比较慢。 并且还有可能污染window对象，覆盖之前所赋的值，发生意想不到的错误。 0 == '' //true 0 == '0' //true 3）简写 简写的方式很多，此处只会列举其中的几种，例如用三目运算 阅读全文

摘要： Web优化的对象包括页面性能、用户体验、开发效率、代码优化、网络延迟等，本系列会列举出众多常用的优化技巧，每个技巧都可深入分析，在此只做抛砖引玉。 本系列优化内容提炼于《前端面试宝典》、《高效前端》、《高性能JavaScript》、《CSS重构》等书籍，以及《2020前端性能优化清单》等网络资源。 阅读全文

摘要： 《数据结构与算法之美》是极客时间上的一个算法学习系列，在学习之后特在此做记录和总结。 一、递归 递归求解问题的分解过程，去的过程叫“递”，回来的过程叫“归”。 只要同时满足以下三个条件，就可以用递归来解决。 （1）一个问题的解可以分解为几个子问题的解。 （2）这个问题与分解之后的子问题，除了数据规模 阅读全文