前端 package.json的使用， npm的生命周期
package.json本身没有生命周期，它是一个描述项目元信息和依赖关系的配置文件，但它参与了npm包的生命周期，即从包创建、发布、安装、运行到卸载的整个过程，通过定义scripts（如preinstall, install, postinstall, prepublish, publish, preuninstall, uninstall, postuninstall等），允许开发者在这些特定时刻执行自定义命令。npm 包生命周期主要阶段创建/开发阶段:prepack/pack: 打包前钩子.pack: 打包命令执行.prepublishOnly/prepublish: 发布前钩子，确保包
继续阅读
使用parcel初始化前端项目
使用parcel创建前端项目 全局安装 parcel yarn add --dev parcel创建项目、初始化npmmkdir parcel-project && npm init -y创建src目录和 index.html、index.js文件mkdir src && cd $_ && touch index.html index.js添加Package scripts, and source{"...": "...","source": "src/index.html","scripts": {"start": "par
继续阅读
javascript数组中过滤数值
输入[1,'',0,undefined, 10, '', '0']输出[1, 0, 10, "0"] [1,'',0,undefined, 10, '', '0'].filter( item => (parseInt(item, 10) == item));
继续阅读
JavaScript 数组中Map和ForEach的区别
1. forEach 是一个普通迭代函数执行里面的逻辑2. map会迭代完成后 根据迭代内容的返回值 生成新的数组对象let arr = [1, 2, 3, 4, 5];let doubled1 = [];arr.forEach(num => { doubled1.push(num * 2);});let doubled2 = arr.map(num => { return num * 2;});
继续阅读
ES6中for in和for of的用法
ES6中添加了一个Iterable类型 解决for-in遍历索引（属性名）的问题解决了map、set无法用下标遍历的问题for-in在数组中的使用: 遍历属性名var arr = [1,2,3];arr.name = 4;for(let i in arr){ console.log(i); // 0, 1, 2, name}输出name，是因为for-in本身遍历的是属性名，而数组本身是一个对象，属性名即下标，所以遍历的就是下标，也自然输出了一个属性名namefor-of在数组中的使用: 遍历属性值 var arr = [1,2,3];arr.na
继续阅读
ES6 中Set的使用场景 - 交集、并集、差集
SetES6提供了Set数据结构，类似于数组，存储的元素都是唯一的，这里的唯一指的是他们存储的内存位置是唯一。属性：size方法：clear()has(ele)add(ele)delete(ele)遍历器：forEachkeysvaluesentries使用场景集合的概念。数组去重、交集、并集、差集。// 数组去重let arr = [1, 1, 2, 2, 3];let unique = [... new Set(arr)]; let a&nb
继续阅读