前端开发随笔

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

沉静地闪光 8月25日发布
71 收藏

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

JavaScript：回流（重排）与重绘

沉静地闪光 3月10日发布
24 收藏

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

JavaScript：函数防抖与函数节流

沉静地闪光 2月24日发布
64 收藏

使用场景：以百度输入框例，比如你要查询XXx，想实现输完了XXx之后，再进行搜索请求，这样可以有效减少请求次数，节约请求资源。

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

沉静地闪光 2月17日发布
18 收藏

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

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

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

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

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

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

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

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

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

3.目标对象o1自身也发生了改变，假如不想让o1改变，可以把三个对象合并到一个空的对象中，操作如下：

Vue学习—— Vuex学习笔记

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

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

124

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

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

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

123

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

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

concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。

219

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

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

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

318

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

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

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

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

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

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

837

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

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

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

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

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

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

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

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

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

441

学习ES6笔记──工作中常用到的ES6语法

沉静地闪光 2018-08-19 发布
354 收藏

在JavaScript中咱们以前主要用关键var来定义变量，ES6之后，新增了定义变量的两个关键字，分别是let和const。对于变量来说，在ES5中var定义的变量会提升到作用域中所有的函数与语句前面，而ES6中let定义的变量则...

到底什么是闭包？深入理解javascript闭包

沉静地闪光 2018-08-12 发布
37 收藏

严格来说，闭包需要满足三个条件：【1】访问所在作用域；【2】函数嵌套；【3】在所在作用域外被调用　　有些人觉得只满足条件1就可以，所以IIFE是闭包；有些人觉得满足条件1和2才可以，所以被嵌套的函数才是闭包...

深入了解ajax

沉静地闪光 2018-07-29 发布
21 收藏

AJAX全称“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。它有机地包含了以下几种技术：基于web标准（standards-based presentation）XHTML+CSS的表示；...

Gulp脚本

沉静地闪光 2018-06-07 发布
1 收藏

var gulp = require('gulp');// sass 插件 {代码...} // 自动同步浏览器插件 {代码...} // 合并文件的插件 {代码...} // 压缩js插件 {代码...} // 压缩css插件 {代码...} // 压缩图片插件 {代码...} // 压缩png图...