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

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

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

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

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

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

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

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

摘要： <svg>是矢量图的根元素，通过xmlns属性声明命名空间，从而告诉用户代理标记名称属于哪个XML方言。在下面的示例中，为<svg>元素声明了宽度和高度（默认以像素为单位），其子元素<title>可作为提示，在<desc>中可声明一段描述性纯文本，这两个元素都不会在页面中呈现。而<rect>是一个矩 阅读全文

摘要： 这套前端监控系统用到的技术栈是：React+MongoDB+Node.js+Koa2。将性能和错误量化，解决业务和开发都不知道，只有用户知道的问题，提升业务稳定性。 因为自己平时喜欢吃菠萝，所以就取名叫菠萝系统。其实在很早以前就有这个想法，当时已经实现了前端的参数搜集，只是后台迟迟没有动手，也就拖着 阅读全文