深海里的星星

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

最近花了一些时间在项目的性能优化上，背后做了很多工作，但是最后依然没有达到自己想要的结果，有些失望，但是还是记录下自己的执着。 性能优化总结：减少请求次数、减小资源大小、提...

本文主要考虑客户端性能、服务器端和网络性能，内容框架来自Yahoo Developer Network，包含 7 个类别共 35 条前端性能优化最佳实践，在此基础上补充了一...

以前，我们用单引号或双引号表示字符串。 现在，使用模板字面量反撇号` `。在实际开发中，这是经常都要用到的方法。 使用模板字面量，就可以非常简单的实现需求。 在我们之前只使...

数组的每一项可以保存任何类型的数据，数组的大小可以动态调整，随着数据的添加自动增长以容纳新增数据。 使用字面量创建数组。 与对象一样，在使用字面量表示法时，不会调用Arra...

面试官：请实现三栏布局，尽可能多的方式。 JavaScript 是 ECMAScript 规范的一种实现，作为一个前端er，JavaScript基础知识是必备的技能。在面试...

在 MVVM 架构下，View 和 Model 之间并没有直接的联系，而是通过 ViewModel 进行交互，Model 和 ViewModel 之间的交互是双向的， 因此...

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

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

一直到今天对于JavaScript是否是面向对象的语言定论仍然没有一致的结果，因为JavaScript(ES5)中没有类的概念，而是直接使用对象来实现编程，使用原型来实现继...

开发中，我们或多或少地接触了设计模式，但是很多时候不知道自己使用了哪种设计模式或者说该使用何种设计模式。本文意在梳理常见设计模式的特点，从而对它们有比较清晰的认知。 看完了...

最开始学习前端框架的时候(我第一个框架是 React)并不理解框架能带来什么,只是因为大家都在用框架,最实际的一个用途就是所有企业几乎都在用框架,不用框架就 out 了. ...

前言 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。...

采用Flex布局的元素，称为Flex容器container。它的所有子元素自动成为容器成员，称为Flex项目item。 容器中默认存在两条轴，主轴(main axis) 和...

前端面试中经常问的性能优化相关的问题...

简介 ES6：指2015年6月发布的ES2015标准, 但是很多人在谈及ES6的时候, 都会把ES2016 ES2017等标准的内容也带进去。...

举个正向代理的例子，我(客户端)没有绿码出不了门，但是朋友(代理)有，我(客户端)让朋友(代理)去超市买瓶水，而对于超市(服务器)来讲，他们感知不到我(客户端)的存在，这就...

“问你自己啊，我们后台不配合解决的。” ...... ...... 1. 什么是正向/反向代理 2. 什么是跨域 我要拿C的数据，但请求不到C（例如谷歌），不过我知道B是能...

前端开发的时候，在网页刷新的时候，所有数据都会被清空，这时候就要用到本地存储的技术，前端本地存储的方式有三种，分别是cookie，localstorage和sessionS...