深海里的星星

今天来分享 Chrome DevTools 的10个实用调试功能！ 1. 保留日志 当我们刷新完页面之后，通常控制台的Console面板就会被清空。如果想保留控制台的日志，就可以在设置中勾选Prese

最近花了一些时间在项目的性能优化上，背后做了很多工作，但是最后依然没有达到自己想要的结果，有些失望，但是还是记录下自己的执着。 性能优化总结：减少请求次数、减小资源大小、提高响应和加载速度、优化资源加载时机、优化加载方式。 站在用户视角的主观的可感知的性能。 站在开发者视角的可…

本文主要考虑客户端性能、服务器端和网络性能，内容框架来自Yahoo Developer Network，包含 7 个类别共 35 条前端性能优化最佳实践，在此基础上补充了一些相关或者更符合主流技术的内容。 前端性能的一个重要指标是页面加载时间，不仅事关用户体验，也是搜索引擎排名…

以前，我们用单引号或双引号表示字符串。 现在，使用模板字面量反撇号` `。在实际开发中，这是经常都要用到的方法。 使用模板字面量，就可以非常简单的实现需求。 在我们之前只使用过数组的length来判断，更改，清空数组等，这次我们来看一下字符串的length。 4、charCod…

数组的每一项可以保存任何类型的数据，数组的大小可以动态调整，随着数据的添加自动增长以容纳新增数据。 使用字面量创建数组。 与对象一样，在使用字面量表示法时，不会调用Array构造函数 设置索引小于数组中项数，则返回对应项值。 修改值则会替换指定位置的值。 设置索引大于数组中项数…

面试官：请实现三栏布局，尽可能多的方式。 JavaScript 是 ECMAScript 规范的一种实现，作为一个前端er，JavaScript基础知识是必备的技能。在面试中基础知识一定会被面试。 本着经验发现，小厂只问项目（他需要你入职既能上手干活）；中厂先问基础（不是很深）…

在 MVVM 架构下，View 和 Model 之间并没有直接的联系，而是通过 ViewModel 进行交互，Model 和 ViewModel 之间的交互是双向的， 因此 View 数据的变化会同步到 Model 中，而 Model 数据的变化也会立即反应到 View 上。 …

写在前面关于面向对象，是前端必会的知识，同时它也是一种编程思想～掌握这块的知识，会对我们帮助非常大～以前我写过几篇关于面向对象的文章，一篇实现new运算符，两篇读书笔记，一篇面试题，如下：【JavaS

前几天总结了MVC、MVP、MVVM设计模式，其中MVVM的核心机制就是双向绑定。React、Vue、Angular的双向绑定，都是基于MVVM的设计模式。什么是双向绑定如图：双向绑定.jpg双向绑定