新功能(fea/vue): 新增vue教程文档

This commit is contained in:
jzx 2023-04-14 19:01:37 +08:00
parent 830bafb5ed
commit d1502643c7
4 changed files with 76 additions and 1 deletions

View File

@ -11,6 +11,12 @@ group:
# 💊 node
基于 chrome 的 V8引擎 封装的一个JavaScript运行环境事件驱动、非阻塞IO进程模型它能让js代码运行在服务端。
对于前端工程师来说具有极大的意义,也让前端工程师离全栈工程师更近了一步。
对标产品为基于 rust、Tokio 的denodestroy nodedeno 具有更高的效率,并且原生就支持 typescript
## 安装
### 方法1
#### 拉取nvm
@ -63,3 +69,12 @@ ln -s /usr/local/bin/node/bin/npx /usr/bin/npx
- curl [https://setup.ius.io](https://setup.ius.io) | sh
- yum install -y git2u
- git --version
## cjs、esm、umd 的区别
首先运行端的区别cjs和esm只能运行在node端而umd可以同时运行在node和浏览器端
1. cjs 即为 CommonJs, 属于早期的node规范可以使用require进行引用module.exports 导出。
2. esm 即为 Es module属于es6提出之后版本的新的规范语法是可以用 import 引用export default 导出。
3. umd 即为 Universal Module Definition通用模块定义也就是最基本的可在浏览器和node端执行的 js 代码。

51
docs/fea/vue/pattern.md Normal file
View File

@ -0,0 +1,51 @@
---
nav:
title: 前端
path: /fea
group:
title: 💊 Vue
order: 5
path: /vue
---
# 💊 Vue
渐进式单页应用框架,作者为华人尤雨溪,又称尤大、尤小右。毕业于建筑设计系(真不知道他的脑回路怎么长的...
从上手程度来说属于三大框架里最容易得。另外从vue2.7之后的版本支持了组合式开发开发方式更偏向于react对于react开发者来说更加友好。我猜尤大的目的是为了把react用户抢过来
由于我是 react 重度用户,文章大多数会以组合式开发讲解为主,除非有些特殊场景无法实现才会考虑选项式编程。
## 生命周期
和 react 相似的生命周期,可以在这些钩子中注入自己需要的事件,从而改变视图。
### onMounted
在组件挂载后执行,判断是否挂载的依据如下:
1. 所有同步子组件已经被挂载不包含异步组件与Suspense
2. 自身的 DOM 树已经创建并且插入了父容器中。
> 在服务端渲染期间不会被调用。
```js
<script setup>
import { ref, onMounted } from 'vue'
const el = ref()
onMounted(() => {
el.value
})
</script>
```
###
<img src="https://cn.vuejs.org/assets/lifecycle.16e4c08e.png" width="50%" />
## 样例参考
> https://cn.vuejs.org/examples/#hello-world

View File

@ -43,4 +43,12 @@ rm HomebrewUninstall.sh ; wget https://gitee.com/cunkai/HomebrewCN/raw/master/Ho
* 更新某个包brew upgrade [package-name]
* 卸载某个包brew uninstall [package-name]
* 列出所有安装的包brew list
* 清理所有过时软件brew cleanup
* 清理所有过时软件brew cleanup
## 常见问题
### 1. 如果报错 command not found : brew
先运行此命令/usr/local/Homebrew/bin/brew -v 如果是ARM架构的芯片运行/opt/homebrew/bin/brew -v 看是否能出来Homebrew的版本号。如果有版本号。
那就是path没有配置成功可以在 etc/paths 添加一下一个全局路径: /opt/homebrew/bin看下自己是x86还是arm架构

View File

@ -45,6 +45,7 @@
},
"dependencies": {
"@nicecode/css": "^0.0.8",
"n": "^9.0.1",
"react": "^16.12.0"
},
"devDependencies": {