Vue3.2 新特性
Vue3.2的官方文档Young村长B站视频
升级 Vue3.2
升级 node,到 14 以上吧,安装下 vite,然后运行 npm init @vitejs/app 然后一路选择 vue 或 vue-ts,如果要用 ts 的话
现有 Vue 项目升级 3.2 版本
1234567891011npm i vue // 升级到 3.2npm i @vue/compiler-sfc -D // 满足 Vite 工具对 SFC(就是平常所说的 .vue 文件) 的编译需求 // 升级后查看 package.json 配置信息"dependencies": { "vue": "^3.2.20"},"devDependencies": { "@vue/compiler-sfc": "^3.2.20", "vite": "^1.0.0-rc.13"}
Vue3.2 新特性
script s ...
入门式体验 Vue3 与 Vue2 的不同之处(Vue Mastery)
Composition APILimitations of Vue2
Readability as components grow, large components can become hard to read & maintain
Code reuse patterns have drawbacks
Limited TypeScript support
setup
Writing Composition Functions
Vue2 对于代码的跨组件复用有三种方法,但是各有优缺点:
Vue3 增加了一种跨组件复用代码的方法即 Composition API
Composition APIsetup() executes before:
Components
Props
Data
Methods
Computed Propeties
Lifecycle methods
setup() doesn’t have access to “this“
setup() has two optional arguments:
the first is props, ...
TypeScript 主要知识点梳理与快速入门
TypeScript 介绍TypeScript-官方中文文档
TypeScript是微软开发的开源编程语言,是 JavaScript 的超集,是开发大型应用的基石,提供了更丰富的语法提示,在编写阶段能够检查错误
TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译TypeScript 是一种面向对象的编程语言(对象和类)
安装 TypeScript,会提供一个 tsc 工具执行相应命令
tsc -h 查看这个工具有哪些命令
之后新建一个 ts 文件,执行 tsc ts文件名 命令将 TypeScript 转换为 JavaScript 代码,当前目录下就会生成一个与 ts 同名的 js 文件,使用 node js文件名 来执行 js。(可以同时编译多个 ts 文件:tsc file1.ts file2.ts file3.ts)(如果 ts 代码修改后,要重新编译,不用删除之前生成的 js 文件,会自动更新)
分号在 TypeScript 中是可选的,是否使用可以看项目的代码风格; 几条语句在同一行必须使用分号,不 ...
Noiton 使用数据库的方式管理笔记的效果与简单使用教程
首先展示一下本文在 Notion 中的效果:
一 基本内容类型及定义使用 / 查看并生成各种类型的块
To-do
嘿嘿,无序列表快捷键是 ‘ - ‘ + 空格,把 ‘ - ‘ 换成数字后面带.会生成有序列表
有序列表
Toggle List 生成套索列表,可以将每列内容展开和隐藏,快捷键是 ‘ > ‘ + 空格
可展开或隐藏得内容
Quote 添加更大的文本,适合用于引用
连输3个 ‘ - ‘ 可以生成一个分隔文本的灰色水平线
Link to page类型用来添加另一个页面,这样可以实现跳转,如下
个人主页
Callout是“提示”、“警告”或“免责声明”的理想选择,前面的表情点击可替换
1234567<el-card style="padding-bottom:-20px;margin-bottom:10px" shadow="always"> <el-breadcrumb class="info-title" separator-class="el-ico ...
LeetCode 刷题预备知识
时间复杂度 & 空间复杂度时间复杂度最差情况的时间复杂度 & 空间复杂度 (大 O 符号)。复杂度由低到高分别是:O(1)、O(log n)、O(n)、O(n log n)、O(n2)、O(n3)、O(2n),O(n!)…
做题过程中通常关注到 O( n2 )就可以了,后面复杂度过高,是需要被优化的情况。
时间复杂度为 O(1) 的例子:if(i == 1)、a = 1、result = 3 + 4、result = n * 2、result = 10000 * 10000、array.push(‘a’)、array.pop()、map.set(1, 1)、map.get(1), 在计算复杂度的时候,O(1) 一般会被忽略,但也有时间复杂度为 O(1) 的题。
因为计算复杂度时,取复杂度最高的一项作为总体复杂度,前面的常数忽略。比如:n<sup>3</sup> + n<sup>2</sup> + 1 的时间复杂度为 n<sup>3</sup>; 2n<sup>2&l ...
AOS 页面滚动动画库的使用
Github 地址:AOS - Animate on scroll library演示,这个是用了 AOS 滚动动画库的一个网站
演示网站的源代码地址,注释很详细
1 安装基本的
在 html 文件的 标签中引入 AOS-CSS 文件
1< link rel =“ stylesheet ” href =“ https://unpkg.com/aos@next/dist/aos.css ” />
在关闭标签之前添加脚本,并初始化AOS
1234<script src="https://unpkg.com/aos@next/dist/aos.js"></script><script> AOS.init();</script>
包管理器
在项目根目录下安装 aos 包
yarn add aos@next
或者 npm install --save aos@next
导入脚本,样式并初始化AOS
1234import AOS from 'aos';import ' ...
Hexo + Butterfly 搭建博客过程中遇到的一些报错和一些功能配置方法
一 部署博客时的报错①123456789FATAL { err: Error: Spawn failed at ChildProcess.<anonymous> (D:\frontEnd\练习\blog\white-dust\node_modules\hexo-util\lib\spawn.js:51:21) at ChildProcess.emit (events.js:315:20) at ChildProcess.cp.emit (D:\frontEnd\练习\blog\white-dust\node_modules\cross-spawn\lib\enoent.js:34:29) at Process.ChildProcess._handle.onexit (internal/child_process.js:275:12) { code: 128 }} Something's wrong. Maybe you can find the solution here: ...