TypeScript 的常用知识点

对于前端从业者来说,TypeScript(以下简称 TS)已经不算是新技术。 Vue3 的源码基于 TS 编写, Angular 项目默认支持 TS 等。它出现的频率越来越高,而学习难度并不大,大概一个周末可以熟悉。 投入少,产出大,所以最好还是花点时间学习一下。 本文根据 TS handbook …

JS 中 常见的15 种数组操作方法

数组是 JS 中广泛使用的数据结构。数组对象提供了大量有用的方法,如array. forEach()、array.map()等来操作数组。在实际工作中,我经常对数组可能的操作和相应采用哪个更好的方法不知所措,所下面就列出 15 种常用数据方法,让咱们重温加强记忆一下。 一、数组的遍历 1. for.…

说说Vue中.sync的用法,props由单向变成双向数据绑定

在一些情况下,我们可能会需要对一个 prop (父子组件传递数据的属性) 进行“双向绑定”,即子组件值更改后,父组件也同步进行更改。 当一个子组件改变了一个带 .sync 的prop的值时,这个变化也会同步到父组件中所绑定的值。这很方便,但也会导致问题,因为它破坏了单向数据流。(数据自上而下流,事件…

如何用nrm快速切换npm源地址

由于工作中配置了不同的npm源地址,需要在公司与其他源地址来回切换,每次都要重新设置npm的源地址,虽然命令比较简单,但是每次输入一长串还是觉得比较麻烦,接下来就有了本教程。 npm可以通过config命令来设置官方源地址,大多数人可能访问官方地址比较慢,我这里电信网感觉速度还可以。 npm con…

如何制作一个vue组件,并将自己的vue组件发布为npm包

首先问题:开发中我们往往需要做某些功能,这个功能可能会出现很多次,也会出现在不同的项目。需要使用时候又不想重新写,怎么办呢? 解决思路:  把这个特殊的需求功能做成属于自己的组件,当下次需要去使用它的时候。那么我们就可以打包这个组件并上传到npm管理库,这个库可以是自己的私有库,也可以是npmjs公…

如何搭建一个私有 npm 服务器

为何需要搭建私有npm仓库? npm——我们大家都知道是NodeJS的包管理工具,用于Node插件的管理包括安装、卸载、管理依赖等。 基于npm命令行我们可以快速的安装项目中所依赖的代码模块,甚至可以自己发布一些自己写的插件等。使得我们的项目开发效率得到大大的提升。 那么基于npm我们可以做哪些事情…