npm - node.js 软件包管理工具

JavaScript nodejs

npm 全称是 Node Package Manager,即 node 包管理器,是 Node.js 默认的软件包管理系统。使用 npm 来分享和使用代码已经成为了前端的标配,npm 类似 PHP 的包管理器 Composer,Java 的包管理器 Maven,是前端开发者必备技能

辰风沐阳 阅读 2062 2022-08-19

Webpack5 快速入门

JavaScript nodejs webpack

开发时,我们会使用框架(Vue、React),ES6 模块化语法,Less/Sass 等 css 预处理器等语法进行开发。这样的代码浏览器是不能识别的,要想在浏览器运行必须经过编译,变成浏览器能识别的 JS、CSS 等语法,才能正常运行

辰风沐阳 阅读 3607 2022-08-19

pnpm - 高性能的 npm 包管理工具

JavaScript nodejs

pnpm 即 performant npm,意味着 “高性能的 npm”。pnpm 由 npm/yarn 衍生而来,解决了 npm/yarn 内部潜在的 bug,极大的优化了性能且节约了磁盘空间。因此 pnpm 被誉为 “最先进的包管理工具”。特点:速度快、节约磁盘空间

辰风沐阳 阅读 3158 2022-08-18

JS 中的 ?. 和 ??

JavaScript

可选链操作符(?. ): 不必明确验证链中的每个引用是否有效。可选链操作符的功能类似于链式操作符(.),不同之处在于引用为空的情况下不会引起错误。空值合并操作符(??): 只有当左侧为 null 或 undefined`时,才会返回右侧的数

辰风沐阳 阅读 1569 2022-08-16

网站经典功能之返回顶部

HTML JavaScript

当页面内容很多的时候,用户可能会一直往下滑动页面。但是当他想返回页面顶部进行其他操作时,他可能需要不断滚动鼠标滚轮,这就导致用户体验将很差。鉴于这种情况, “回到顶部”这一功能便出现了。

辰风沐阳 阅读 1901 2022-08-13

异步编程解决方案 Promise

JavaScript

回调地狱是指在回调函数中嵌套回调函数。 ES6 原生提供了 Promise 对象,Promise 解决了回调地狱的问题。Promise 实例有两个属性: state,result。Promise 实例的三种状态为:pending,fulfilled,rejected

辰风沐阳 阅读 3587 2022-07-10

初识 yarn 包管理工具

JavaScript nodejs yarn

Yarn 是一个软件包管理器,是 facebook 在 npm 之后又造的一个包管理器轮子。yarn 是为了弥补 npm 的一些缺陷而出现的。yarn 相对 npm 来说的优点有:速度更快,安装版本更统一,命令输出更加简洁。

辰风沐阳 阅读 2290 2022-06-29

async + await 的理解和用法(Promise)

JavaScript

async/await 是 ES7 提出的基于Promise的解决异步的最终方案。async/await 作用: 简化 promise 的异步操作,把 promise 的异步操作编程变为同步的写法。async + await 必须配合 promise 使用,同时 async 和 await 必须一起使用

辰风沐阳 阅读 2006 2022-03-15

禁止添加属性、封闭对象、冻结对象的 API

JavaScript

除了设置对象的属性特征,对属性进行控制,系统也提供了一些简化的 API 来进行属性控制。比如禁止添加属性的API: Object.preventExtensions()、Object.seal()、Object.freeze()。不过要注意他们各自的区别,比较容易混淆

辰风沐阳 阅读 1754 2022-02-03

初识: 对象的属性特征

JavaScript

众所周知,默认情况下我们可以任意对自己定义的对象进行增删改的。在某些情况下,不能让别人去随便修改对象的属性,那么我们应该怎么处理呢 ?这就需要了解下对象的属性特征了。可以通过 Object.defineProperty() 修改对象属性的属性特征

辰风沐阳 阅读 2570 2022-02-01