亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

git?命令行

[email protected]:anlidy/hellogit.git?下載git代碼到本地，初始化本地代碼倉庫

ls?查看當前目錄下的文件

cd hellogit/

git status

git?branch -a?查看本地和遠程分支

touch?test.txt?創建文件test.txt

git?add .? 將本地所有文件添加到待提交狀態

git?commit -m "初次提交"? ?提交到git本地倉庫

git?remote -v

git push origin master?推送到git遠程倉庫master分支

git?branch -a

git checkout -b dev?創建并切換到新分支dev

ls

touch test1.txt

git status

git add test1.txt

git commit -m "dev上的功能開發"

git?push?origin?dev

git?branch -a

git checkout master?切換到本地master分支

ls?查看本地master分支下的文件

git merge dev?將dev分支合并到master分支

ls

git push origin master

git branch -D dev?刪除本地分支dev

git push origin :dev?刪除遠程分支dev

git?reset --hard?head^?退回到上一個版本

git?log

git?reflog?查看提交記錄

git?reset --hard HEAD@{1}?或者?git?reset --hard 44c2edc

?watch?異步場景，computed?數據聯動

<author>Light Xun</author>

<summary>引用請轉明出處</summary>

<title>Vue - 3.3 vue 代碼規范</title>

<content>

????1. 風格指南

????????1.1 好習慣, 少走坑

????????1.2 寫出自己看得懂的代碼

????????1.3 寫出別人看得懂的代碼

????2. 官網 - 學習 - 風格指南

</content>

<author>Light Xun</author>

<summary>引用請轉明出處</summary>

<title>Vue - 3.2 組件化的思想</title>

<content>

? ? 1. 什么是組件化 ?

????????1.1 獨立的

????????1.2 可復用的

????????1.3 整體化的

????2. 為什么要組件化 ?

????????2.1 實現功能模塊的復用

????????2.2 高執行效率

????????2.3 開發單頁面復雜應用

????3. 如何進行拆分 ?

????????3.1 150/300 行原則

????????3.2 復用原則

????????3.3 業務復雜性原則

????4. 組件化帶來的問題

????????4.1 組件狀態管理(vuex)

????????4.2 多組件的混合使用, 多頁面, 復雜業務(vue-router)

????????4.3 組件間的傳參, 消息, 事件管理(props, emit/on, bus)

</content>

<author>Light Xun</author>

<summary>引用請轉明出處</summary>

<title>Vue - 3.1 認識 vue-cli</title>

<content>

????1.? 安裝 vue-cli 工具 : npm install -g @vue/cli

? ? 2.? 快速創建工程的兩種方法

????????2.1 創建工程方式一

????????????2.1.1 命令行至想要創建工程的目錄中

????????????2.1.2 vue create 工程名

????????????????????→ Manually select features

????????????????????→ 選擇常用組件 : Babel, Router, Vuex, CSS Pre-processors, Linter/Formatter

????????????????????→ Yes

????????????????????→ Sass/SCSS

????????????????????→ 選擇代碼規則 : ESLint + Airbnb / ESLint + Standard config

????????????????????→ 選擇保存時對代碼進行檢查 : Lint on save

????????????????????→ In dedicated config files

????????????????????→ 選擇是否未來項目按照此配置進行創建 : n

????????????2.1.3 運行 : 進入工程, npm run serve

????????2.2 創建工程方式二

????????????2.2.1 vue ui : 安裝過程類似方式一

????3. 工程化項目的目錄

????????3.1 src : 源文件

????????????3.1.1 views : 頁面視圖

????????????3.1.2 components : 組件

????????3.2 public : 公共文件, 公共資源

????????3.3 node_modules : 前端依賴

????????3.4 package.json : 打包中配置文件信息

</content>

<author>Light Xun</author>

<summary>引用請轉明出處</summary>

<title>Vue - 2.5 條件渲染, 列表渲染, Class與Style綁定</title>

<content>

? ? 1. 條件渲染

????????1.1 v-if : 后接 js 表達式, 不顯示時刪除元素

????????1.2 v-else, v-else-if

????????1.3 v-show?: 后接 js 表達式, 不顯示時隱藏元素

????2. 列表渲染

????????2.1 v-for

????????2.2 v-for 與 v-if 結合使用

????????2.3 v-for 高階用法

????3. Class與Style綁定 : 使用 v-bind: 來與 data 中變量進行綁定

</content>

<author>Light Xun</author>

<summary>引用請轉明出處</summary>

<title>Vue - 2.4 計算屬性與偵聽器</title>

<content>

? ? 1. 計算屬性 : computed

????????1.1 可以偵聽 本實例 中很多個變量, 包含的 本實例 中的變量發生了變化時觸發重新運算, 本實例 外的變量變化時不會觸發

????2. 偵聽器 : watch

????????2.1 偵聽 本實例 中一個變量的變化

????3. 使用場景

????????3.1 watch : 異步場景,

????????3.2 computed : 數據聯動

</content>

<author>Light Xun</author>

<summary>引用請轉明出處</summary>

<title>Vue - 2.3 模板語法</title>

<content>

????1. 認識 Vue 文件結構(template, script, style)

????2. 模板語法

????????2.1 插值 {{msg}}

????????2.2 指令(指令縮寫) v-html(不轉義), v-text(轉義), v-bind:, v-on:, v-model(雙向綁定), v-if(真則顯示, 假則元素刪除), v-show(真則顯示, 假則隱藏)

????3. 使用 v-html 來實現輸出 data 中 html 代碼, {{html}} 將被轉義

????4. 使用 v-bind: 來實現數據綁定, 可將各元素的 id 在 vue 實例中進行綁定, 統一管理, 可縮寫為 :屬性

????5. 使用 v-on: 來實現事件綁定, 在methods 進行實現, 可縮寫為 @事件

</content>

<author>Light Xun</author>

<summary>引用請轉明出處</summary>

<title>Vue - 2.1 知識點解釋</title>

<content>

????如圖

</content>

<author>Light Xun</author>

<summary>引用請轉明出處</summary>

<title>Vue - 2.2 第一個 vue 應用</title>

<content>

????1. 常用 js 庫 : jquery, zepto(移動端)

????2. 使用 CDN 方式引用資源 : https://www.bootcdn.cn/

????3. 在 head 中引入 vue.js 庫, 防止加載時抖屏

????4. vue 實例中 綁定的元素, 當選擇了頁面有多個元素時, vue 優先只選擇第一個綁定. 可使用外部包裹的 id 方式實現多元素數據綁定

</content>

<author>Light Xun</author>

<summary>引用請轉明出處</summary>

<title>Vue - 1.3 前置想學習環境</title>

<content>

????1. IDE?

????????1.1 WebStrom

????????1.2 VS Code

????2. Node.js

????????2.1 node.js : node --version

????????2.2 npm : npm --version

????3. 開發環境 & 工具

????????3.1 nvm 介紹 : node 多版本管理的最佳工具

????????????3.1.1 nvm 在 github 中搜索并下載安裝

????????????3.1.2 nvm --version 查看版本號

????????????3.1.3 nvm --help 查看幫助命令

????????????3.1.3 nvm ls 查看本地安裝的 nodejs 版本

????????????3.1.4 nvm ls-remote 查看服務器中發布的所有版本

????????????3.1.5 nvm install v11.0.0 安裝 v11.0.0 版本

????????????3.1.6 nvm user v8.12.0 切換 v8.12.0 版本

????????????3.1.7 可使用淘寶鏡像來使 下載安裝速度 加快 : npm install -g cnpm --registry=https://registry.npm.taobao.org?, 使用 cnpm 進行

????4. 調試環境

????????4.1 Chrome

????????4.2 Vue.js - Chrome 插件, 未有代理可在 https://chrome-extension-downloader.com?:?nhdogjmejiglipccpnnnanhbledajbpd, 將下載好的 vue.js devtools 文件, 拖拽到 擴展程序 中, 可方便的查看 vue組件 及 vue組件狀態

????5. 工程環境

????????5.1 Vue-Cli

????????????5.1.1 下載安裝 : npm i -g vue-cli

</content>

<author>Light Xun</author>

<summary>引用請轉明出處</summary>

<title>Vue - 1.2 課程安排</title>

<content>

????1. Vue 2.x 框架常用知識點 - 20%

? ? 2. Vue 2.x 核心技術 - 30%

????3. 集成 Vue 2.x - 30%

????4. Vue 2.x 框架常用知識點( 第二章 )

????????4.1 認識 Vue : Hello Vue 應用

????????4.2 模塊語法, v-bind 屬性綁定, 事件綁定

????????4.3 條件渲染, 列表渲染, Class 與 Style 綁定

????5. Vue 2.x 核心技術( 第三章 )

????????5.1 認識 vue-cli 工具, Vue 代碼規范

????????5.2 Vue 組件的調試方法

????????5.3 vue-router(路由), vuex(狀態管理)

????6. 集成 Vue 2.x ( 第四章 )

????????6.1 介紹 workflow 工作流 : 介紹單頁面/多頁面開發方式

????????6.2 單頁面 Demo (動態表單, 列表動態展示)

????????6.3 使用 Cli 工具, 開發常見的應用組件

</content>

<author>Light Xun</author>

<summary>引用請轉明出處</summary>

<title>Vue - 1.1 課程介紹</title>

<content>

? 1. 可在 github 中使用 stars:>1 并排序, 以查看全球開源項目收歡迎程度

</content>

快速創建工程的第二種方法：ui界面。命令行敲vue ui