前端开发随笔

2

工欲善其事必先利其器之chrome常用快捷键

• 沉静地闪光   4月19日发布
• 2 收藏

工欲善其事，必先利其器，chrome前端调试必备工具!要想操作浏览器更有效率，我们可以试试掌握以下这些快捷键。 Ctrl+N打开新窗口 Ctrl+T打开新标签页 Ctrl+Shift+N在隐身模式下打开新窗口 Ctrl+O在 Google Chrome...

7

for…in和for…of的用法与区别

• 沉静地闪光   4月12日发布
• 4 收藏

for...in 循环只遍历可枚举属性（包括它的原型链上的可枚举属性）。像 Array和Object使用内置构造函数所创建的对象都会继承自Object.prototype和String.prototype的不可枚举属性，例如 String 的 indexOf()  方法...

7

JS判断数组的N种方法

• 沉静地闪光   4月4日发布
• 6 收藏

用法：arr.constructor === Array Object的每个实例都有构造函数 constructor，用于保存着用于创建当前对象的函数

37

Promise面试题整理

• 沉静地闪光   2月26日发布
• 27 收藏

Promise 面试题来源网络 面试题一 {代码...} 运行结果： {代码...} 解释：Promise 构造函数是同步执行的，promise.then 中的函数是异步执行的。 面试题二 {代码...} 运行结果： {代码...} 解释：promise 有 3 种...

118

Vue面试中，经常会被问到的面试题/知识点(2019改进版)

• 沉静地闪光   2019-08-25 发布
• 88 收藏

MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件，它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为...

35

JavaScript：回流（重排）与重绘

• 沉静地闪光   2019-03-10 发布
• 26 收藏

简单先了解一下浏览器的渲染过程（图片来自于网络） 浏览器生成渲染树的过程（图片来自于网络） 回流 回流当render tree中的一部分或全部因为元素的规模尺寸、布局、隐藏等改变时，浏览器重新渲染部分DOM或全部DO...

85

JavaScript：函数防抖与函数节流

• 沉静地闪光   2019-02-24 发布
• 66 收藏

名词解释：连续执行函数，每隔一定时间执行函数。规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内某事件被触发多次，只有一次能生效。

22

四种方法实现──三栏布局（圣杯布局、双飞翼布局）

• 沉静地闪光   2019-02-17 发布
• 18 收藏

圣杯布局、双飞翼布局,本质上都是三栏布局──中间自适应两边固定宽。有一次面试，要求写出三种实现方式，结果只写出了两种，面试官说基础还不够扎实~呜

48

JavaScript数组遍历：for、foreach、for in、for of、$.each、$().each的区别

• 沉静地闪光   2018-12-16 发布
• 39 收藏

forEach循环我们可以直接取到元素，同时也可以取到index值。但是forEach也有一些局限，不能continue跳过或者break终止循环

83

高级前端面试题大汇总（只有试题，没有答案）

• 沉静地闪光   2018-11-25 发布
• 71 收藏

面试题来源于网络，看一下高级前端的面试题，可以知道自己和高级前端的差距。有些面试题会重复。 {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码....

54

JavaScript：对Object对象的一些常用操作总结

• 沉静地闪光   2018-11-04 发布
• 48 收藏

JavaScript对Object对象的一些常用操作总结。 一、Object.assign() 1.可以用作对象的复制 {代码...} 2.可以用作对象的合并 {代码...} 3.目标对象o1自身也发生了改变，假如不想让o1改变，可以把三个对象合并到一个...

40

Vue学习—— Vuex学习笔记

• 沉静地闪光   2018-10-14 发布
• 39 收藏

组件是Vue最强大的功能之一，而组件实例的作用域是相互独立的，意味着不同组件之间的数据是无法相互使用。组件间如何传递数据就显得至关重要，这篇文章主要是介绍Vuex。尽量以通俗易懂的实例讲述这其中的差别，希...

128

JavaScript字符串操作方法大全，包含ES6方法

• 沉静地闪光   2018-10-07 发布
• 107 收藏

一、charAt() 返回在指定位置的字符。 {代码...} 二、charCodeAt() 返回在指定的位置的字符的 Unicode 编码。 {代码...} 三、concat() 连接字符串。 {代码...} 四、indexOf() 检索字符串。indexOf() 方法对大小写...

128

JavaScript常用数组操作方法，包含ES6方法

• 沉静地闪光   2018-09-24 发布
• 111 收藏

一、concat() concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。 {代码...} 二、join() join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔...

239

前端面试题大集合：来自真实大厂的532道面试题(只有题，没有答案)

• 沉静地闪光   2018-09-21 发布
• 188 收藏

面试题是来自微博@牛客网发布的真实大厂前端面经题目，我一直在收集题目长期一个一个的记录下来的，可能会有重复，但基本前端的面试大纲和需要掌握的知识都在其中了，面试题仅做学习参考，学习者阅后也要用心钻研...

411

JavaScript数组去重（12种方法，史上最全）

• 沉静地闪光   2018-09-16 发布
• 329 收藏

数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。在真实的项目中碰到的数组去重，一般都...

33

深入理解：ES6中的Set和Map数据结构，Map与其它数据结构的互相转换

• 沉静地闪光   2018-09-15 发布
• 31 收藏

文中的内容主要是来自于阮一峰的《ES6标准入门》（第三版）。《学习ES6笔记──工作中常用到的ES6语法》只是简单提及Set和Map，今天有空于是写了这篇文章──《深入理解：ES6中的Set和Map数据结构，Map与其它数据结构...

980

Vue面试中，经常会被问到的面试题/Vue知识点整理

• 沉静地闪光   2018-09-10 发布
• 779 收藏

看看面试题，只是为了查漏补缺，看看自己那些方面还不懂。切记不要以为背了面试题，就万事大吉了，最好是理解背后的原理，这样面试的时候才能侃侃而谈。不然，稍微有水平的面试官一看就能看出，是否有真才实学还...

51

JavaScript六种非常经典的对象继承方式

• 沉静地闪光   2018-09-02 发布
• 46 收藏

重点：利用原型让一个引用类型继承另外一个引用类型的属性和方法。构造函数，原型，实例之间的关系：每个构造函数都有一个原型对象，原型对象包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。

91

JavaScript七种非常经典的创建对象方式

• 沉静地闪光   2018-08-26 发布
• 73 收藏

JavaScript创建对象的方式有很多，通过Object构造函数或对象字面量的方式也可以创建单个对象，显然这两种方式会产生大量的重复代码，并不适合量产。接下来介绍七种非常经典的创建对象的方式，他们也各有优缺点。...