真掘金用户

package.json里存放着当前项目的相关信息，包含 版本号，开发者，开发环境依赖，生产环境依赖，在这里我们重点关注 scripts， webpack构建命令在这里配置。 引入并调用该插件。执行npx webpack命令。则会帮你在dist目录，自动创建相应的html和js…

通过统计数据库中的1000多个项目，我们发现在 JavaScript 中最常出现的错误有10个。本文会向大家介绍这些错误发生的原因以及如何防止。

Lighthouse是一个Google开源的自动化工具，主要用于改进网络应用（移动端）的质量。目前测试项包括页面性能、PWA、可访问性（无障碍）、最佳实践、SEO。Lighthouse会对各个测试项的结果打分，并给出优化建议，这些打分标准和优化建议可以视为Google的网页最佳…

CSRF攻击涉及用户受害者,受信任的网站和恶意网站。当受害者与受信任的站点拥有一个活跃的会话同时，如果访问恶意网站，恶意网站会注入一个HTTP请求到为受信任的站点，从而破话用户的信息。 CSRF 攻击总是涉及到三个角色:信赖的网站（Collabtive）、受害者的 sessio…

本文不能让你成为 SVG 大神，但是能让你知道、了解他「揭开神秘面纱」 设计 的基础认知，SVG 能做什么，以及和 HTML 使用的几种方式。 坐标系统、viewBox、基础元素的理解。 <path /> 节点的探讨。 SVG 元素与样式。 SVG 动画。

一直以来，无论是web还是iOS、android的应用中，为了提升应用的加载等待这段时间的用户感知体验，各种奇门遁甲之术层出不穷。其中，菊花图以及由它衍生各种加载动画是一个非常大的流派，如下图所示： 在很多的应用的交互中，这种菊花的加载的设计已然要一统江湖了。 不过，现在对于加…

类 在ES5中，由于没有类的概念，所以如果要使用面向对象编程，就需要利用原型继承的方式。通常是创建一个构造器，然后将方法指派到该构造器的原型上。就像这样： function Cat(name) { this.name = name; } Cat.prototype.speak …

数组 ES6中对于数据做了进一步的增强,以便能够更加方便地创建数组以及操作数组。 创建数组 Array.of 该方法用于将一组值转换为数组。 Array.of(1); [1] Array.of(3, 21, 22); [3,21,22]这个方法的出现主要是为了弥补之前数组构造函…

虽然在编写项目的过程中，也会用到ES6的语法以及新特性。但感觉学习的不是特别系统，索性这两天重新刷了一下Understanding The ES6，也对ES6有了更深的理解。这里，针对感觉应用比较多，知识点比较重要的部分做了一下总结。内容有点多，因此预计将分为三个部分。 块级绑…