开发工具

本文是前端开发工具系列之日志监控，主要会讨论常见解决方案，并选取一种进行详细介绍，该系列其他部分请参考这里。 前端监控系统虽重要却不像其他必要的工具一样受重视，一方面涉及到的功能可以被其他手段替代，一方面不可替代的部分影响大多也不会太致命，因此可按需引入。 js错误，比如由于浏…

本文会对数据库相关概念及各类别数据库的适用场景做一下介绍，其中概念部分主要参考 Database System Concepts, Sixth Edition 和 Fundamentals of Database Systems, Seventh Edition，分类和基本介绍…

本文是docker相关的整理，不是入门教程。 docker is a standardized unit of software,可以更轻量的实现虚拟机的资源隔离和分配功能，可以用来搭建一致的开发、运行环境，或者在同一个host machine上搭建多个不同环境。相关术语可以参…

这里会对nginx常见用法做一下基本介绍，其他请参考nginx文档。 这里假定已经下载完。 nginx包含很多模块，我们可以使用配置文件中的指令进行控制。 一个简单的指令包含空格分开的name和参数，最后加一个分号。 一个块指令(block directive)和一个简单指令类…

ssh协议用于不同主机之间的访问，采用非对称加密。 其中密钥一般在 ~/.ssh下面，其中id_rsa.pub表示公钥，id_rsa表示私钥，如果不存在可通过ssh-keygen命令生成。 ssh协议并没有像https那样的证书，因此为了防止中间人攻击，第一次登录时需要确认被登…

本文是前端开发工具系列之单元测试，主要会讨论利用常见的单元测试工具的原理和使用，保证前端开发时的代码正确性，该系列其他部分请参考这里。 本文后期会随着对自动化测试的探索不定时更新，最终会完成全套的自动化测试。 unit test 单元测试是对一个模块、一个函数或者一个类来进行正…

本文会讲mock工具，一般用于前后端分离开发时，当接口未提供时前端进行模拟接口数据，也可用于自动化测试。 主要内容是从源码出发对mockjs的几个api有更深入的了解。 其中一个参数时实际上调用的是Handler.gen(rurl),后者在这里定义，这里的参数是模板templa…

前面文章我们讨论了webpack的用法和实现原理，这一篇介绍的rollup是另一个打包器，有了之前的基础，rollup的使用就很简单了，因此相关用法请参考官方文档。 和其他打包器实现的功能一样，都是把所有模块组合在一起，解决全局作用域和依赖关系等问题。rollup是在es6的模…

前文我们介绍了打包器的基本情况，今天对于webpack进行详细的介绍。 执行webpack打包我们第一个文件，如果没有配置文件默认entry是src/index，输出的bundle文件是dist/main.js，具体为在命令行调用npx webpack或者在package.js…

本文是开发工具集系列文章之一，其他请点击这里。 模块打包器(module bundler)，顾名思义就是将各个模块（module）打包到一个或几个文件中，然后在html文件中引入。 在es module中，module是对应script的一个概念，即可以理解为应用中使用到的非全…

本文是开发工具集系列文章之一，其他请点击这里。 任务构建工具（task-runner）就是一些自动化组织、执行任务的工具，用来执行一些命令或利用插件处理文件，比如压缩、转换、格式化等，比较传统的工具包括gulp,grunt,还有npm自带的npm script。 如果我们选择一…

其中2.4章和第3章待进一步补充。 一个包（package）是一个用package.json描述的文件。 一个模块（module）是在node_modules目录下任意可以被node.js用require()函数加载的文件或目录。 semver，即semantic versio…

本文是系列文章第二篇，介绍js的第二种宿主环境，即node.js，想了解本系列其他参考这里。 node.js是一个开源和跨平台的js运行时环境（runtime environment，也被称为host environment），和chrome一样 内置 v8 js引擎，另外的宿…

正如另一篇文章所言，ecma262只定义了语言层面的一些规范，js实际运行过程中还需要特定的宿主环境（host environment）提供输入输出等功能。 本文以chrome为例，会对浏览器的架构以及相关运行过程做简要介绍，更多细节参考文中出现的链接和这篇web性能相关的文章…

阻止不规范代码进入代码库，规范提交信息。 本文会从依据各工具官方文档等分别对其原理和使用进行解读，并给出最佳实践，从而做到知其然知其所以然还有怎么用。 js是动态且类型宽松的语言，容易产生错误且需要在运行时发现，因此微软推出了另一个语言typescript来弥补js的天生不足（…

git是一个版本管理系统，通过版本控制可以记录一个或若干文件的内容变化，以便将来查阅某个版本的文件。 在我们开发过程中，git用于代码版本控制，本文将深入讨论git原理和我们所使用的各种命令所代表的具体含义。 要想使用git.我们要在项目文件中执行git init生成一个.gi…