Axetroy

现代 web 应用经常使用打包工具来创建生产环境的“打包”文件（脚本、样式等等），这些文件经过优化和压缩之后能够极快的被用户下载。在使用 webpack 进行 web 性能优化系列文章中，我们将介绍如何使用 webpack 高效的优化站点资源。这将会帮助用户更快的加载网站以及交…

Webpack是现在主流的功能强大的模块化打包工具，在使用Webpack时，如果不注意性能优化，有非常大的可能会产生性能问题，性能问题主要分为开发时打包构建速度慢、开发调试时的重复性工作、以及输出文件质量不高等，因此性能优化也主要从这些方面来分析。本文主要是根据自己的理解对《深…

当开发程序时，我们（通常）需要在内存中存储数据。根据操作数据方式的不同，可能会选择不同的数据结构。有很多常用的数据结构，如：Array、Map、Set、List、Tree、Graph 等等。（然而）为程序选取合适的数据结构可能并不容易。因此，希望这篇文章能帮助你了解（不同数据结…

name 和 age 被响应式的渲染出来，在 2s 后我们修改了 name 的值，同样能在页面正确更新。

今天遇到一个很有趣的问题：「如何实现一个宽度自适应，高度为宽度的一半的矩形」。 经过搜索引擎的筛选和自己的反复试验,发现使用padding-bottom是最完美的解决方案。 首先我们要明白，padding-top/bottom和margin-top/bottom都是相对于父元素…

T-Rex Runner 是隐藏在 Chrome 中的彩蛋游戏，最近我用刚推出的 TensorFlow.js 开发了一个完全独立运行于浏览器环境下的 AI 程序，如下图所示 AI 可以轻松控制暴龙（T-Rex）避开障碍物。 作为 Chrome 浏览器死忠，你或许早已发现隐藏在 …

近期，Github被爆出，在内部日志中记录了明文密码。 虽然据说影响面很小，但是网络和数据安全问题又一次被放到台面上。大多数用户的常用密码就那么几个，一旦被黑客拿到，去其他网站“撞库”，可能会造成用户的财产损失。 本篇文章主要介绍如何加密传输和存储用户密码，并讲解相关原理。 加…

由于 Session 是以文本文件形式存储在服务器端的，所以不怕客户端修改 Session 内容。（也可以用其他存储方式比如redis） 在 Web服务器上保持用户的 状态信息 供在任何时间从任何设备上的页面进行访问。 每个 Session 对象的持续时间是用户访问的时间加上不…