Keeping Studing

风雨哈佛路,做一个心怀期待的Developer

分类 ★ 工具类 下的文章

windows PowerShell 高效开发

前言之前没怎么用过 windows 来开发,现在每天使用,感觉还是得提高基础开发效率才行呀。所以学习研究了下命令行方面的工具使用~ 还需继续拓展。网上相关教程方法很多,摘抄并小结成此文,方便后续查阅。

AutoHotKey - windows映射常用快捷键

说明最近开始使用windows系统进行开发,但是我已经很习惯了MAC的键盘快捷键。而且有时候会用自己的MAC,相当于要记2套快捷键,对我来说有点麻烦。不嫌麻烦的当然可以忽略...发现可以使用AutoHotKey直接映射常用快捷键,所以整理成此文。
September 2, 2019

基于 git hooks 的前端代码质量控制解决方案

一、为什么需要在git hook里配置预处理 ?现在确保代码规范及质量,已经有很多的Lint工具,如Eslint,styleLint等。大家在开发过程中会自觉运行这些工具,然后根据工具给出的提示信息进行修复或修改代码。但是,有时候大家一粗心可能就漏看了(或者根本没看。。)这些提示、忘记了部分规范要求而直接把代码提交的情况!!既然这种靠自觉是靠不住的,那我们只能让整个流程自动化、让工具替我们完...

JS单元测试(UT)— Mocha

前言平时经常看到TDD(测试驱动开发)相关的文章或者内容,在上家公司时也常听到后端小伙伴说他正在写单元测试。。。所以心里就埋下了对单元测试的好奇,但由于种种原因没有及时去了解。最近发现单元测试还是有必要学习并使用的,所以就花了些时间学习,并整理成此文,方便后续回顾和查阅。
August 12, 2019

.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,今天终于把当初的这个配置...
July 15, 2019

JSON Server — 模拟服务器

说明最近自己在写一个React页面功能,想要更接近实际的项目开发,所以希望模拟请求api接口并返回数据,也希望能够像真实操作数据库一样(增删改查)。了解到JSON Server可以实现,所以就学习和使用了它。开发结束后遂整理成此文,方便以后回顾。《JSON Server》git官方文档使用背景在开发中,后端的接口往往是较晚出来的,但是有时候我们必须给前端页面一些虚假的数据去开发,这个时候一些...
July 1, 2019

webpack— Plugins

什么是plugin?plugin 可以在 webpack 运行到某个时刻的时候,帮你做一些事情。 使用 plugins 可以让打包更便捷。常用的plugin:HtmlWebpackPluginCleanWebpackPlugin1. HtmlWebpackPlugin作用HtmlWebpackPlugin会在打包结束后,(以template文件为模板)自动生成一个html文件,并把打包生成的...
June 28, 2019

webpack学习—使用 Loader 打包静态资源

使用 Loader 打包图片官方文档《file-loader》官方文档《url-loader》使用 Loader 打包静态资源(样式)1. css文件使用loader:css-loader、style-loader。module.exports = { module: { rules: [ { test: /\.css$/i, use:...
June 27, 2019

webpack学习—Loader

1. 为什么需要Loaderwebpack默认只能直接打包js文件,无法打包其他格式的资源,如图片、文本等。但是webpack允许我们使用loaders对文件进行预处理,则你可以打包任何静态资源了。你还可以轻松地使用Node.js编写自己的loaders。2. 什么是loadersLoaders是应用于模块源代码上的转换。它们允许您在import或 “load” 文件时对文件进行预处理。加载...
June 26, 2019

webpack学习—概念、安装、配置文件

说明最近开始学习webpack,今天阅读了英文版的官方文档的《Getting Started》,且自己操作了一遍,并摘抄整理成笔记,记录成此文。后续将继续更新webpack系列的学习笔记。
December 5, 2018

package-lock.json的作用【转】

其实用一句话来概括很简单,就是锁定安装时的包的版本号,并且需要上传到git,以保证其他人在npm install时大家的依赖能保证一致。引用知乎@周载南的回答根据官方文档,这个package-lock.json 是在 npm install时候生成一份文件,用以记录当前状态下实际安装的各个npm package的具体来源和版本号。它有什么用呢?因为npm是一个用于管理package之间依赖关...
November 13, 2018

git或sourceTree相关的问题小结

总结自己在使用git或sourceTree这些工具过程中遇到的坑或问题~~~1. 关于sourcetree access denied问题描述前段时间用 sourcetree 作为 git 的工具,clone 的时候出现 access denied 的问题,或者一直提示『这不是一个git仓库』或者『这是一个无效的源路径/url』等(但的确是git地址),以下列出网上搜索几种可能:没有设置us...