VS Code折腾记

VS Code常用插件

  • Auto Close Tag (自动关闭HTML标签)

阅读全文

JavaScript工程项目的一系列最佳实践

来源于互联网

1.Git

1.1 一些Git规则

阅读全文

editconfig配置

简介

在团队开发中,统一的代码格式是必要的。但是不同开发人员的代码风格不同,代码编辑工具的默认格式也不相同,这样就造成代码的differ。而editorConfig可以帮助开发人员在不同的编辑器和IDE中定义和维护一致的编码风格

阅读全文

eslint 常用配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
'rules': {
// no-var
'no-var': 'error',
// 要求或禁止 var 声明中的初始化
'init-declarations': 2,
// 强制使用单引号
'quotes': ['error', 'single'],
// 要求或禁止使用分号而不是 ASI
'semi': ['error', 'never'],
// 禁止不必要的分号
'no-extra-semi': 'error',
// 强制使用一致的换行风格
'linebreak-style': ['error', 'unix'],
// 空格2个
'indent': ['error', 2, {'SwitchCase': 1}],
// 指定数组的元素之间要以空格隔开(,后面), never参数:[ 之前和 ] 之后不能带空格,always参数:[ 之前和 ] 之后必须带空格
'array-bracket-spacing': [2, 'never'],
// 在块级作用域外访问块内定义的变量是否报错提示
'block-scoped-var': 0,
// if while function 后面的{必须与if在同一行,java风格。
'brace-style': [2, '1tbs', {'allowSingleLine': true}],
// 双峰驼命名格式
'camelcase': 2,
// 数组和对象键值对最后一个逗号, never参数:不能带末尾的逗号, always参数:必须带末尾的逗号,
'comma-dangle': [2, 'never'],
// 控制逗号前后的空格
'comma-spacing': [2, {'before': false, 'after': true}],
// 控制逗号在行尾出现还是在行首出现
'comma-style': [2, 'last'],
// 圈复杂度
'complexity': [2, 9],
// 以方括号取对象属性时,[ 后面和 ] 前面是否需要空格, 可选参数 never, always
'computed-property-spacing': [2, 'never'],
// TODO 关闭 强制方法必须返回值,TypeScript强类型,不配置
// 'consistent-return': 0
}

阅读全文

移动设备分辨率预览

来源 https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

阅读全文

图解前端性能优化

一、css和js的装载与执行

1.1 HTML 页面加载渲染的过程

image.png

阅读全文

echart使用小结

十一个组件选项主要用来进行交互

一、Timeline选项

    阅读全文

    JavaScript常用API合集

    来源于互联网

    一、节点

    1.1 节点属性

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    Node.nodeName   //返回节点名称,只读
    Node.nodeType //返回节点类型的常数值,只读
    Node.nodeValue //返回Text或Comment节点的文本值,只读
    Node.textContent //返回当前节点和它的所有后代节点的文本内容,可读写
    Node.baseURI //返回当前网页的绝对路径

    Node.ownerDocument //返回当前节点所在的顶层文档对象,即document
    Node.nextSibling //返回紧跟在当前节点后面的第一个兄弟节点
    Node.previousSibling //返回当前节点前面的、距离最近的一个兄弟节点
    Node.parentNode //返回当前节点的父节点
    Node.parentElement //返回当前节点的父Element节点
    Node.childNodes //返回当前节点的所有子节点
    Node.firstChild //返回当前节点的第一个子节点
    Node.lastChild //返回当前节点的最后一个子节点

    //parentNode接口
    Node.children //返回指定节点的所有Element子节点
    Node.firstElementChild //返回当前节点的第一个Element子节点
    Node.lastElementChild //返回当前节点的最后一个Element子节点
    Node.childElementCount //返回当前节点所有Element子节点的数目。

    阅读全文

    React之Immutable学习记录(十二)

    整理于互联网

    一、前言

    从问题说起:熟悉 React 组件生命周期的话都知道:调用 setState 方法总是会触发 render 方法从而进行 vdom re-render 相关逻辑,哪怕实际上你没有更改到 Component.state

    阅读全文

    React之React Router 4(十一)

    一、React-router V4版本修改内容及一些坑

    1、所有组件更改为从react-router-dom导入

    阅读全文