发现各位观众老爷们要求太高吓得我都不敢更新了……喵喵喵，我明明只是一个笔记本顺便分享一下……的说。

还是安静的当个笔记本吧……

最近两次跌到在同一个坑里，问题其实非常简单，也非常基础，就是——我需要动态加载并执行脚本。

一般来说，我喜欢用 innerHTML 这种简单明快的方式添加内容，但是却发现，innerHTML 竟然无法执行我添加的 <script> 脚本，很明显，这不符合我的预期——

- 阅读剩余部分 -

开头

这篇文章通过 FCC 上海线下和成都微信的分享，整理成文字稿顺便凑一下更新，考虑到吃瓜读者们不知道都了解到啥程度，以及我科普作者的身份（自己定的），我决定从入门到放弃的介绍一下，大致涉及：

• 什么是 CDN
• 为什么我们要用 CDN
• 访问原理
• 架构
• 应用与踩坑
• 现实世界的 CDN

由于每个地方都事无巨细讲起来非常费劲，费劲就容易跳票，而且会导致篇幅过长，所以其实都是科普向的，如果想要深入，在每个地方都会给出链接，可以进行针对性的深入阅读。

- 阅读剩余部分 -

上一篇 egg 的介绍中我们说到测试的问题，测试一直是个让人很头大的问题，不过有了 Docker 以后就解决了很多问题，本文用数据库来抛砖引玉，举个?，更重要的是一种思路。

要进行 mock，其实本质思路是一样的，我们需要一个用完就可以卸载的数据库，以便下一次测试使用，他必须对外暴露一个端口，可以读写数据。

为了避免被打，补充一则，本文是基于 app 安装到运行的过程需要 ssh key 或者其他身份认证系统的情况所写，之后会补充常规情况。

- 阅读剩余部分 -

咦，这篇文章标题为什么反了？

实际上这是个人走过的心路历程，最初看到 eggjs 的时候，我就觉得 Egg 很明显不符合我的审美——我选择 koa 的理由就是小巧精致，all in middleware. 而 eggjs 不是画蛇添足吗？

这次新项目用到了公司自改版 egg，不过其实也就是 egg 多封装了几个 service。

——一开始我是拒绝的。

- 阅读剩余部分 -

看到标题，老爷们肯定不满意，切，用 div 实现一个 textarea 有啥难度，不就是 contenteditable 吗？

看到 React，又要多加一句：切，跟用什么库有什么关系。实际上在使用的时候，我还是遇到了一点微小的麻烦。

全选

在 textarea 中，全选只需要使用 element.select() 就可以，它的作用是：

- 阅读剩余部分 -

这次在写一个画布应用，由于是纯前端的项目（我也希望加入后端啊可是后端在公司里申请机器要走架构评审），所以和普通的上传到服务器不太一样，下载倒是比较常见的函数，复制也是新增研究对象……当然大家懂得，博客第一段通常是用来吐槽的……所以这是一篇吐槽文。

- 阅读剩余部分 -

今天，我的一个同学想要简单的实现一个文本根据 container 自动换行的效果，嗯，可以说是非常 basic 了，然而……依旧遇到了一点坑：

如下：

- 阅读剩余部分 -

provide / inject 是 2.2 新增的方法，可以以一个祖先组件向所有子孙后代注入依赖（一个内容）。

Vue 官方警告：

provide 和 inject 主要为高阶插件/组件库提供用例。并不推荐直接用于应用程序代码中。

- 阅读剩余部分 -

在公司内有小伙伴用了 koa-router 8，但是我发现他的用法并不正确，没有注意到 breaking changes。于是翻译一波这个……

如果想要体验一下最新版本，只要 npm install koa-router@next 即可。

更新日志

7.x 中：

- 阅读剩余部分 -

之前在 JavaScript 优化拖移效果 中，我曾经简单讲过：

之后，如果需要在移动时取消所有鼠标的响应时间，可以通过调整 pointer-events 样式来修改，在变更拖动状态时修改 body 的 style 即可。

但没有进行过详细的介绍，这次正好结合了其他点仔细讲讲。

- 阅读剩余部分 -