windows PowerShell 高效开发
前言之前没怎么用过 windows 来开发，现在每天使用，感觉还是得提高基础开发效率才行呀。所以学习研究了下命令行方面的工具使用~ 还需继续拓展。网上相关教程方法很多，摘抄并小结成此文，方便后续查阅。
AutoHotKey - windows映射常用快捷键
说明最近开始使用windows系统进行开发，但是我已经很习惯了MAC的键盘快捷键。而且有时候会用自己的MAC，相当于要记2套快捷键，对我来说有点麻烦。不嫌麻烦的当然可以忽略...发现可以使用AutoHotKey直接映射常用快捷键，所以整理成此文。
基于 git hooks 的前端代码质量控制解决方案
一、为什么需要在git hook里配置预处理 ？现在确保代码规范及质量，已经有很多的Lint工具，如Eslint,styleLint等。大家在开发过程中会自觉运行这些工具，然后根据工具给出的提示信息进行修复或修改代码。但是，有时候大家一粗心可能就漏看了(或者根本没看。。)这些提示、忘记了部分规范要求而直接把代码提交的情况！！既然这种靠自觉是靠不住的，那我们只能让整个流程自动化、让工具替我们完...
JS单元测试（UT）— Mocha
前言平时经常看到TDD（测试驱动开发）相关的文章或者内容，在上家公司时也常听到后端小伙伴说他正在写单元测试。。。所以心里就埋下了对单元测试的好奇，但由于种种原因没有及时去了解。最近发现单元测试还是有必要学习并使用的，所以就花了些时间学习，并整理成此文，方便后续回顾和查阅。
.bashrc, .zshrc, .babelrc中的rc是什么【转】
在Linux中，最为常用的缩略语也许是“rc”，它是runcomm的缩写――即名词“run command”(运行命令)的简写。rc是任何脚本类文件的后缀，这些脚本通常在程序的启动阶段被调用，通常是Linux系统启动时。如/etc/rs是Linux启动的主脚本，而.bashrc是当Linux的bash shell启动后所运行的脚本。.bashrc的前缀“.”是一个命名标准，它被设计用来在用户...
webpack — 多页面打包配置
说明2018年初在上家公司做新编辑器V2.0版本时，需要我用webpack实现多页面打包和页面嵌套显示的功能（见下方案例）。由于当时不了解webpack，但是任务面前我只能赶鸭子上架，加班加点地在网上搜寻各种实现方法，虽然费了几个小时但最终还是磕磕绊绊地实现了功能（现在回忆一下，还是能回想起当时实现了功能的那一刻自己内心的舒畅和开心哈哈~~）最近在学习webpack，今天终于把当初的这个配置...
webpack—使用 Babel 处理 ES6 语法（转成ES5）+ 实现对React框架代码的打包
Babel: 下一代 JavaScript 语法的编译器。
JSON Server — 模拟服务器
说明最近自己在写一个React页面功能，想要更接近实际的项目开发，所以希望模拟请求api接口并返回数据，也希望能够像真实操作数据库一样（增删改查）。了解到JSON Server可以实现，所以就学习和使用了它。开发结束后遂整理成此文，方便以后回顾。《JSON Server》git官方文档使用背景在开发中，后端的接口往往是较晚出来的，但是有时候我们必须给前端页面一些虚假的数据去开发，这个时候一些...
webpack— Plugins
什么是plugin?plugin 可以在 webpack 运行到某个时刻的时候，帮你做一些事情。 使用 plugins 可以让打包更便捷。常用的plugin：HtmlWebpackPluginCleanWebpackPlugin1. HtmlWebpackPlugin作用HtmlWebpackPlugin会在打包结束后，(以template文件为模板)自动生成一个html文件，并把打包生成的...
webpack学习—使用 Loader 打包静态资源
使用 Loader 打包图片官方文档《file-loader》官方文档《url-loader》使用 Loader 打包静态资源（样式）1. css文件使用loader：css-loader、style-loader。module.exports = {
module: {
rules: [
{
test: /\.css$/i,
use:...
webpack学习—Loader
1. 为什么需要Loaderwebpack默认只能直接打包js文件，无法打包其他格式的资源，如图片、文本等。但是webpack允许我们使用loaders对文件进行预处理，则你可以打包任何静态资源了。你还可以轻松地使用Node.js编写自己的loaders。2. 什么是loadersLoaders是应用于模块源代码上的转换。它们允许您在import或 “load” 文件时对文件进行预处理。加载...
webpack学习—概念、安装、配置文件
说明最近开始学习webpack，今天阅读了英文版的官方文档的《Getting Started》，且自己操作了一遍，并摘抄整理成笔记，记录成此文。后续将继续更新webpack系列的学习笔记。
package-lock.json的作用【转】
其实用一句话来概括很简单，就是锁定安装时的包的版本号，并且需要上传到git，以保证其他人在npm install时大家的依赖能保证一致。引用知乎@周载南的回答根据官方文档，这个package-lock.json 是在 npm install时候生成一份文件，用以记录当前状态下实际安装的各个npm package的具体来源和版本号。它有什么用呢？因为npm是一个用于管理package之间依赖关...
npm 学习
根据npm官方文档摘抄整理，方便自己快速查阅和回顾。