摘要： 《浏览器工作原理与实践》是极客时间上的一个浏览器学习系列，在学习之后特在此做记录和总结。 一、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）这个问题与分解之后的子问题，除了数据规模 阅读全文

摘要： 《数据结构与算法之美》是极客时间上的一个算法学习系列，在学习之后特在此做记录和总结。 一、数组 数组（Array）是一种线性表数据结构。它用一组连续的内存空间，来存储一组具有相同类型的数据。 1）线性表（Linear List） 顾名思义，线性表就是数据排成像一条线一样的结构。每个线性表上的数据最多 阅读全文

摘要： 《数据结构与算法之美》是极客时间上的一个算法学习系列，在学习之后特在此做记录和总结。 掌握数据结构和算法，不管对于阅读框架源码，还是理解其背后的设计思想，都是非常有用的。一旦掌握数据结构和算法，之前可能需要费很大劲儿来优化的代码，需要花很多心思来设计的架构，用了数据结构和算法之后，很容易就可以解决了 阅读全文

摘要： 现在出去面试，很多时候都会让你先做一份笔试题，而题目一般是中等偏下的水平，不会很难。 在面试前需要练练手感，以免在解题时没有思路。 练手感可以自己准备一些笔试题目，可根据自己的情况选择合适的题目，而解法可以写一种或多种。 还搜集了一些笔试算法总结，例如《一句话算法》、《LeetCode》相关的内容。 阅读全文

摘要： 我从事的是前端岗位，四月中旬时投过一波，很多都是找朋友或老同事内推，但都没响应，连面试机会都没有，只得作罢。 一直到五月底开始，陆陆续续开始有人来找我投简历，我在 boss 直聘和拉勾上公开了部分工作和项目信息后，找我的人也变多了。 我投了几家大厂或上规模的公司，都需要好几轮，基本都是电话或视频面试 阅读全文