8071e750761511e9877a9fb809984aa3

需求背景 实现一个输入框，高度可以随着输入文字的增加而自动增高，类似于微信输入 有placeholder，输入为空时，显示placeholder 可设置maxlength 设想1：使用textarea实现 将textarea的高度设置成auto，overflow设置成visib…

webpack-dev-server webpack-dev-server 是一个小型的 node.js Express 服务器, 它使用 webpack-dev-middleware 中间件来为通过 webpack 打包生成的资源文件提供 Web 服务。它还有一个通过 Socket.IO 连接着 we…

如何升级 webpack2发布的时候，多少是有一些抱怨的。因为不能做到向下兼容，将1升级到2需要有不少的改动。但是值得庆幸的是，这次3.0的发布没有 beta 版本，完全向下兼容。 所以我们升级的时候直接执行下面的命令即可。 npm install webpack@3.0.0 -…

如何升级 webpack2发布的时候，多少是有一些抱怨的。因为不能做到向下兼容，将1升级到2需要有不少的改动。但是值得庆幸的是，这次3.0的发布没有 beta 版本，完全向下兼容。 所以我们升级的时候直接执行下面的命令即可。 npm install webpack@3.0.0 …

由于浏览器无状态的特性，cookie 技术应运而生，cookie 是一个会话级的存储，大小 4KB 左右，用于浏览器将服务器设置的信息重新带给服务器进行验证，不支持跨域，在浏览器清空缓存或超过有效期后失效，不能存放敏感信息，session 是专门用于存储最初设置给浏览器 coo…

Koa 2.x 版本是当下最流行的 NodeJS 框架，Koa 2.0 的源码特别精简，不像 Express 封装的功能那么多，所以大部分的功能都是由 Koa 开发团队（同 Express 是一家出品）和社区贡献者针对 Koa对 NodeJS 的封装特性实现的中间件来提供的，用…

Koa 是当下主流 NodeJS 框架，以轻量见长，而它中间件机制与相对传统的 Express 支持了异步，所以编码时经常使用 async/await，提高了可读性，使代码变得更优雅，上一篇文章 NodeJS 进阶 —— Koa 源码分析，也对 “洋葱模型” 和实现它的 com…

Koa 2.x 版本是当下最流行的 NodeJS 框架，同时社区涌现出一大批围绕 Koa 2.x 的中间件以及基于 Koa 2.x 封装的企业级框架，如 egg.js，然而 Koa 本身的代码却非常精简，精简到所有文件的代码去掉注释后还不足 2000 行，本篇就围绕着这 200…

“盗链” 说白了就是利用别人网站的资源链接放在自己的站点，在未经允许的情况下去获取别人网站里面的图片或者视频等资源，导致资源所有者的网站的流量费用增加或收入减少，为了防止资源链接随意被人盗用的手段被称为 “防盗链”。 我们先来模拟一下 “盗链” 场景，在本地启动服务运行 hot…