
JavaScript、TypeScript相关知识专题
文章平均质量分 88
JavaScript、TypeScript与Vue、React等
jcLee95
CSDN博客专家、全栈优质作者。阿里云专家博主,华为云·云享专家,出版社签约作者。华为云开发社区组织2023年度核心贡献者。当前主要兴趣领域为,Flutter、HarmonyOS、Webassembly+Rust、electron。熟悉Python、PowerShell、Node及前端开发等。
展开
-
Rust 笔记:WebAssembly 的 JavaScript API
本文介绍 WebAssembly 的 JavaScript API。原创 2023-05-29 21:52:22 · 1191 阅读 · 1 评论 -
JavaScript/TypeScript/NodeJS实用编程工具集 - @jcstdio/jc-utils模块
这个模块是我的个人工具模块,用于记录和收集各种用于 JavaScript/TypeScript 中的编程小工具。这些小工具来源于日常的开发或者阅读源码等待不同场景下的总结,即相当于我的笔记本,也是我用于真实项目中直接拿来用的工具。这些工具都比较小,故而放在一起。也欢迎读者朋友参与维护,一起添加更多的小工具。原创 2023-05-02 04:28:05 · 1288 阅读 · 1 评论 -
小结:近五十个常用 TypeScript类型工具 的声明、描述、用法示例
本文总结 TypeScript 中常用的类型工具。其中很多类型工具,在 TypeScript 中已经自带性地声明,可以直接使用。原创 2023-04-22 04:47:39 · 1098 阅读 · 0 评论 -
发布订阅模式原理及其应用(多种语言实现)
多语言(powershell、dart、python、typescript)讲解发布订阅模式。1. 引例:从我的一个经历说起软件设计模式发布-订阅模式 及其应用作者目 录1. 引例:从我的一个经历说起1.1 从 订阅 到 发布1.2 如果我不想继续订阅了2. 发布-订阅 的 实践、应用、思考2.1 实践:用 Python 来复现上面的场景2.2 应用:一个 Web原创 2023-04-08 16:18:46 · 1139 阅读 · 0 评论 -
TypeScript 中的 infer 关键字
inferTypeScript 笔记TypeScript 中的 infer。原创 2023-03-19 16:32:13 · 708 阅读 · 0 评论 -
小笔记:如何使用代码注释:关于JavaScript与TypeScript 注释和文档的自动生成
如何使用代码注释:关于JavaScript与TypeScript 注释和文档的自动生成。原创 2023-02-12 11:24:25 · 900 阅读 · 0 评论 -
JavaScript 中如何代理 Set(集合) 和 Map(映射)
ECMAScript6 中 Set 和 Map 的代理方法上一节:《JavaScript 中如何代理数组》|下一节:《JavaScript 中的反射(Reflect)原理与应用》今日正在编写中,未完待续…原创 2022-12-27 14:16:34 · 695 阅读 · 0 评论 -
TypeScripe笔记:any、unknown、never、void、null 和 undefined 及其比较
1. Any 类型2. unknown 类型3. never 类型4. void 5. null 和 undefined6. 可分配性比较TypeScript 也有一个特殊类型 ,any只要您不希望特定值导致类型检查错误,就可以使用它。当一个值是 typeany时,您可以访问它的任何属性(它又将是 type any),像调用函数一样调用它,将它分配给(或从)任何类型的值,或者几乎任何其他语法上的值合法的:当你不想为了让 TypeScript 相信特定代码行没问题而写出长类型时,any 类型很有用。unkn原创 2022-12-04 15:07:05 · 2158 阅读 · 0 评论 -
TypeScripe 笔记: 内置类型工具总结
1. 类型构造工具2. 字符串操作类型工具这种类型旨在对 函数中的 或 上的 方法等操作进行建模,特别是——它们以递归方式展开 。1.2 Partial构造一个 的所有属性都设置为可选的类型。该实用程序将返回一个表示给定类型的所有子集的类型。1.3 Required构造由设置为 的所有类型属性组成的类型。Partial 的逆操作。1.4 Readonly构造一个所有类型属性都设置为 readonly 的类型,这意味着不能重新分配构原创 2022-12-04 11:25:16 · 1489 阅读 · 0 评论 -
Typescript.中文.接口声明.lib.es5.d.ts
如果你希望 VSCode 在对JavaScript 的注释中显示为中文的,可以在 VS Code 安装目录下。 中的声明文件替换成中文。原创 2022-10-03 12:47:29 · 1880 阅读 · 0 评论 -
Promise 及其基于 Typescript 的实现
Promise 的 Typescript 实现(详细类型注解)。阅读本文需要有熟练的 TypeScript 知识,包括不限于 类型type、接口interface、枚举、方法重载。熟练的JavaScript 知识,包括但不限于ES6语法,Pomise基础,基于JavaScript 的 Promise API以及实现。原创 2022-10-02 19:40:32 · 1391 阅读 · 2 评论 -
深度刨析 JavaScript 模拟面向对象的内部机制
本文讲解了 JavaScript 面向对象的原理,包括原型、原型链的概念,创建实例的过程,包括在不适用 .create()、.apply()等方法的前提下手写实现 new()。文章还介绍了 JavaScript 中继承的内部原理,从ES6 class开始,逐渐深入,直到如何使用最原始和最能体现继承过程和机理的方式,手写实现继承。原创 2022-08-21 01:50:48 · 517 阅读 · 0 评论 -
NodeJS 下构建 命令行工具(CLI) 与 交互式命令界面 的实践
你想快速搭建 如 vue-cli、create-vue 那样的炫酷脚手架吗?本文将讲解以下内容:Commander.JS是一个在NodeJS 环境下便捷地用于构建搞质量命令行工具的库,vue-cli 等很多命令行工具都是由它构建。本文详细讲解Commander.JS的相关概念,并通过案例介绍Commander.JS的使用方法。inquirer.js 是一个实现交互式命令行界面的NodeJS库,文本还介绍了如何通过 inquirer.js 来实现交互式命令行界面。此外,本文还介绍了一些其他的小工具,如原创 2022-08-11 11:50:11 · 2436 阅读 · 0 评论 -
Ajax 异步通信详解
Ajax异步通信基础。原创 2022-07-15 15:17:29 · 741 阅读 · 0 评论 -
html5 Canvas 绘制基本图形 从直线图形到使用路径 - 直线、矩形、路径、多边形、复杂组合图形
web:Canvas绘制直线图形Jack Lee 的 CSDN 博客邮箱 :291148484@163.comCSDN 主页:https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343本文地址:https://blog.csdn.net/qq_28550263/article/details/123661151相关文章推荐:Flutter框架: 使用Canvas绘制直线目 录1. Canvas 相关概念2. Canvas原创 2022-03-24 02:03:05 · 2701 阅读 · 2 评论 -
JavaScript 正则表达式
JavaScript 正则表达式李俊才的个人博客邮箱 :291148484@163.comCSDN 主页:https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343本文地址:https://blog.csdn.net/qq_28550263/article/details/123484573相关文章推荐:Python 正则表达式Java 正则表达式......原创 2022-03-21 23:51:46 · 1129 阅读 · 0 评论 -
【web组件库系列】封装自己的字体图标库
封装自己的web字体图标库CSDN:jcLee95邮箱 :291148484@163.com本文地址:https://blog.csdn.net/qq_28550263/article/details/123492756相关文章推荐:flutter中使用图标(含自定义图标图):https://blog.csdn.net/qq_28550263/article/details/123309530目 录1. 字体图标简介1.1 什么是字体图标1.2 字体图的特点2. 绘制或下原创 2022-03-18 15:47:56 · 1326 阅读 · 0 评论 -
使用TypeScript命令行工具 tsc CLI
使用TypeScript命令行工具 tsc CLI李俊才的个人博客邮箱 :291148484@163.comCSDN 主页:https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343本文地址:https://blog.csdn.net/qq_28550263/article/details/123449765相关文章推荐:TypeScript的编译器文件目 录1. 安装TypeScript2. tsc CLI 概述3.原创 2022-03-14 16:52:03 · 2848 阅读 · 0 评论 -
JavaScript 自定义对象 及 new()原理与实现 如何完整地手写实现new
解读:JavaScript 中的 new()作者: 李俊才邮箱 :291148484@163.comCSDN 主页:https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343本文地址:https://blog.csdn.net/qq_28550263/article/details/123418894目 录1. 引入:JavaScript中自定义对象的方法1.1 直接创建1.2 通过 Object 对象创建1.3 通过自定义构造原创 2022-03-11 23:42:16 · 1771 阅读 · 0 评论 -
谷歌 zx 脚手架模块中文文档
Pinia API 文档中 文 翻 译 版Pinia官网:https://pinia.esm.dev/Vuex官网:https://vuex.vuejs.org/zh/指导手册中文翻译地址: https://blog.csdn.net/qq_28550263/article/details/120721160Pinia API文档中文翻译地址(本文): https://blog.csdn.net/qq_28550263/article/details/122601258翻译者:jcLee95.翻译 2022-03-10 18:23:14 · 793 阅读 · 0 评论 -
Typescript 类型的常用知识与技能总结
1. 日常类型1.1 stringstring表示字符串值类型,如"Hello, world"。小写字母开头的string在JavaScript系统中表示的是字符串类型,对应由大写字母表示的构造器(函数)String所构造。String的TypeScript接口如下:interface String { /** 返回字符串的字符串表示形式。 */ toString(): string; /** * 返回指定索引处的字符。 * @param pos原创 2022-02-28 12:11:57 · 900 阅读 · 0 评论 -
【lib.es5】ArrayBuffer、DataView 的TypeScript接口
ArrayBuffer、DataView 的 TypeScript 接口 邮箱 :291148484@163.comCSDN 主页:https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343本文地址:https://blog.csdn.net/qq_28550263/article/details/123169738目 录1. ArrayBuffer 1.1 语法1.1.1 返回值1.1.2 异常1.2 描述1.2.1原创 2022-02-27 23:46:02 · 1724 阅读 · 0 评论 -
Pinia API 文档中文版(翻译)
Pinia API 文档中 文 翻 译 版Pinia官网:https://pinia.esm.dev/Vuex官网:https://vuex.vuejs.org/zh/指导手册中文翻译地址: https://blog.csdn.net/qq_28550263/article/details/120721160翻译者:jcLee95目录注意:点击章节标题后的 ↑ 符号,可以返回顶部目录。1. @pinia/testing 模块2. pinia 模块翻译 2022-01-21 01:10:02 · 7093 阅读 · 0 评论 -
axios 文档中文翻译
axios基于 Promise 的用于浏览器和 node.js 的 HTTP 客户端目录特征浏览器支持安装例子Axios API请求方法别名并发 (弃用)创建一个实例实例方法请求配置响应结构配置默认值axios 全局默认值用户实例默认值配置优先顺序拦截器Multiple Interceptors错误处理取消使用 application/x-www-form-urlencoded 格式BrowserNode.jsQuery 字符串Form翻译 2022-01-17 17:29:11 · 637 阅读 · 0 评论 -
“vueuse“ 中文索引与用例
VUEUSE库目录.中文,自己使用翻译 2021-12-25 07:01:16 · 5187 阅读 · 5 评论 -
超详细的用户认证、权限、安全原理详解(认证、权限、JWT、RFC 7235、HTTPS、HSTS、PC端、服务端、移动端、第三方认证等等)
用户权限认证原理详解作者: 李俊才CSDN 主页:https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343邮箱:291148484@163.com1. 用户认证与权限1.1 用户认证(1) 什么是用户认证?从过程上看,用户身份认证即用户登陆。从功能上看,用户身份认证的目标是标识和区分不同的用户(2) 用户认证常见过程1) 认证前当用户进行身份认证之前,可能并未到达身份认证处。这时用户可能正在操作一些表单数据或者浏览原创 2021-12-25 03:10:37 · 4699 阅读 · 0 评论 -
【手册】jc-cookies 中文文档
”jc-cookies“ 是一个 TypeScript/JavaScript 库,它提供简便地操作cookie的相关方法。原创 2021-12-23 08:54:59 · 1191 阅读 · 0 评论 -
好用的import: Vite的Glob 导入
Vite 的 Glob 导入邮箱 :jcLee95CSDN主页:https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343本文地址:https://blog.csdn.net/qq_28550263/article/details/121987350【内容简介】 在 Vite 中有一个特殊的导入方式,即我们今天打算讨论的 Glob 导入 。这种导入弥补完善了JavaScript导入体系中不能同时导入到某个文件目录的多个文件的缺陷。1.原创 2021-12-17 04:20:40 · 5271 阅读 · 2 评论 -
[Vue Router warn]: Component “default“ in record with path “/xx“ is a function that does not return
[debug日记][Vue Router warn]: Component “default” in record with path “/xxx” is a function that does not return a Promise. If you were passing a functional component, make sure to add a “displayName” to the component. This will break in production if not fi原创 2021-12-06 07:52:04 · 14291 阅读 · 0 评论 -
扩展JavaScript数组(Array)添加删除元素方法
为JavaScript数组(Array)扩展添加删除元素方法作者:jcLee95邮箱:291148484@163.com本文地址:https://blog.csdn.net/qq_28550263/article/details/1217105411. 引言:没有依索引删除元素的JavaScript数组(Array)在JavaScript数组中,直接使用delete关键字删除数组中的一个元素是会产生空位的。比如:var a = [0,1,2,3,4,5,6]delete a[2]conso原创 2021-12-04 06:21:36 · 800 阅读 · 0 评论 -
Vue3中的父子、子父组件通信
Vue3中的父子、子父组件通信方式总结李俊才的CSDN博客CSDN用户名:jcLee95邮箱:291148484@163.com1. 父组件 => 子组件 | 使用props父组件(分发数据)<!-- 在父组件中定义一些参数传给子组件 --><template> <Child :datas="datas" /></template><script>import { defineComponent } from 'vu原创 2021-11-04 13:40:03 · 1348 阅读 · 0 评论 -
VUE-CLI可选的配置文件vue.config.js
格式// vue.config.js/** * @type {import('@vue/cli-service').ProjectOptions} */module.exports = { // 配置项...}文档配置项含义详细信息备注默认值类型publicPath部署应用包时的基本 URL。Vue CLI 会假设你的应用是被部署在一个域名的根路径上,例如 https://www.my-app.com/。如果应用被部署在一个子路径上,你就需要用这个选项原创 2021-10-30 17:03:00 · 924 阅读 · 0 评论 -
pinia中文文档 & 指导文档中文翻译版 & & pinia指导中文翻译
Pinia文档中文翻译版原版官网:https://pinia.esm.dev/翻译者:Jack Lee目录Pinia介绍核心概念服务端渲染 (Server Side Rendering,SSR)热模块替换 (Hot Module Replacement, HMR)测试 stores不使用setup()时的用法组合StoresPinia介绍Pinia 起源于 2019年11月左右,尝试重新定义Vue中Store 和 组合式 API 联合使用时应该时什么样子. 从那以后,最初的原则始终翻译 2021-10-12 14:55:24 · 14964 阅读 · 10 评论 -
Vue3 配置代理和使用全局axios请求数据
vue3中配置全局代理和使用axios向服务器请求数据main.tsimport { createApp } from 'vue'import VueAxios from 'vue-axios'import App from './App.vue'import './registerServiceWorker'import router from './router'import store from './store'import axios from 'axios'原创 2021-10-07 13:00:27 · 4283 阅读 · 0 评论 -
Nodejs 文件 与 路径 相关用法实例解析
Nodejs路径 path相关用法CSDN用户名:jcLee95邮箱:291148484@163.com原创不易,感谢点赞支持。引入path模块const path = require('path');1.当前文件所在目录的绝对路径console.log("__dirname =",__dirname);__dirname = g:\NodeJs\fs2.路径连接const joined_path = path.join(__dirname, 'NodeJs', 'textFil原创 2021-08-23 12:36:04 · 1154 阅读 · 0 评论 -
[小笔记]TypeScript/JavaScript模拟Python中的Range函数
[小笔记]TypeScript/JavaScript模拟Python中的Range函数李俊才/CSDN博客CSDN用户名:jcLee95邮箱:291148484@163.com原创不易,感谢点赞支持。在Python3中range() 接收1到3个参数,返回一个可迭代对象称之为range序列,而在Python2中返回的是一个列表。在Python中的列表、元组、range序列称之为Python3的三大序列。但从使用上来,对于range函数被没有太大影响。为了模拟range函数,这里我们以数组作为ra原创 2021-07-08 15:33:41 · 871 阅读 · 1 评论 -
[小笔记]TypeScript/JavaScript数组转置
[小笔记]TypeScript/JavaScript数组转置CSDN:jcLee95邮箱:291148484@163.com在代数中,矩阵一个是一个方形数组,它由若干个长度相等的子数组构成。所谓转置指的是将一个矩阵中元素的行与列进行互换,就像将将一个矩形沿着对角线翻转一样,如:[[1,2,3], [4,5,6], [7,8,9]]翻转后:[[1,4,7] [2,5,8] [3,6,9]]TypeScript// 转置一个矩阵型数组export const T = (ary:原创 2021-07-08 14:53:05 · 651 阅读 · 0 评论 -
[小笔记]TypeScript/JavaScript模拟Python中的zip(不使用map)
[小笔记]TypeScript/JavaScript映射两组数据李俊才/CSDN博客CSDN用户名:jcLee95邮箱:291148484@163.com【需求】在Python3中有一个函数是zip()函数,它接收两个序列(如列表\元组等)作为参数,将两者中的元素进行一一绑定形成成组,构成一个有两个元素按照一定结构组织的可迭代对象,(Python2就是数组),这个新的可迭代对象可以转换为字典(dict)。在这里,我们将TypeScript/JavaScript中的对象模仿Python中的字典,数组原创 2021-07-08 09:51:49 · 476 阅读 · 0 评论 -
JavaScript中的类型、面向对象编程 深度解析
JavaScript中的类型与对象李俊才CSDN:jcLee95邮箱:291148484@163.com导读:本文讨论Javascript中一些最具迷惑性的问题:string和String、number和Number、boolean和Boolean…有什么不同?什么是Javascript中的基本类型?什么是JavaScript中的对象?这些问题并非难以理解,只不过是Javascript本身在设计之初就对其之后的发展考量存在局限性。当了解后其实也就是一个知识点而已。1. J...原创 2021-06-15 11:39:23 · 731 阅读 · 0 评论 -
Javascript中的对象拷贝(对象复制/克隆)
Javascript中的对象拷贝(对象复制)CSDN:jcLee95邮箱:291148484@163.com1. 对象的引用要说“拷贝”还要先说“引用”的概念。在JavaScript中没有“指针”的概念,但保留了对象的“引用”。首先必须明确,与“Java”、“Python”等经典面向对象编程语言中“一切皆可对象”不同,在JavaScript中绝非一切皆是对象,并且“引用”是“对象”的引用。这里就需要区分在赋值操作“=”的右侧,到底是一个“字面量”还是一个对象。举例而言:var a = 1;.原创 2021-06-09 21:06:46 · 3860 阅读 · 3 评论