1 下载并安装 Python3 Mac 系统自带了 Python2.7，安装 Python3 的方式很简单，从官网下载对应的 pkg 安装文件，然后一路安装即可。 官方下载地址： https://www.python.org/downloads/mac-osx/ https://www.python.org/ftp/python/ https://www.python.org/ftp/python

先将本文主要观点写在前面： 同一分支上开发，每次提交改动记录较少，建议使用 rebase 从公共分支合并至个人的特性分支，建议使用 rebase 不同分支合并，存在较多的改动记录时，建议使用 merge 从个人的特性分支合并至公共分支，应当使用 merge， 不要使用 rebase 操作 如果你平时习惯于使用默认的 git merge 操作，那么本文或许会对你有所帮助。 合理使用 git reba

在前后端分离的协作开发过程中，mock 数据是一个不可避免的需求。针对普通 http 方式的数据mock有非常多的成熟解决方案，但面向 websocket 这种推送模式就变得复杂一些。 下面分享一下借助 simple-mock 插件库实现 websocket 服务的数据请求 mock 方案。 1 simple-mock 简介 在无需产品和后端等其他角色参与、仅为前端开发提供便利的情况下，我个人在开

自 React 16 起，任何未被错误边界捕获的错误将会导致整个 React 组件树被卸载。 对于开发已久且 Code Review 不是那么严格的庞大项目来说，在升级到 React 16 以后，可能会发现以前只偶尔在局部出现影响不大而未获得足够关注的异常，现在会时常导致整个应用垮掉。 React 16 引入了错误边界（Error Boundaries）来解决这种情况。 1 错误边界(Error

1 Anguar9 新特性简介 1.1 默认使用 Ivy 编译器 Ivy 在 Angular8 时即可使用，但需要自行在 tsconfig.json 中增加配置以开启，曾经尝试过但会有一些构建问题。在解决了数百 BUG 后，Ivy 在 Angular9 中 作为了默认的编译方式。lvy 编译器和运行时提供了不少的优点： 打包尺寸更小：Ivy 编译器的设计目的是删除那些无法通过摇树优化使用的 Ang

在 webpack 中一般都会设置 webpack 的 devtool 以开启 sourceMap 功能。在使用了 resolve-url-loader 和 sass-loader 的情况下，当进行生产环境输出关闭 webpack 的 sourceMap 功能时，可能会产生类似如下报错信息： ModuleNotFoundError: Module not found: Error: Can\'t r

对于前端打包构建生产环境的产出内容，特别是在采用了 Vue.js、React 或 Angular 等主流框架的时候，其体积达数 M 是很常见的现象。 当希望对包体积进行优化分析时，或许你知道可以选择使用 webpack-bundle-analyzer， 其实 source-map-explorer 也是个不错的选择。当打包输出结果生成了 sourceMap，source-map-explorer

Update: 2024-06-10 由于安全等原因，公司对于 VPN 访问内网的权限也非常慎重。这就导致在公司外很难进行完整的内网访问。另外，当你的办公环境、大量办公相关的文件均在公司内网办公机器上时，在公司外你也想远程访问自己的办公机器。 一种简单的解决方案是，通过两个 QQ 设置自动接受远程控制进行。这种方式被许多人采用，但它有个弊端是桌面不能锁屏，否则就无法成功。这是非常不安全的，会带来电

使用 TypeScript 来编写前端类库是当前一种流行而明智的选择。你可以全局安装 TypeScript 然后使用 tsc 来编译类库并发布，然而这不够工程化，还需要手动地一项项添加许多东西完善其工程体系。 基于 typescript-starter 这个开源工具库，你可以从命令行快速创建一个工程体系完善的 TypeScript 项目。 Quickly create and configure

1 浮点数运算与 IEEE 754 标准 在 JavaScript 中，执行 0.1+0.2，得到的结果却是 0.30000000000000004。这就不得不提到 IEEE 754 标准。 IEEE二进制浮点数算术标准（IEEE 754）定义了表示浮点数的格式（包括负零-0）与反常值（denormal number）、一些特殊数值（无穷（Inf）与非数值（NaN））、以及这些数值的“浮点数运算符