对比 Node.js 中不同数据量下 `Array`, `Map` 和 `Object` 的查询性能

Web前端安全方面涵盖的内容较多，也是前端项目开发中必须要关注的一个重要部分。在Web站点开发中，如果没有很好的安全防护措施，不仅可能因为攻击者的恶意行为影响站点页面功能、泄露用户投权隐私，甚至还可能会直接带来用户经济上的损失。 安全当然不只是前端的事情，这里主要介绍和前端相关…

如果你正在使用Vue框架，那么你肯定知道Vue CLI是什么。Vue-cli 3，它是Vue.js 开发的标准工具（脚手架），提供项目支架和原型设计。 除了日常构建打包项目，Vue CLI3 的一个重要部分是cli-plugins，插件开发。 本文将教你如何科学的创建一个Vue…

通常情况下，HTML 中的图片资源会自上而下依次加载，而部分图片只有在用户向下滚动页面的场景下才能被看见，否则这部分图片的流量就白白浪费了。 所以，对于那些含有大量图片资源的网站，会采用“按需加载”的方式，也就是当图片资源出现在视口区域内，才会被加载，这样可能会影响一丢丢用户体…

前段时间，我将精力专注在Web性能领域；在这个领域下有个重要的课题是如何让网页更丝滑（流畅）。 想让网页变得丝滑，首先，我们需要一个标准来判断什么样的网页是丝滑的；其次，我们要准确的测量出网页的性能数据；最后，使用有效的方法让网页变得丝滑。 本篇文章将针对这三个方面进行详细的介…

What? 你还不知道 JSONP 是什么？赶紧去补补吧，我就不多讲了。 我登录了 www.qq.com，QQ 为了给第三方提供服务，可能会有这样的 jsonp 接口，www.qq.com/getUserInfo?callback=action，那我就可以自己构造一个恶意页面，…

黑客“xiaoba”要被警察盯上了。 几个月来，这家伙四处传播木马，疯狂榨取肉鸡（被黑的机器）里的每一滴价值。 一旦中了他的招，机器将受尽折磨。 先是被挂上各种垃圾广告，然后主机CPU使用率飙升，成为黑客挖取虚拟币的“矿工”。 同时，剪切板还会被监控，一旦进行虚拟币交易，收款人…

HTTPS已成为业界标准，这篇博客将教你申请Let's Encrypt的免费HTTPS证书。 本文的操作是在Ubuntu 16.04下进行，使用nginx作为Web服务器。 1. 安装Certbot Certbot可以用于管理(申请、更新、配置、撤销和删除等)Let's Enc…

最近在做小程序，发现制作分享到朋友圈图片是每个项目必须的。遇到坑比较多，写起来也比较繁琐，也没有找到类似组件，所以就自己动手写了一个。 ... 想在手机上使用配置自己的 appid 即可。 普通绘制，绘制单张分享图。 把 components 中的 canvasdrawer 拷…