前言接口是我们在进行模块、方法等的封装时经常会用到的一个概念，使用接口可以： 将一类具体事务抽象成单一的对象方法，使用者不必关心内部的实现逻辑，只需要按照要求传入对应的参数即可得到预期的结果输出，从很大程度上减轻了使用者的心智负担。一处定义，多处...

前言在日常开发中，影响我们开发效率的因素很多，有时候不仅仅会影响开发效率，还会搞崩我们的心态。 为了提高工作效率，保持愉悦心情，腾出更多的时间来进行摸鱼大业，前辈们折腾出了很多有用的小技巧，我在这里记录一下自己常用的几个小技巧。 快速拉取 Gith...

前言Electron 之所以能够日益风靡，是因为其简单易用且对各个操作平台具有良好的支持。 今天我就来分享一下怎么使用一套代码，快速打包生成各主流平台安装包的经验。 项目安装首先，使用我前面介绍的提效小技巧，设置： NPM 源为淘宝镜像源；Ele...

前言在日常开发中，影响我们开发效率的因素很多，有时候不仅仅会影响开发效率，还会搞崩我们的心态。 为了提高工作效率，保持愉悦心情，腾出更多的时间来进行摸鱼大业，前辈们折腾出了很多有用的小技巧，我在这里记录一下自己常用的几个小技巧。 NPM 设置淘宝镜...

前言在初步学习了 TypeScript 的变量声明后，对它的静态类型检查功能简直是爱不释手，但同时也发现一个问题：在正常的开发中，一个变量的类型有时可能不仅仅只限于 number 或者 string 中的一种，有可能是两种类型或者更多，比如： //...

前言数据遍历是我们日常开发中经常用到的逻辑，除了最常见的 for、while、forEach 外，迭代器也提供了数据遍历的接口，了解迭代器有助于我们更好地进行数据处理。 IteratorIterator 是 ES6 引入的一种新的遍历机制，迭代器有...

前言认识了 TypeScript 中的基础类型，接下来当然是变量声明的相关学习了。 声明多维数组假如有这么一个声明： let arr3: number[][][]; 想要知道 arr3 的具体类型，其分析步骤如下： 可以看到，类型拆解是从...

前言TypeScript 包含的基础类型总结起来有： 布尔值数字字符串数组元组枚举任意值空值Null 和 undefinedNeverObject 今天，我们就来详细了解一下各个类型所代表的含义及表示方法。 布尔值 → boolean它只有两个值...

前言最近接手了一份使用 uni-app 进行开发的工作，今天才有时间正式开始，在这里记录一下使用 HBuilderX 进行 uni-app 开发的调试环境搭建过程。 下载安装 HBuilderX进入 HbuilderX 官网 选择你需要的版本进行下...

前言我们已经知道了 TypeScript 是什么，以及为什么要用 TypeScript，今天，我们就来学习怎么初步使用它。 TypeScript 的使用流程原始的 TypeScript 文件以 .ts 结尾，它不能被直接使用到页面中，需要经过编译，...

前言TypeScript 很流行，这是前端从业者众所周知的事。 TypeScript 很好用，仁者见仁智者见智。但是，很多大型前端框架都使用 TypeScript 进行了重构。 为了不落伍，我也需要系统的学习一下 TypeScript 相关知识了，...

前言在使用 JS 操作 DOM 节点的时候，我们常常会用到克隆（或导入）节点的操作，那到底有哪些方法可以实现节点克隆（或导入）的效果呢？ 今天，我们就来总结一下能实现节点克隆（或导入）效果的方法。 node.cloneNode()提到克隆节点，我们...

前言在上一节中，使用 Templates 实现了 MyCard 的基本布局，并且在文章结尾我也说过，因为不可复用，其实用性基本为零。 今天我们通过使用具名 Slots 在 Templates 中占位，然后再在自定义元素中给 Slots 传值，提高自...

前言前面针对 Web Components 学习了一些基本的理论知识，我们了解到的概念有： Custom ElementsShadow DOMTemplatesSlots 以及和这些概念相关的子知识点。 理论知识基本上够用了，从现在开始我们需要将...

前言在上一节我们了解了如何给自定义组件设置样式，当时是将自定义标签的样式设置在主 DOM 中的： my-card { display: block; margin: 20px; width: 200...