零配置打包工具 Parcel 入门指南

Parcel 是什么?Parcel 是一个新型的 web 应用打包工具,快速、零配置、开箱即用,相对于 webpack 繁琐的配置来说简直是太精简了,并且内置了开发服务器,完美支持热替换,甚至构建基于 React、Vue、Sass 等需要代码转换的项目也几乎不需要任何配置,只需安装相应的依赖包即可。 如何使用?下面来看一下该如何使用,首先需要安装依赖包:1npm i -g parcel-bundl

在 Vue.js 项目中使用 Font Awesome

Font Awesome 是一个开源的图标库,提供了大量的免费图标供我们使用,今天来介绍一下在 Vue.js 项目中该如何使用它。 在开发页面时最经典的做法就是引入 Font Awesome 的 CSS 文件,然后在使用图标时,以i标签结合类名的方式使用,例如<i class="fas fa-user"></i>。但在 Vue 项目中,我们最好是以组件

path 模块中 resolve() 与 join() 的区别

path 模块是 Node.js 的一个内置模块,提供了一些处理文件路径的方法,可以规范化我们的文件路径,使用时直接引用即可。 1const path = require('path'); 其中,我们在拼接路径时 resolve() 及 join() 用的会比较多,这里来介绍一下它们的区别。 path.resolve([…paths])path.resolve() 方法会返回一个绝对路径,它会按

CoffeeScript 中的运算符及别名

CoffeeScript 有它自己的一套运算符及别名,用来代替 JavaScript 中的一些写法。 例如 == 和 !=,它们在 JavaScript 中表达的意思不够准确,并且跟其它语言中的意义也不一致,CoffeeScript 会把它们分别解析为 === 和 !==,另外CoffeeScript 也提供了别名,例如 is 表示 ===, isnt 表示 !==。 下面来通过一个表格看一下详

npm install 常见错误解决办法

我们在使用 npm install 命令安装依赖包时多多少少都会遇到一些错误,通过 package.json 安装或者是全局安装。这里收集了一些常见错误并给出了解决办法。 Permission Error 12npm ERR! code EACCESnpm ERR! code EPERM 这种错误可能是由权限问题或者是网络问题引起的,可以尝试加 sudo 解决,或者是修改安装源。 EMIS

在Node中执行定时任务

Node Schedule 是一个在 Node.js 环境下的定时任务程序。 Cron-style Scheduling 时间的格式如下 123456789* * * * * *┬ ┬ ┬ ┬ ┬ ┬│ │ │ │ │ ││ │ │ │ │ └ day of week (0

JavaScript 数组乱序

所谓数组乱序,其实就是给定一个数组,然后通过处理后返回一个各项顺序打乱的新数组。也就是说处理的时候需要给数组中的每一项分配随机的下标,首先来看一个例子: 12345678910111213141516var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];console.log('before');console.log(arr);// [1, 2, 3, 4, 5, 6,

如何判断一个div中的所有图片加载完成

由于在 HTML 中 <img/> 标签每出现一次就会创建一个 Image 对象,因此判断一个图片是否加载完成,我们可以通过监听 Image 对象的 load 事件来完成,这里可以直接看下代码: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748<!DOC

十六进制颜色与 RGB、HSL 之间的转换

在 CSS 中颜色有多种的表示方法,如颜色名、十六进制、RGB(A)、HSL(A)等,但有些时候我们却需要对其进行转化,下面来看一下这几种表示方法之间的转换。 十六进制转 RGB 十六进制通常写法就是 #3366ff,或者简写成 #36f,而 RGB 颜色其实就是十进制写法,因此这两种颜色之间的转换其实就是十六进制与十进制的转换,这里用到的就是 parseInt()。 12345678910