编程三昧

JavaScript

CSS(3) Electron(4) NodeJs(5) Vue(2) 前端面试(7) 未归档(6) 题解(1)

/ 注册

学习有趣的知识，结识有趣的朋友，塑造有趣的灵魂！

全部文章 / JavaScript （共54篇）

系统学习 TypeScript（六）——认识接口

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

前端 TypeScript

2022-03-05

0 297

系统学习 TypeScript（五）——联合类型

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

TypeScript 联合类型前端

2022-03-01

0 371

系统学习 TypeScript（四）——变量声明的初步学习

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

TypeScript 前端

2022-02-25

0 262

系统学习 TypeScript（三）——基础类型

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

前端 TypeScript

2022-02-24

0 316

uni-app 模拟机调试环境搭建

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

前端 uni-app

2022-02-23

0 338

系统学习 TypeScript（二）——开发流程和语法规则

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

TypeScript 前端

2022-02-22

0 356

Web Components 系列（十一）—— 实现 MyCard 的可复用

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

前端组件化 webComponents

2022-02-18

0 315

Web Components 系列（十）—— 实现 MyCard 的基本布局

前言前面针对 Web Components 学习了一些基本的理论知识，我们了解到的概念有： Custom Elements Shadow DOM Templates Slots 以及和这些概念相关的子知识点。理论知识基本上够用了，从现在开始我们需要将理论运用到实践中，让理论为实践服务。今天，...

组件化 webComponents 前端

2022-02-17

0 329

Web_Components 系列（九）—— Shadow Host 的 CSS 选择器

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

组件化前端 webComponents

2022-02-16

0 314

Web Components 系列（八）—— 自定义组件的样式设置

前言通过前面的学习，对自定义组件的相关概念和知识点也有了一定了解，今天我们就来学习一下给自定义元素及其子元素设置样式的几种方法。直接给自定义标签添加样式 index.html： <style> my-card{ display: block; ...

前端组件化 webComponents html5

2022-02-15

0 321