zp的笔记

nodejs源码—初始化

zp1996 2018-09-08 发布
11 收藏

相信很多的人，每天在终端不止一遍的执行着node这条命令，对于很多人来说，它就像一个黑盒，并不知道背后到底发生了什么，本文将会为大家揭开这个神秘的面纱，由于本人水平有限，所以只是讲一个大概其，主要关注...

记一次由BOM引起的bug

zp1996 2017-11-20 发布
3 收藏

此时一脸懵逼，就用了require的方式试了一下发现一点问题都没有，考虑到了团队小伙伴使用的windows，就去问了下他，得知这个json用notepad++写的，加上之前写php经常遇到的BOM问题，就猜测这个bug由BOM引起，将读...

through2原理解析

zp1996 2017-10-27 发布
12 收藏

through2的源码仅仅就100多行，本质上就是对于node原生的transform流进行的封装，先来看下Transform stream。Transform是一个双工流，既可读，也可写，但是与Duplex还是有着一些区别，Duplex的写和读可以说是没有...

dva源码解析（一）

zp1996 2017-06-16 发布
44 收藏

dva是蚂蚁金服推出的一个单页应用框架，对redux，react-router，redux-saga进行了上层封装，没有引入新的概念，但是极大的程度上提升了开发效率；下面内容为本人理解，如有错误，还请指出，不胜感激。

koa源码

zp1996 2017-06-02 发布
1 收藏

本文将会大家来看下koa的源码，当然本文需要大家了解koa的中间件机制，如果大家之前没有了解过其实现原理，可以关注下这篇文章。koa的源码非常的精简，与express不同，koa只是为开发者搭起了一个架子，没有任何的...

koa中间件机制详解

zp1996 2017-04-22 发布
16 收藏

在我眼中，koa的确是比express轻量的多，koa给我的感觉更像是一个中间件框架，koa只是一个基础的架子，需要用到的相应的功能时，用相应的中间件来实现就好，诸如路由系统等。一个更好的点在于，express是基于回调...

手动实现一个jsonwebtoken

zp1996 2017-04-11 发布
9 收藏

本质上它是一段签名的 JSON 格式的数据。由于它是带有签名的，因此接收者便可以验证它的真实性。同时由于它是 JSON 格式的因此它的体积也很小。 JSON Web Token (JWT)是一种开放标准（RFC 7519），其中定义了一种...

一道面试题

zp1996 2017-03-18 发布
5 收藏

这道题是本人在面试一家公司时的一个简单的基础问题，公司就不透露了，算是国内很有名的公司，本人面试的只是实习岗位。一些大的问题就不再说了，每个人遇到的可能都是不一样的，基本会围绕着我们平常所常用的东...

理解async

zp1996 2017-03-14 发布
15 收藏

本文将要实现一个顺序读取文件的最优方法，实现方式从最古老的回调方式到目前的async，也会与大家分享下本人对于thunk库与co库的理解。实现的效果：顺序读取出a.txt与b.txt，将读出的内容拼接成为一个字符串。

对react技术栈的一些理解

zp1996 2017-02-26 发布
6 收藏

vue1没有加入虚拟DOM，做服务端渲染很难，所以vue2引入了虚拟DOM的机制，而且由于vue2的响应式原理，所以天然的就比react的性能好，react的更新是通过顶层组件的state变化触发整个组件的重新渲染，而vue2由于其是...

理解redux

zp1996 2017-02-10 发布
2 收藏

以react来说，state可以包含内部的状态以及业务数据，对于一个复杂的应用来说，state非常难以管理，一个model的变化可能引起另一个model的变化...依次下去，造成了难以维护的情况，别人很难一下子摸透你的state到...

给你的密码加盐

zp1996 2017-01-30 发布
11 收藏

这种方式可以说很不安全，一旦数据库泄漏，那么所以得用户信息就会被泄漏。之前，国内普遍采用这种方式，造成了很多的事故，如csdn600万用户信息泄漏、12306用户信息泄漏等。

窥探react事件

zp1996 2017-01-07 发布
7 收藏

本文源于本人在学习react过程中遇到的一个问题；本文内容为本人的一些的理解，如有不对的地方，还请大家指出来。本文是讲react的事件，不是介绍其api，而是猜想一下react合成事件的实现方式

窥探zepto的事件模块

zp1996 2016-12-18 发布
5 收藏

通过本文，您可以了解zepto的事件模块，$(selector).on之后到底发生了什么样的事情，如何实现的事件委托【$(selector).delegate】，如何实现的自定义事件等问题。由于篇幅有限，移除事件部分，代码没有贴出，大家...

自己实现MVVM（Vue源码解析）

zp1996 2016-12-08 发布
30 收藏

本文会带大家手动实现一个双向绑定过程（仅仅涵盖一些简单的指令解析，如：v-text，v-model，插值），当然借鉴的是Vue1的源码，相信大家在阅读完本文后对Vue1会有一个更好的理解，源代码放到了github，由于本人水...

跨域解决方案大全

zp1996 2016-10-25 发布
32 收藏

同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一...

利用express+socket.io实现一个简易版聊天室

zp1996 2016-10-20 发布
34 收藏

最近由于利用node重构某个项目，项目中有一个实时聊天的功能，于是就研究了一下聊天室，在线demo|源码，欢迎大家反馈。这个聊天室的主要利用到了socket.io和express。这个聊天室支持群聊，私聊，支持发送图片（PS...

自己动手撸个简易模板引擎（50行左右）

zp1996 2016-09-26 发布
8 收藏

模板的诞生是为了将显示与数据分离，模板技术多种多样，但其本质是将模板文件和数据通过模板引擎生成最终的HTML代码。目前有着很多这种模板引擎，诸如Node的ejs，jade，PHP的Smarty。当然在用过这么多的模板引擎...

Vue的缓存算法—LRU算法

zp1996 2016-09-24 发布
17 收藏

LRU是Least recently used的简写，主要原理是根据历史访问记录来淘汰数据，说白了就是这个算法认为如果数据被访问过，那么将来被访问的几率也高。其存储结构是一个双链表，最近被访问到的放在双链表的尾部，头部...

img的间隙

zp1996 2016-09-03 发布
18 收藏

上述代码产生的效果如图所示，但是另人感到惊奇的是，img与div之间存在着一个间隙，这个间隙是怎么产生的？应该怎么解决？下面我们一点点的探寻这个问题背后的一些原理：