认识 browserslist

2022-07-23
阅读 3 分钟
2.8k
browserslist 定义了一套浏览器兼容配置标准,可以让众多前端开发工具之间可以共享一套配置。支持的前端开发工具列表:AutoprefixerBabelpostcss-preset-enveslint-plugin-compatstylelint-no-unsupported-browser-featurespostcss-normalizeobsolete-webpack-pluginbrowserslist 相关工具browserslit-ga 和 browserslis...

VSCode 中前端代码规范和编码风格实践详解

2022-07-23
阅读 15 分钟
7.2k
文章开始之前首先思考一个问题:缩进的代码风格到底是 2 个空格还是 4 个空格是受谁控制的?VS Code 默认设置?还是 Prettier? 或者其他什么?

用cz-relax 轻松配置commit友好的仓库

2022-05-16
阅读 1 分钟
2.7k
之前《让你的commit更有价值》中配置 commitizen 需要好几步,例如首先 commitizen 需要进行初始化并且选择 commitizen adapter,然后需要安装 commitlint ,最后可能还需要 husky 配置 git hooks。

TypeScript 为何如此重要?

2020-11-24
阅读 6 分钟
2.6k
每次你声明变量或函数参数时,必须先明确标明它们的类型,然后再使用。这个概念背后的原因可以追溯到很久以前,即所谓的为了确保程序有意义的类型理论。

写给前端的 shell 脚本编程详解

2020-11-11
阅读 20 分钟
7.4k
#! 是一个约定的标记,它告诉系统这个脚本需要什么解释器来运行,即:使用哪一种 shell。#!被称为shebang(也称为 Hashbang),例如使用 bash:#! /bin/bash

让你的 commit 更有价值

2020-07-27
阅读 7 分钟
14.2k
之前配置 commitizen 需要好几步,例如首先 commitizen 需要进行初始化并且选择 commitizen adapter,然后需要安装 commitlint ,最后可能还需要 husky 配置 git hooks。

MySQL必知必会—视图和存储过程篇

2020-04-18
阅读 5 分钟
5.3k
MySQL必知必会—概念篇 MySQL必知必会—安装应用篇 MySQL必知必会—检索数据篇 MySQL必知必会—联结表和高级查询篇 MySQL必知必会—文本搜索篇 MySQL必知必会—表操作篇 下面用到的数据库文件可在 mysql_scripts 找到。 使用视图 视图仅仅是用来查看存储在别处的数据的一种设施,本身不包含数据,返回的数据都是从其他表中检索...

MySQL必知必会—表操作篇

2020-04-13
阅读 4 分钟
2.4k
MySQL必知必会—概念篇 MySQL必知必会—安装应用篇 MySQL必知必会—检索数据篇 MySQL必知必会—联结表和高级查询篇 MySQL必知必会—文本搜索篇 下面用到的数据库文件可在 mysql_scripts 找到。 创建和操纵表 创建表 利用 CREATE TABLE 创建表,必须紧跟着给出新表的名字,然后是表列的名字和定义,用逗号分隔。 NULL 值 NULL ...

MySQL必知必会—文本搜索篇

2020-04-13
阅读 3 分钟
2.6k
MySQL必知必会—概念篇 MySQL必知必会—安装应用篇 MySQL必知必会—检索数据篇 MySQL必知必会—联结表和高级查询篇 下面用到的数据库文件可在 mysql_scripts 找到。 全文本搜索 并非所有引擎都支持全文本搜索,例如 MyISAM 支持全文本搜索,InnoDB 不支持。 在创建表时启用全文本搜索, CREATE TABLE 语句接受 FULLTEXT 子句...

MySQL必知必会—联结表和高级查询篇

2020-04-12
阅读 4 分钟
2.2k
MySQL必知必会—概念篇 MySQL必知必会—安装应用篇 MySQL必知必会—检索数据篇 下面用到的数据库文件可在 mysql_scripts 找到。 使用子查询 假设要列出订购物品 TNT2 的所有客户。我们可以拆分出下面三步。 检索包含物品 TNT2 的所有订单的编号。 检索具有前一步骤列出的订单编号的所有客户的 ID。 检索前一步骤返回的所有...

MySQL必知必会—检索数据篇

2020-04-12
阅读 13 分钟
2.6k
不使用排序时,其实检索出的数据并不是以纯粹的随机顺序显示的,数据一般将以它在底层表中出现的顺序显示。这可以是数据最初添加到表中的顺序,但是,如果数据后来进行过更新或者删除,则此顺序将会受到 MySQL 重用回收存储空间的影响。因此,如果不明确控制的话,不能(也不应该)依赖该排序顺序。

MySQL必知必会—安装应用篇

2020-04-12
阅读 4 分钟
2.3k
MySQL必知必会—概念篇 MySQL 安装 推荐几个 MySQL 安装和连接的经验文章 在Mac下安装MySQL mac版mysql安装后显示mysql: command not found咋整? MySQL 应用 mysql 命令行 命令输入在 mysql> 之后; 命令用 ; 或 g 结束,换句话说,仅按 Enter 不执行命令; 输入 help 或 h 获得帮助,也可以输入更多的文本获得特定命...

MySQL必知必会—概念篇

2020-04-12
阅读 2 分钟
2.5k
易混点:人们经常用“数据库”这个词代表他们使用的数据库软件。数据库软件是 DBMS(数据库管理系统),例如 MySQL 就是一种 DBMS ,而数据库是通过 DBMS 创建和操纵的容器。我们通常不直接访问数据库,而是通过使用 DBMS 来访问数据库。

【译】async 的异步操作模式

2019-10-29
阅读 7 分钟
2k
我还记得以前执行异步操作需要在越来越深的回调地狱中使用回调的那些“好日子”。虽然回调地狱并没有完全成为过去,但是使用 Promise 来代替回调的嵌套已经显得简单多了。

TypeScript 基础精粹

2019-10-17
阅读 21 分钟
4.9k
原文地址地址:TypeScript 基础精粹 基础笔记的github地址:[链接] ,可以watch,也可以star。 类型注意事项 数组类型 有两种类型注解方式,特别注意第二种使用 TS 内置的 Array 泛型接口。 {代码...} 元组类型 元组是一种特殊的数组,限定了数组元素的个数和类型 {代码...} 需要注意元组的越界问题,虽然可以越界添加元素...

JavaScript函数式编程入门经典

2019-05-05
阅读 10 分钟
5.4k
一个持续更新的github笔记,链接地址:Front-End-Basics,可以watch,也可以star。 此篇文章的地址:JavaScript函数式编程入门经典 正文开始 什么是函数式编程?为何它重要? 数学中的函数 {代码...} 关键点: 函数必须总是接受一个参数 函数必须总是返回一个值 函数应该依据接收到的参数(例如x)而不是外部环境运行 对...

【译】使用TypeScript两年后-值得吗?

2019-04-15
阅读 5 分钟
6.2k
弄了一个持续更新的github笔记,可以去看看,链接地址:Front-End-Basics 此篇文章的地址:使用TypeScript两年后-值得吗? 基础笔记的github地址:[链接] ,可以watch,也可以star。 这是我的第一篇翻译文章,想看这篇文章的时候,发现没有中文翻译版,无奈去读了英文版,读完发现可以试试翻译出来。 本人英语水平不是一般...

ES6走走看看—字符到底发生了什么变化

2018-09-07
阅读 8 分钟
4.1k
持续更新的github笔记,链接地址:Front-End-Basics 此篇文章的笔记地址:字符到底发生了什么变化 ES6走走看看系列,特别鸣谢奇舞读书会~ 看正文之前,先思考一下,为什么你看的ES6各种权威指南里提到的𠮷会有那么多问题,它length是2,charAt出来是乱码…… 1、 JavaScript字符编码的“坑”和“填坑” 计算机内部处理的信息,...

ES6走走看看—由块级作用域引出的一场变革

2018-09-07
阅读 4 分钟
2.3k
持续更新的github笔记,链接地址:Front-End-Basics 此篇文章的笔记地址:字符到底发生了什么变化 ES6走走看看系列,特别鸣谢奇舞读书会~ 块级作用域又称词法作用域,存在于: 函数内部(函数作用域) 块中(字符 { 和 } 之间的区域) 注意:ES6允许块级作用域任意嵌套 {代码...} 因为有了块级作用域,然后我们才有继续...

JavaScript数组的十八般武艺

2018-08-07
阅读 25 分钟
11.3k
维护了一个持续更新的github笔记,可以去看看,诚意之作(本来就是写给自己看的……)链接地址:Front-End-Basics 此篇文章的地址:JavaScript的数组 基础笔记的github地址:[链接] ,可以watch,也可以star。 正文开始 数组 数组是值的有序集合,每个值叫做一个元素,而每个元素在数组中有一个位置,以数字表示,称为索引。...

Vue的自定义滚动,我用el-scrollbar

2018-05-29
阅读 3 分钟
66k
最近在写一个内部平台系统,相信大家都知道,其中会有很多自定义的滚动区域,就比如说现在有一个列表需要滚动,第一个念头就是用 overflow: scroll; 啊!嗯嗯,又不是不能用!如果我不曾见过太阳,我本可以忍受黑暗。

条理清晰的JavaScript面向对象

2018-01-08
阅读 14 分钟
4.1k
对象是JavaScript的一种数据类型。对象可以看成是属性的无序集合,每个属性都是一个键值对,属性名是字符串,因此可以把对象看成是从字符串到值的映射。这种数据结构在其他语言中称之为“散列(hash)”、“字典(dictionary)”、“关联数组(associative array)”等。

条理清晰的Ajax基础讲解

2017-12-29
阅读 6 分钟
3.5k
最近一直在搞基础的东西,弄了一个持续更新的github笔记,可以去看看,诚意之作(本来就是写给自己看的……)链接地址:Front-End-Basics 此篇文章的地址:Ajax基础相关 基础笔记的github地址:[链接] ,可以watch,也可以star。 正文开始…… Ajax Asynchronous JavaScript and XML : 异步的js和XML,前后端数据交互的一种技...

很全很全的前端本地存储讲解

2017-12-26
阅读 10 分钟
27.6k
发完之后,就有同学表示,你这也不全呀,还有评论说:吹牛不交税……,应该是被人举报了,现在看不到那条评论了,但是我邮箱里面有哦……本人水平有限只用过那三种,不过人家说的也是事实,我就有两个想法,第一是把标题改为“不太全的前端本地存储讲解”,第二种是把那不全的尽力补一下,嗯,做对的事情,我选择了第二种,补...

手把手带你走进下一代的ES6模块打包工具—Rollup

2017-12-21
阅读 9 分钟
12k
本文一共七个例子,由浅入深带你熟悉Rollup。首先把 rollup-demos 这个示例仓库下载到本地 {代码...} 准备就绪,正文开始 简介 以下内容基于Webpack和Rollup这两个打包工具来展开。 工具的使用是分场景的,Rollup的使用场景是,你的代码基于 ES6 模块编写,并且你做的东西是准备给他人使用的。 有一句经验之谈:在开发应...

很全很全的JavaScript的模块讲解

2017-12-18
阅读 12 分钟
17.8k
最近一直在搞基础的东西,弄了一个持续更新的github笔记,可以去看看,诚意之作(本来就是写给自己看的……)链接地址:Front-End-Basics 此篇文章的地址:JavaScript的模块 基础笔记的github地址:[链接] ,可以watch,也可以star。 正文开始 JavaScript的模块 介绍 模块通常是指编程语言所提供的代码组织机制,利用此机制...

Vue笔记系列(三)Vue.js进阶

2017-12-15
阅读 13 分钟
2.6k
把一个普通 Javascript 对象传给 Vue 实例的 data选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty(中文版) 把这些属性全部转为 getter/setter。Object.defineProperty 是仅 ES5 支持,且无法 shim(什么是shim?) 的特性,这也就是为什么 Vue 不支持 IE8 以及更低版本浏览器的原因。

Vue笔记系列(二)Vue.js渐进

2017-12-15
阅读 15 分钟
3.2k
Vue笔记系列1、Vue.js入门3、Vue.js进阶 API 以下会随用随记一些API,可能会不定期更新。 Vue.component( id, [definition] ) . 注册或获取全局组件。注册还会自动使用给定的id设置组件的名称。 {代码...} Vue.extend(options) . 使用基础 Vue 构造器,创建一个“子类”。参数是一个包含组件选项的对象。注意:data 选项是...

Vue笔记系列(一)Vue.js入门

2017-12-14
阅读 7 分钟
6.7k
Vue.js数据驱动的原理在于View层的视图发生改变时,Vue会通过DOM Listeners来监听并改变Model层的数据。反之,当Model层的数据发生改变时,也会通过Data Bingings来监听并改变View层的展示。从而实现双向数据绑定的功能。 例如:jQuery通过操作DOM来改变页面的显示,而Vue通过操作数据来实现页面的更新与展示。这样我们...

HTML5全局属性汇总

2017-12-14
阅读 4 分钟
2.7k
局部属性:有些元素能规定自己的属性,这种属性称为局部属性。比如link元素,它具有的局部属性有href、 rel、 hreflang、 media、 type、 sizes这六个。全局属性:可以用来配置所有元素共有的行为,这种属性称为全局属性,可以用在任何一个元素身上。