背景 在我们日常开发中，经常会遇到分隔字符串的需求。如：echarts , 这个在可视化需求中使用非常调频的模块。坐标轴上由于太长，显示不友好，文字无法显示完整。普通的截取，无法区分中英文，也会把英文给截断，使英文失去了真实的意义。 费话不多说，直接上代码。 ...
OpenSSL SSL_read: Connection was reset, errno 10054
git 克隆某些仓库经常报下处错误 OpenSSL SSL_read: Connection was reset, errno 10054 OpenSSL SSL_read:连接已重置，错误号10054 解决办法： 一般解除 ssl 认证就能解决 git config --global http.sslVerify "false" 其它常见设置 文件过大，超过上限...
Failed to connect to github.com port 443 after 21060 ms: Timed out
Failed to connect to github.com port 443 after 21060 ms: Timed out gvim plug插件管理，安装插件总报错 直接用 git clone 又不报错，一直找不原因，今天终于解决了 git config --global --unset http.proxy 大概的意思是：取消代理 git代理设置方法解...
css3新属性 position: sticky，实现粘性定位
在项目开发中，我们经常遇到这样的需求： 由于浏览器的屏幕区域有限，而承载的内容越来越多。经常会需求当滚动区域过了后，希望把重要信息（表头、菜单、栏目等）固定浮动，方便阅读信息。 以往的做法： <!DOCTYPE html> <html lang="en"> <head> &l...
jest 之辅助函数运用
写测试用例的时候，我们经常需要进行测试之前做一些准备工作，和在进行测试后需要进行一些整理工作。Jest提供辅助函数来处理这个问题。 一次性设置 如何要为测试设置初始化值等，且只会执行一次，可以使用 beforeAll、afterAll let i = 0; let j = 0; beforeAll(...
webpack 构建之样式隔离，postcss-selector-namespace
随着大前端的到来，越来越多的巨石应用。前端似乎走上后端一样的发展历程。mvc、mvvm、前端微服务出雨后春笋一样出现在大众的眼前。 随之而来的应用之间的冲突就成了老大难。 js 冲突、css冲突。一些比较好的框架，有 js 沙箱，css 沙箱。 vue style scoped 样式作用...
webpack, ts-loader 之提高 typescript 编译速度
设置 transpileOnly 为 true， 就会关闭 typescript 类型检查，只做编译。 module.exports = { ... module: { rules: [ { test: /\.tsx?$/i, use: [ { loader: 'ts-loader', options: {...
tsconfig.json 关于编译配置项详解
{ "compilerOptions": { "incremental": true, // 增量编译 "tsBuildInfoFile": "./buildFile", // 增量编译文件的存储位置 "diagnostics": true, // 打印诊断信息 "target": "ES3", // 目标语言的版本 "module": "commonjs", // 生成代码的模...
http-server 使用详解
http-server 是一个简单的零配置的命令行 http服务器，通常可以非常方便的用于生产及本地测试开发。 有时候本地有一个静态目录，如一些静态 html 文件及一些静态资源。他们的路径又是绝对引用路径。显然直接打开 html 文件，就会报静态资源路径有问题，无法正常预览。 ...
javacript 变量、函数声明、函数表达式之声明提升详解
变量声明提升 变量声明提升至项部。 if (false) { var a = 10; } console.log(a); // undefined // 相当于 var a; if (false) { a = 10; } console.log(a); // undefined 结论：由于变量声明提升，故输出 undefined，而非报错信息。 Uncaught ReferenceError...