Jude's blog

首页

关于

归档

ts

103、typescript理解原始类型和对象类型(一)

原始类型的类型标注JavaScript 的内置原始类型,除了最常见的 number / string / boolean / null / undefined, ECMAScript 2015(ES6)、2020 (ES11) 又分别引入了 2 个新的原始类型:symbol 与 bigint 。在 TypeScript 中它们都有对应的类型注解: 123456789const name: string = 'jude'const age: number = 24const male: boolean = falseconst undef: undefined = undefinedconst nul: null = nullconst obj: object = ..

更多
vue3

102、项目部署通用方案

之前用过阿里巴巴的云效(codeup)管理代码及部署,通过搭建流水线的方式,前端提交完代码之后(前端提交代码时不用 npm run build),可以按照简单的步骤将前端代码打包、发布(包括开发环境、测试环境)。

更多
vue3

101、富文本与markdown对文本的处理

编辑文本的 2 种方式:1、富文本; 2、markdown。这 2 种编辑形式在前端中有很多第 3 方库。 一、创建文本基本结构1-1 创建文本基本结构,主要分为三部分:1、article-create 页面:基本结构 2、Editor 组件:富文本编辑器 3、Markdown 组件: markdown 编辑器 src 目录下的项目结构: 12345views / article - create / components / Editor.vue;views / article - create / components / Markdown.vue;views / article - create / index.vue..

更多
vuex

100、vuex的缺点及从0写一个vuex的思路

1、用过 module,项目规模变大之后,单独一个 store 对象会过于庞大臃肿,通过模块方式可以拆分开来便于维护 2、可以按之前规则单独编写子模块代码,然后在主文件中通过modules选项组织起来:createStore({modules:{...}})。 3、不过使用时要注意访问子模块状态时需要加上注册时模块名:store.state.a.xxx,但同时getters、mutations和actions又在全局空间中,使用方式和之前一样。如果要做到完全拆分,需要在子模块加上namespace选项,此时再访问它们就要加上命名空间前缀。 很显然,模块的方式可以拆分代码,但是缺点也很明显,就是使用起来比较繁琐复杂,容易出错。而且类型系统支持很差,不能给我们带来帮助。pinia 显然在这方面有了很大改进,..

更多
js

99、script标签写export为什么会报错?

一、脚本和模块​ JavaScript 有 2 种源文件,一种叫做脚本,一种叫做模块。这个区分是在 ES6 引入了模块机制开始的,在 ES5 和之前版本中,就只有一种源文件格式,即脚本。 ​ 脚本是可以由浏览器或者 node 环境引入执行的,而模块智能有 JavaScript 代码用 import 引入执行。 ​ 脚本具有主动性的 JavaScript 代码段,是控制宿主完成一定任务的代码;而模块是被动行的 JavaScript 代码段,是等待被调用的库。 ​ 实际上,模块和脚本之间的区别仅仅在于是否包含import和export。 ​ 脚本是一种兼容之前的版本的定义,在这个模式下,没有 import 就不需要处理加载.js 文件问题。 ​ 现代浏览器可以支持用 script 标签引入模块或者脚本,如果..

更多
15678927