编程三昧

25
获赞数
4
关注数
10
粉丝数
西安
中国海洋大学 | 某专业
IP 属地陕西
2019-08-02 加入
浏览 22.5k

学习有趣的知识,交识有趣的朋友,造就有趣的灵魂!

54 声望|新手
前端
45
javascript
39
组件化
9
事件冒泡
6
ecmascript
6
黄金勋章
暂未获得该勋章
如何获得
白银勋章
暂未获得该勋章
如何获得
1 青铜勋章
个人动态
  • 发布了文章2022-03-05
    系统学习 TypeScript(六)——认识接口
    将一类具体事务抽象成单一的对象方法,使用者不必关心内部的实现逻辑,只需要按照要求传入对应的参数即可得到预期的结果输出,从很大程度上减轻了使用者的心智负担。
  • 发布了文章2022-03-04
    开发提效小技巧分享(二)
    Github 可以说是我辈程序员打交道最广的平台之一了,甚至被称为“全球最大的tongxing交流平台”,但是限于国内的特殊性,想要从 Github 上拉取项目真是一件痛苦的事。
  • 发布了文章2022-03-03
    不联网的情况下,使用 electron-builder 快速打包全平台应用
    前言Electron 之所以能够日益风靡,是因为其简单易用且对各个操作平台具有良好的支持。今天我就来分享一下怎么使用一套代码,快速打包生成各主流平台安装包的经验。项目安装首先,使用我前面介绍的提效小技巧,设置:NPM 源为淘宝镜像源;Electron 源为中国镜像网站...
  • 发布了文章2022-03-02
    开发提效小技巧分享(一)
    前言在日常开发中,影响我们开发效率的因素很多,有时候不仅仅会影响开发效率,还会搞崩我们的心态。为了提高工作效率,保持愉悦心情,腾出更多的时间来进行摸鱼大业,前辈们折腾出了很多有用的小技巧,我在这里记录一下自己常用的几个小技巧。NPM 设置淘宝镜像源如...
  • 发布了文章2022-03-01
    系统学习 TypeScript(五)——联合类型
    在初步学习了 TypeScript 的变量声明后,对它的静态类型检查功能简直是爱不释手,但同时也发现一个问题:在正常的开发中,一个变量的类型有时可能不仅仅只限于 number 或者 string 中的一种,有可能是两种类型或者更多,比如:
  • 发布了文章2022-02-26
    迭代器总结
    数据遍历是我们日常开发中经常用到的逻辑,除了最常见的 for、while、forEach 外,迭代器也提供了数据遍历的接口,了解迭代器有助于我们更好地进行数据处理。
  • 发布了文章2022-02-25
    系统学习 TypeScript(四)——变量声明的初步学习
    前言认识了 TypeScript 中的基础类型,接下来当然是变量声明的相关学习了。声明多维数组假如有这么一个声明: {代码...} 想要知道 arr3 的具体类型,其分析步骤如下:可以看到,类型拆解是从右向左的,对应到具体变量值上就是从外向内一层层拆解的。这里只是举个例子...
  • 发布了文章2022-02-24
    系统学习 TypeScript(三)——基础类型
    前言TypeScript 包含的基础类型总结起来有:布尔值数字字符串数组元组枚举任意值空值Null 和 undefinedNeverObject今天,我们就来详细了解一下各个类型所代表的含义及表示方法。布尔值 → boolean它只有两个值——true 和 false。 {代码...} 数字 → numberTypeScript 中...
  • 发布了文章2022-02-23
    uni-app 模拟机调试环境搭建
    最近接手了一份使用 uni-app 进行开发的工作,今天才有时间正式开始,在这里记录一下使用 HBuilderX 进行 uni-app 开发的调试环境搭建过程。
  • 发布了文章2022-02-22
    系统学习 TypeScript(二)——开发流程和语法规则
    原始的 TypeScript 文件以 .ts 结尾,它不能被直接使用到页面中,需要经过编译,转换成 JavaScript (.js)文件才行。
  • 发布了文章2022-02-21
    系统学习 TypeScript(一)——认识 TypeScript
    TypeScript 是由微软开发的自由和开源的编程语言。通过在 JavaScript的 基础上添加静态类型定义构建而成。TypeScript 通过 TypeScript 编译器或 Babel 转译为 JavaScript 代码,可运行在任何浏览器,任何操作系统。
  • 发布了文章2022-02-20
    DOM 精通了?请问 Node 和 Element 有何区别?
    相信我们很多同学都经常会使用到 Node(节点)和 Element(节点)的概念,那么这两者到底有何区别,不知道有多少人能够答得上来这个问题?
  • 发布了文章2022-02-19
    DOM 节点的克隆和导入
    前言在使用 JS 操作 DOM 节点的时候,我们常常会用到克隆(或导入)节点的操作,那到底有哪些方法可以实现节点克隆(或导入)的效果呢?今天,我们就来总结一下能实现节点克隆(或导入)效果的方法。node.cloneNode()提到克隆节点,我们最先能想到的肯定是 node.clon...
  • 发布了文章2022-02-18
    Web Components 系列(十一)—— 实现 MyCard 的可复用
    因为每一个人的各项信息都不尽相同,而对应到 Templates 中,就是所有 className 为 .info-content 的 div 中的内容都是可变的,所有可变值总结一下就是:
  • 发布了文章2022-02-17
    Web Components 系列(十)—— 实现 MyCard 的基本布局
    前言前面针对 Web Components 学习了一些基本的理论知识,我们了解到的概念有:Custom ElementsShadow DOMTemplatesSlots以及和这些概念相关的子知识点。理论知识基本上够用了,从现在开始我们需要将理论运用到实践中,让理论为实践服务。今天,我们就使用 Web Compo...
  • 发布了文章2022-02-16
    Web_Components 系列(九)—— Shadow Host 的 CSS 选择器
    如果能够在自定义组件内部控制自定义标签的样式,那样的话会相对灵活,而且也算是实现了”封装、相互隔离“的组件原则。今天,我们就来学习一下如何在自定义组件内部实现自定义标签的样式控制。
  • 发布了文章2022-02-15
    Web Components 系列(八)—— 自定义组件的样式设置
    前言通过前面的学习,对自定义组件的相关概念和知识点也有了一定了解,今天我们就来学习一下给自定义元素及其子元素设置样式的几种方法。直接给自定义标签添加样式index.html: {代码...} index.js: {代码...} 结果样式生效:需要注意的是:继承自 HTMLElement 的自...
  • 发布了文章2022-02-14
    今天踩了一个基础坑
    我今天就踩了一个坑:我的印象中一直以来记得 setInterval 在定义好之后会立即执行一次里面的逻辑,所以在实现下图的逻辑时,我将第二步(”立即执行逻辑 a“)给省去了,这一省却给我带来了了一个bug,汗~
  • 发布了文章2022-02-13
    Web Components系列(七) ——自定义组件的生命周期
    我们在使用前端组件框架的时候,都知道每个组件都有各自的生命周期,明确了组件生命周期后,开发者就可以在组件的不同生命周期执行不同的代码逻辑,从而达到管理组件的作用。
  • 发布了文章2022-02-12
    Web Components 系列(五)—— 详解 Slots
    前言熟悉 Vue 的同学应该都知道”插槽(slot)“的概念,通过使用插槽可以让页面内容的组织更加灵活。在 Web Components 体系中也有插槽的概念,今天我们就来具体了解一下 Slots,本文主要包括以下内容:为什么要用 Slots ?Slots 的相关特性Slots 的作用我们首先来看...