https://bestzjl.vicp.io/blog/2019/02/21/GitHub%E8%87%AA%E5%8A%A8%E9%83%A8%E7%BD%B2-1/#more

GitHub自动部署代码Demo地址 第一步：添加webhooks 第二部：可以选择nginx反向代理123456789server { ... location /webhooks/ { proxy_pass http://localhost:8003/webhooks/; } ...} 第三部：配置后

https://bestzjl.vicp.io/blog/tags/

https://bestzjl.vicp.io/blog/2018/10/08/koa%E4%B8%AD%E9%97%B4%E4%BB%B6%E7%9A%84%E5%BC%80%E5%8F%91%E5%92%8C%E4%BD%BF%E7%94%A8/#more

koa中间件开发和使用 koa v1和v2中使用到的中间件的开发和使用 generator 中间件开发在koa v1和v2中使用 async await 中间件开发和只能在koa v2中使用 generator中间件开发generator中间件开发 generator中间件返回的应该是function * () 函数 12345678910111213141516/* ./middleware

https://bestzjl.vicp.io/blog/2018/02/20/pm2%E7%94%A8%E6%B3%95%E7%AE%80%E4%BB%8B/#more

PM2用法简介简介 PM2是node进程管理工具，可以利用它来简化很多node应用管理的繁琐任务，如性能监控、自动重启、负载均衡等，而且使用非常简单。引用 全局安装1sudo npm install pm2@latest -g 用法 最简单的启用一个应用: pm2 start app.js 停止：pm2 stop app_name|app_id 删除：pm2 delete app_name|a

https://bestzjl.vicp.io/blog/2018/07/07/%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3Redux%E4%B8%AD%E9%97%B4%E4%BB%B6/#more

前言最近几天对 redux 的中间件进行了一番梳理，又看了 redux-saga 的文档，和 redux-thunk 和 redux-promise 的源码，结合前段时间看的redux的源码的一些思考，感觉对 redux 中间件的有了更加深刻的认识，因此总结一下。 Redux中间件机制Redux本身就提供了非常强大的数据流管理功能，但这并不是它唯一的强大之处，它还提供了利用中间件来扩展自身功能，以

https://blog.jialekoi.cn/2019/10/05/%E5%8E%9F%E5%9E%8B%E9%93%BE/#more

构造函数的缺点 通过构造函数生成实例对象，属性和方法都生成在实例上，多个实例之间属性和方法不能共享。 prototype属性 javascript的继承机制的设计**：原型对象的所有属性和方法都能被实例对象所共享 所有的函数都有一个prototype属性，指向一个对象 对于构造函数来说：在构造函数生成实例的时候，构造函数的prototype属性会成为实例对象的原型 原型对象 原型对象上的属性不

https://zhangjialegh.github.io/tags/

https://www.zhangjiale.club/2019/07/10/Zlib/#more

zlib概览做过web性能优化的同学，对性能优化大杀器gzip应该不陌生。浏览器向服务器发起资源请求，比如下载一个js文件，服务器先对资源进行压缩，再返回给浏览器，以此节省流量，加快访问速度。 浏览器通过HTTP请求头部里加上Accept-Encoding，告诉服务器，“你可以用gzip，或者defalte算法压缩资源”。 Accept-Encoding:gzip, deflate 那么，在n

https://bestzjl.vicp.io/blog/2017/07/31/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%EF%BC%88css%E5%8A%A8%E7%94%BB%E7%AF%87%EF%BC%89/#more

原理现代浏览器在使用CSS3动画时，以下四种情形绘制的效率较高，分别是： 改变位置 改变大小 旋转 改变透明度 层？重绘？回流和重布局？图层重组？首先要了解CSS的图层的概念（Chrome浏览器） 浏览器在渲染一个页面时，会将页面分为很多个图层，图层有大有小，每个图层上有一个或多个节点。在渲染DOM的时候，浏览器所做的工作实际上是： 获取DOM后分割为多个图层 对每个图层的节点计算样式结果

https://blog.jialekoi.cn/2020/06/07/http%E7%BC%93%E5%AD%98/#more

缓存的重要性 一个优秀的缓存策略，可以缩短网页请求资源的距离，减少延迟，缓存文件可以重复利用所以还可以减少带宽，降低网路负荷 浏览器缓存浏览器启用缓存的优点：减少页面加载时间，减少服务器负载 浏览器是否使用缓存，缓存多久，是由服务器控制的 即服务器响应的 响应头 中，某些字段指明了缓存的关键信息 通用首部字段 请求和响应都能用的字段 Cache-Control 请求首部字段 If-No

https://zhangjialegh.github.io/2017/02/20/Math%E5%AF%B9%E8%B1%A1/#more

常用对象 Math.PI （圆周率） Math.abs() （求绝对值） Math.random() (随机数) Math.round() （四舍五入） Math.sin(rad) (三角函数的正弦值):返回[-1,1]之间的数 Math.cos(rad) (三角函数的余弦值):返回[-1,1]之间的数 Math.tan(rad) (三角函数的正切值):返回[-1,1]之间的数 Math.ata

https://bestzjl.vicp.io/blog/categories/

https://bestzjl.vicp.io/blog/2019/01/11/%E7%BD%91%E8%B7%AF%E5%9F%BA%E7%A1%80TCP-IP/#more

网络基础 TCP/IP为了理解HTTP，我们有必要事先了解一下TCP/IP协议族。 通常使用的网络（包括互联网）是在 TCP/IP 协议族的基础上运作 的。而HTTP属于它内部的一个子集。 接下来，我们仅介绍理解HTTP所需掌握的TCP/IP协议族的概要。若 想进一步学习有关TCP/IP的知识，请参考其他讲解TCP/IP的专业书籍 　TCP/IP 协议族计算机与网络设备要相互通信，双方就必须基于相

https://bestzjl.vicp.io/blog/2017/06/11/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/#more

RegExp创建正则表达式： 实例化的方式：new RegExp(‘a’ , ‘gim’) 字面量的方式：/abc/gim g : 全局匹配 i : 忽略大小写 m : 多行模式匹配 test() 正则表达式的常用方法之一：test用来测试匹配的字符串是否符合规则； 如果匹配成功就返回一个true，否则就返回一个false。 1234567891011var reg1 = /a/;var

https://www.zhangjiale.club/2019/09/08/%E5%BE%AE%E4%BF%A1%E7%BD%91%E9%A1%B5%E5%BC%80%E5%8F%91/#more

微信网页授权简单来说就是，如果用户在微信客户端中访问第三方网页，公众号可以通过微信网页授权机制，来获取用户基本信息，进而实现业务逻辑。 具体而言，网页授权流程分为三步 引导用户进入授权页面同意授权，获取code 通过code换取网页授权access_token（与基础支持中的access_token不同） 通过网页授权access_token和openid获取用户基本信息（支持UnionID机制

https://blog.jialekoi.cn/2020/02/27/%E6%B7%B1%E6%B5%85%E6%8B%B7%E8%B4%9D/#more

Map数据结构 Object对象的key只是字符串 字符串-值对应 Map数据结构的key可以是任意类型 值-值对应 Map类似于对象，也是key，value的键值对的集合 Map是一种跟完善的hash结构实现，如果你需要键值对的数据结构，Map比Object更适合 Map.prototype.set(key, value)key可以是任意类型 Map.prototype.get(ke

https://blog.jialekoi.cn/2019/10/14/%E4%BA%8B%E4%BB%B6%E5%BE%AA%E7%8E%AF/#more

js单线程 设计js的目的是为了操作DOM等，如果是多线程，两个线程同时对一个DOM元素执行了不同的操作，就会造成争夺执行权的问题。 进程和线程的区别 一个进程可以有多个线程 一个线程只能属于一个进程 进程有自己对立的地址空间，一个进程崩掉不会影响其他进程 线程只是一个进程的不同执行路径，线程有自己的堆栈和局部变量，但线程之间没有单独的地址空间，一个线程死掉就等于整个线程死掉。 一些单词 st

https://zhangjialegh.github.io/2017/07/31/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%EF%BC%88css%E5%8A%A8%E7%94%BB%E7%AF%87%EF%BC%89/#more

原理现代浏览器在使用CSS3动画时，以下四种情形绘制的效率较高，分别是： 改变位置 改变大小 旋转 改变透明度 层？重绘？回流和重布局？图层重组？首先要了解CSS的图层的概念（Chrome浏览器） 浏览器在渲染一个页面时，会将页面分为很多个图层，图层有大有小，每个图层上有一个或多个节点。在渲染DOM的时候，浏览器所做的工作实际上是： 获取DOM后分割为多个图层 对每个图层的节点计算样式结果

https://zhangjialegh.github.io/categories/

https://blog.jialekoi.cn/2020/01/13/%E7%B1%BB%E5%9E%8B%E8%BD%AC%E6%8D%A2/#more

Number 调用对象自身valueOf方法 如果返回原始类型的值，则直接使用Number函数，不再进行后续步骤 如果返回对象，则继续判断 valueOf返回对象，则调用对象自身toString方法 如果返回原始类型的值，则直接使用Number函数，不再进行后续步骤 toString 返回对象，则报错 1Number([]) === 0 总结 valueOf => 对象 =&

https://www.zhangjiale.club/about/

关于我一直前端的小菜鸟，欢迎分享知识。 Wait You QQ: 1195185765Email: [email protected]

https://bestzjl.vicp.io/blog/2019/07/21/GitHub%E8%87%AA%E5%8A%A8%E9%83%A8%E7%BD%B2/#more

https://zhangjialegh.github.io/2018/02/20/pm2%E7%94%A8%E6%B3%95%E7%AE%80%E4%BB%8B/#more

PM2用法简介简介 PM2是node进程管理工具，可以利用它来简化很多node应用管理的繁琐任务，如性能监控、自动重启、负载均衡等，而且使用非常简单。引用 全局安装1sudo npm install pm2@latest -g 用法 最简单的启用一个应用: pm2 start app.js 停止：pm2 stop app_name|app_id 删除：pm2 delete app_name|a

https://zhangjialegh.github.io/2017/06/11/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/#more

RegExp创建正则表达式： 实例化的方式：new RegExp(‘a’ , ‘gim’) 字面量的方式：/abc/gim g : 全局匹配 i : 忽略大小写 m : 多行模式匹配 test() 正则表达式的常用方法之一：test用来测试匹配的字符串是否符合规则； 如果匹配成功就返回一个true，否则就返回一个false。 1234567891011var reg1 = /a/;var

https://blog.jialekoi.cn/2020/05/04/Interface/#more

Interface readonly 12345interface ReadonlyString { readonly [index:number]: string}let ary = <ReadonlyString>['a','b']ary[2] = 'c' // error implements 1234567interface ClockInter