雨浣潇湘

1月25日，Webpack 发布了 4.0.0-beta.0 版本，做了较大改动。我们第一时间来体验一下。 安装1npm install webpack@next webpack-cli --save-dev Webpack 团队切出了 next 分支来开发 Webpack 4，原有的 master 分支将继续 3.x 版本的维护。 新特性大幅度提升了构建性能 默认情况下，使用 produ... 阅读全文…

域名发散在PC时代，为了保护服务器，浏览器对最大并发数进行了限制，例如 Firefox46 中每一域名下最大连接数为6，IE10 下为8。为了突破这一限制，可以将静态资源置于多个域名下，来提高并发数，使得资源加载速度更快。同时，可以将不需要发送 Cookie 的请求与主域区分开，可以有效减小请求头大小，使得传输速度更快。 域名收敛我们知道，在浏览器地址栏内输入一个域名并回车以后，第一步执行的... 阅读全文…

随着项目的发展，项目目录会越来越大，各种库也会越来越多，会直接导致Webpack的构建效率极低，比如下面的例子：1234567$ webpackHash: 6aa4a418e100b6563347Version: webpack 3.5.5Time: 20199ms Asset Size Chunks Chunk Namesindex.js 4.2... 阅读全文…

暴露在公网中的服务器如果不限制SSH登录会引来大量暴力尝试密码的攻击，可以使用如下命令查看尝试登录的IP和次数：1cat /var/log/secure | awk '/Failed/{print $(NF-3)}' | sort | uniq -c | awk '{print $2" = "$1;}&... 阅读全文…

写在最前本文是运维从零单排系列的第二篇，文中配置环境要求OpenSSL 1.0.2k及以上，Nginx 1.12.0及以上（由1.0.2k及以上版本的OpenSSL编译），Nginx和OpenSSL的安装可参考：运维从零单排（一）—— 服务器环境配置（安装Nginx、Node.js、OpenSSL） HTTPS已经几乎成为了现代网站的标配，开启HTTPS需要申请SSL证书。SSL证书主要有以... 阅读全文…

如无特殊说明，本系列中涉及的操作系统版本均为CentOS 7.3 安装Node.js使用官方已编译包安装首先到官网https://nodejs.org/download/release/找到需要的版本，此处以v7.9.0为例： 1234wget https://nodejs.org/download/release/latest-v7.x/node-v7.9.0-linux-x64.tar.... 阅读全文…

最近发现知乎的图片改成了渐进式的，和常见的懒加载一样使用小图片来占位，然后替换成渐进式大图。体验链接：https://www.zhihu.com/question/19647535 在网络中，我们常见的图片是从上到下一条一条逐渐加载的，这种JPEG叫做Baseline JPEG，压缩模式为顺序式编码（Sequential Encoding），当图片较大时要等待图片逐行加载很久我们才能对图片有... 阅读全文…

在浏览器中，图片（img标签）是不受同源策略限制的，因此，我们可以利用这一点来进行跨域通信，这就是图像Ping技术。 图像Ping的实现123456789<script> var img = new Image(); img.onload = img.onerror = function(){ console.log(new Date().g... 阅读全文…

作用 NPM 命令 Yarn 命令 安装 npm install yarn 安装某个包 npm install xxx –save yarn add xxx 删除某个包 npm uninstall xxx –save yarn remove xxx 开发模式下安装某个包 npm install xxx –save-dev yarn add xxx –dev 更新... 阅读全文…

转自 腾讯Alloyteam Blog， 原文链接 Web App的概念逐渐被业界认可，各大互联网公司也纷纷推出Web App开发大赛，积极引入到他们的开放平台，比较著名类似facebook农场，qzone偷菜之类的。Web开发逐渐从Web Page的进入到Web App的时代，想详细了解的话，可以看下超叔在D2上分享的分享《开放时代：从Web Page到Web APP》视频、Slid... 阅读全文…