新功能(fea/vue): 新增vue教程文档
This commit is contained in:
parent
830bafb5ed
commit
d1502643c7
@ -11,6 +11,12 @@ group:
|
||||
|
||||
# 💊 node
|
||||
|
||||
基于 chrome 的 V8引擎 封装的一个JavaScript运行环境,事件驱动、非阻塞IO进程模型,它能让js代码运行在服务端。
|
||||
|
||||
对于前端工程师来说具有极大的意义,也让前端工程师离全栈工程师更近了一步。
|
||||
|
||||
对标产品为基于 rust、Tokio 的deno(destroy node),deno 具有更高的效率,并且原生就支持 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
51
docs/fea/vue/pattern.md
Normal 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
|
@ -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架构)
|
||||
|
@ -45,6 +45,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@nicecode/css": "^0.0.8",
|
||||
"n": "^9.0.1",
|
||||
"react": "^16.12.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
|
Loading…
Reference in New Issue
Block a user