背景

你是否会遇到提交代码时，没有改到同事业务模块的任何一行代码，却被提示冲突？提交注释凌乱看不懂的情况？等等。

那么为了项目代码风格统一，代码格式化规范统一，避免代码冲突，提高代码的规范性，提高CodeReview效率等等。因此结合Eslint + Prettier + Husky + Commitlint+ Lint-staged的前端工程化规范应运而生，最终提升了我们开发效率、项目质量。

前言

在我们的日常任务中，我们会编写诸如排序、搜索、查找唯一值、传递参数、交换值等功能，所以在这里我列出了我的速记技巧列表！

JavaScript 真的是一门很棒的语言，值得学习和使用。对于给定的问题，可以有不止一种方法来达到相同的解决方案。在本文中，我们将只讨论最快的。

这些方法会帮助到我们：

• 减少 LOC（代码行数）的数量，
• 编码比赛，
• 黑客马拉松
• 或其他限时任务。

大多数这些 JavaScript Hacks 使用 ECMAScript6(ES2015) 以后的技术，尽管最新版本是 ECMAScript11(ES2020)。

背景

假如后台返回一个扁平的数据结构，转成树，应该怎么做呢？

打平的数据内容如下：

1
2
3
4
5
6
7

let arr = [
    {id: 1, name: '部门1', pid: 0},
    {id: 2, name: '部门2', pid: 1},
    {id: 3, name: '部门3', pid: 1},
    {id: 4, name: '部门4', pid: 3},
    {id: 5, name: '部门5', pid: 4},
]

前言

客户端存储的概念

1. web应用允许使用浏览器提供的API将数据存储在客户端电脑上；
2. 客户端存储遵守“同源策略”，不同的站点页面之间不能相互读取彼此的数据；
3. 在同一个站点的不同页面之间，存储的数据是共享的；
4. 数据的存储有效期可以是临时的，比如关闭浏览器数据就销毁； 也可以是永久的，可以在客户端电脑上存储任意时间；
5. 在使用数据存储是需要考虑安全问题，比如银行卡账号密码

而把数据保存到磁盘中，就是缓存技术。

平时项目中比较常用的存储方式，有cookie、localStorage、sessionStorage。

背景

相信很多人都会被面试到一道比较综合的面试题，答案也不是固定的，从浏览器输入地址到页面渲染经过了很多的过程，且每个过程都可以深挖出很多知识点，面试官可以用这一道题区分出不同面试者的水平。下面我们就来具体学习下。

构建请求

1

GET/HTTP/1.1;

概念

通常情况下，声明在一个函数中的函数，叫做闭包函数，在Javascript语言中，只有函数内部的子函数才能读取局部变量：

1
2
3
4
5
6
7

// 闭包函数
function f1(){
 var n;
 return function () {
    n ++;
 }
}

什么是 React

• React 是一个用于构建用户界面的 JavaScript 库。

• 声明式UI

基本类型和引用类型的值

ECMAScript变量一般有两种数据类型的值：基本类型和引用类型。

• 基本类型： 简单的数据段：Undefined, Null, Boolean, Number, String
• 引用类型：多个值构成的对象；

从原型到原型链

原文地址：JavaScript深入之从原型到原型链

每一个函数都有一个prototype属性，该属性指向了一个对象，此对象为调用该函数而创建的实例的原型

初始整理于慕课网手记高效学习JavaScript的六个思维技巧