NPM是Node提供的模块管理工具，可以非常方便的下载安装很多前端框架，包括Jquery、AngularJS、VueJs都有。我们搭建Vue的开发环境就必不可少的用到Node和NPM。1 软件安装1.1 下载Node.js下载地址：https://nodejs.org/en/推荐下载LTS版本。安装完成后，在控制台输入：node -v看到版本信息1.2 NPMNode自带了NPM，在控制...
引言在 JavaScript 中，有一些用于遍历数组的方法。经常的总结并记住它们，可以让我们的工作得心应手。mapmap() 数组的每个元素都会调用回调函数，并将处理结果返回一个新数组。const numbers = [1, 2, 3, 4]; const foo = number =&g...
在 JS 没有提供一种简便的方法来替换所有指定字符。 在 Java 中有一个 replaceAll() ，replaceAll(String regex, String replacement))方法使用给定的参数 replacement 替换字符串所有匹配给定的正则表达式的子字符串。在 JS 最新的提案String.prototype.replaceAll() 中，它将replaceAll()方...
大文件上传#0、项目源码地址#源码地址 ：https://github.com/zhuchangwu/large-file-upload它是个demo，仅供参考前端基于 vue-simple-uploader （感谢这个大佬）实现： https://github.com/simple-uploader/vue-uploader/blob/master/README_zh-CN.mdvue...
SVG 即 Scalable Vector Graphics 可缩放矢量图形，使用XML格式定义图形。一、SVG印象SVG 的应用十分广泛，得益于 SVG 强大的各种特性。1.1、 矢量可利用 SVG 矢量的特点，描出深圳地铁的轮廓：1.2、iconfontSVG 可依据一定的规则，转成 iconfont 使用：1.3、 foreignObject利用 SVG 的 foreignObje...
每次滚动到元素时，都显示加载动画，如何添加？ 元素添加初始参数以上图中的动画为例，添加俩个左右容器，将内容放置在容器内部。添加初始数据，默认透明度0、左右分别移动100px。//左侧容器 .item-leftContainer { opacity: 0; ...
尽管CSS每年都会发布全新的特性，但实际上这些新功能很少会被web开发人员实际在生产项目中使用到，甚至去了解它们的动力也不会比去多完成几个需求更多。那究竟是什么原因导致的呢？ 1.使用最新特性不是优先事项在一个新项目的初期阶段，它用到的可能只是几条CSS规则，但随着项目的持续更新和迭代，项目中使用到的规则就会变得越来越复杂，CSS也会越来越复杂尺寸也会随之不断膨胀。因此，作为项目优化的第...
事件循环（Event Loop），是每个JS开发者都会接触到的概念，但是刚接触时可能会存在各种疑惑。众所周知，JS是单线程的，即同一时间只能运行一个任务。一般情况下这不会引发问题，但是如果我们有一个耗时较多的任务，我们必须等该任务执行完毕才能进入下一个任务，然而等待的这段时间常常让我们无法忍受，因为我们这段时间什么都不能做，包括页面也是锁死状态。好在，时代在进步，浏览器向我们提供了JS引擎不具备的...
为什么要让用户选择是否离开页面 如果用户填写了很多数据此时 不小心点了其他a标签或者关闭了浏览器，不做判断，那么用户数据直接丢了梳理需求 离开页面方式，被location.href,a标签,关闭浏览器或者当前tab页等... 需要判断数据是否跟初始化时一致（用户有无填写表单...） 用户选择离开就要继续逻辑，反之则不离开正式开始 &nb...
作为一名Web开发人员，我一直在寻找资源来提高生产率。随着时间的流逝，我收集了许多不同的在线工具，这些工具通过提供代码段，设计模式或仅提供出色的功能，以不同的方式为我提供帮助，今天，我想与大家分享我经常使用的那些工具，这些工具是我的最爱。1、BlushBlush允许你免费自定义和下载精美的插图，以供个人和商业使用。该网站易于使用且功能强大，你可以自定义每个插图的许多细节以创建独特的结果。他们提供不...
