当前位置: 首页>编程笔记>正文

要學vue需要學什么基礎知識,第一章 Vue基礎入門

要學vue需要學什么基礎知識,第一章 Vue基礎入門

文章目錄

    • 引言
    • 1.快速入門
      • 1.1.創建項目
      • 1.2.模型和視圖
      • 1.3.雙向數據綁定
    • 2.{{ }} - 插值
      • 2.1.語法
      • 2.2.案例
    • 3.v-text、v-html(內容綁定)
      • 3.1 語法
      • 3.2 案例
    • 4.v-bind (屬性綁定)
      • 4.1 語法
    • 4.2 案例
    • 5.v-on(事件監聽 )
      • 5.1 語法
      • 5.2.案例
    • 6.v-if(條件渲染)
      • 6.1.語法
      • 6.2 案例
      • 6.3 v-show
    • 6.4 v-if vs v-show
    • 7. v-for(列表渲染)
      • 7.1 語法
      • 7.3 更多細節
    • 8.v-model(表單輸入綁定)
      • 8.1 單行文本和多行文本
      • 8.2 單選按鈕
      • 8.3 復選框
      • 8.4 下拉列表
      • 8.5 動態選項
    • 9. `<template>`
    • 10.計算屬性和偵聽屬性
      • 10.1.計算屬性
      • 10.2.偵聽屬性
    • 11.生命周期
      • 11.1.生命周期圖
      • 11.2.created 與 mounted 的區別

引言

要學vue需要學什么基礎知識,Vue 是一款漸進式 JavaScript 框架,用來動態構建用戶界面。
○ 遵循 MVVM 模式
○ 編碼簡潔、體積小、運行效率高,適合移動/PC 端開發。
○ 本身只關注UI,可以輕松引入 vue 插件或其它第三庫開發項目。
○ 國內大規范使用、生態系統完善。
● 官網地址:
○ https://cn.vuejs.org/
● 作者: 尤雨溪。
● 框架下載:

<!-- 開發環境版本,包含了有幫助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 生產環境版本,優化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

1.快速入門

1.1.創建項目

在這里插入圖片描述
在這里插入圖片描述
新建 HTML 頁面,引入 Vue.js文件
在這里插入圖片描述

<script src="js/vue.js"></script>

1.2.模型和視圖

Model

<script><!-- 模型 -->new Vue({el: '#app',// data: {//     name: '尤雨溪',//     message: 'Hello Vue'// }// ES6 語法data() {return {name: '尤雨溪',message: 'Hello Vue'}}})
</script>

vue入門教程。View

<!-- 視圖 -->
<div id="app"><p>{{name}}</p><p>{{message}}</p><input type="text" v-model="message">
</div>

完整代碼

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Hello Vue</title>
</head>
<body><!-- 視圖 -->
<div id="app"><p>{{name}}</p><p>{{message}}</p><input type="text" v-model="message">
</div><script src="js/vue.js"></script>
<script>
<!-- 模型 -->new Vue({el: '#app',// data: {//     name: '尤雨溪',//     message: 'Hello Vue'// }// ES6 語法data() {return {name: '尤雨溪',message: 'Hello Vue'}}})
</script>
</body>
</html>

運行效果:
在這里插入圖片描述

1.3.雙向數據綁定

vue多久可以學會、MVVM (Model-View-ViewModel)思想,實現數據的雙向綁定,將編程的關注點放在數據上。
jQuery 是將關注點放在了 DOM 操作上;先回顧下MVC:
在這里插入圖片描述
MVC 只能實現模型到視圖的單向展示。
雙向綁定是指當數據模型數據發生變化時,頁面展示的內容會隨之發生變化,而如果表單數據發生變化,綁定的模型數據也隨之發生變化。MVVM 如下圖:
在這里插入圖片描述
Model 和 View 是通過 ViewModel 對象進行雙向綁定的。模型數據發生變化,會更新到視圖,視圖內容變化,也會更新模型數據。

2.{{ }} - 插值

2.1.語法

● {{ }} 中可以插入文本,上面的案例就是;
● {{ }} 中可以插入JavaScript 表達式;

{{ number + 1 }}
{{ ok ? 'YES' : 'NO' }}

● {{ }} 中只支持表達式,不支持其它語句;

<!-- 這是語句,不是表達式 -->
{{ var a = 1 }}<!-- 流控制也不會生效,請使用三元表達式 -->
{{ if (ok) { return message } }}

2.2.案例

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>插值</title>
</head>
<body>
<div id="app">{{message}}</br>{{ number + 1 }}</br>{{ ok ? 'YES' : 'NO' }}</br><!--    {{ var a = 1 }}</br>--><!-- 流控制也不會生效,請使用三元表達式 --><!--   {{ if (ok) { return message } }}</br>-->
</div>
<script src="js/vue.js"></script>
<script>new Vue({el: '#app',data() {return {message: 'Hello Vue!!!',number: 100,ok: false}}})
</script>
</body>
</html>

3.v-text、v-html(內容綁定)

不學js可以直接學vue嗎,● 可以用在 div、p、span、a、h1-h6 等有內容的標簽上,為標簽插入內容;
● v-text 插入普通文本
● v-html 插入 HTML 代碼片段

3.1 語法

<標簽 v-text="標簽內容"></標簽>
<標簽 v-html="標簽內容"></標簽>

3.2 案例

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>插值和屬性綁定</title>
</head>
<body><div id="app">書名:<span v-text="book.name"></span> <br>作者:<span v-text="book.author"></span> <br>內容:<span v-text="book.content"></span> <br>----------------------------------------------<span v-html="book.content"></span> <br>
</div></body>
</html>
<script src="js/vue.js"></script>
<script>new Vue({el: '#app',data() {return {book: {name: '三體',author: '劉慈欣',content: '<p>此處省略一萬字....</p>'}};}})
</script>

4.v-bind (屬性綁定)

4.1 語法

● {{ }}、v-text、v-html 語法不能作用在 HTML 標簽的屬性上;
● v-bind 指令可以用于響應式地更新 HTML 標簽的屬性。

<標簽 v-bind:屬性名稱="屬性值"></標簽>
<!--使用縮寫-->
<標簽 :屬性名稱="屬性值"></標簽>

4.2 案例

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>屬性綁定</title>
</head>
<body><div id="app"><a v-bind:href="url">百度</a> | <a :href="url">百度</a><span :title="tit">大家好</span>
</div><script src="js/vue.js"></script>
<script>new Vue({el: '#app',data() {return {url: 'https://www.baidu.com',tit : 'Hello Vue'}}})
</script></body>
</html>

5.v-on(事件監聽 )

● 可以用 v-on 指令監聽 DOM 事件,并在觸發時運行一些 JavaScript 代碼。

5.1 語法

<!-- 完整語法 -->
<標簽 v-on:click="doSomething">...</標簽><!-- 縮寫 -->
<標簽 @click="doSomething">...</標簽>

5.2.案例

第一章靜力學基礎答案、案例一
基本用法

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>事件監聽</title></head>
<body>
<div id="app">點擊次數:{{count}}<button v-on:click="count++">點擊</button>
</div><script src="js/vue.js"></script>
<script>new Vue({el:"#app",data() {return {count: 0}}});
</script>
</body>
</html>

案例二
許多事件處理邏輯會更為復雜,所以直接把 JavaScript 代碼寫在 v-on 指令中是不可行的。
因此 v-on 還可以接收一個需要調用的函數名稱

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>事件綁定</title>
</head>
<body><div id="app">點擊次數:{{count}}<button v-on:click="count++">點擊</button><button @click="add" :disabled="disabled">點擊我</button>
</div><script src="js/vue.js"></script>
<script>new Vue({el: '#app',data() {return {count: 0,disabled: false}},methods: {// add: function () {//     if (this.count >= 5) {//         this.disabled = true;//     } else {//         this.count++//     }// }add() {if (this.count >= 5) {this.disabled = true;} else {this.count++}}}})
</script></body>
</html>

案例三
除了直接綁定到一個方法,也可以在內聯 JavaScript 語句中調用方法:

<div id="app">hello {{name}} ! <br><button @click="say('jack')">點擊</button>
</div>
<script src="js/vue.js"></script>
<script>new Vue({el: '#app',data: {name: ''},methods: {say(name) {this.name = name;}}});
</script>

案例四
阻止默認事件,以表單提交為例:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>阻止默認事件</title></head>
<body><div id="app"><form v-on:submit.prevent action="https://www.baidu.com" method="post"><button type="submit">提交</button></form><form action="https://www.baidu.com" method="post"><button type="submit" v-on:click.prevent>提交</button></form>
</div><script src="js/vue.js"></script>
<script>new Vue({el: "#app"});
</script></body>
</html>

6.v-if(條件渲染)

6.1.語法

● v-else 元素必須緊跟在帶 v-if 或者 v-else-if 的元素的后面,否則它將不會被識別。
● v-else-if 元素必須緊跟在帶 v-if 或者 v-else-if 的元素之后,否則它將不會被識別。

<標簽 v-if="布爾表達式"></標簽><標簽 v-if="布爾表達式"></標簽>
<標簽 v-else></標簽><標簽 v-if="布爾表達式1"></標簽>
<標簽 v-else-if="布爾表達式2"></標簽>
<標簽 v-else-if="布爾表達式3"></標簽>
...
<標簽 v-else></標簽>

6.2 案例

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div id="app"><div v-if="age>18">成年人</div><hr><div v-if="age<18">未成年</div><div v-else>成年人</div><hr><div v-if="age<18">未成年</div><div v-else-if="age<40">有位青年</div><div v-else-if="age<60">步入中年</div><div v-else>進入老年</div>
</div><script src="js/vue.js"></script>
<script>new Vue({el: '#app',data: {age: 65}})
</script></body>
</html>

6.3 v-show

帶有 v-show 的元素始終會被渲染并保留在 DOM 中。v-show 只是簡單地切換元素的 CSS display屬性。

<div v-show="false">大家好</div>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<div id="app"><div v-show="false">大家好</div>
</div><script src="js/vue.js"></script>
<script>new Vue({el: '#app'})
</script></body>
</html>

在這里插入圖片描述

<div v-show="true">大家好</div>

在這里插入圖片描述

6.4 v-if vs v-show

● v-if 是真正的條件渲染,它會確保在切換過程中條件塊內的事件監聽器和子組件適當地被銷毀和重建。
● v-if 是惰性的:如果在初始渲染時條件為假,則什么也不做直到條件第一次變為真時才會渲染條件塊。
● v-show 不管初始條件是什么,元素總是會被渲染,并且只是簡單地基于 CSS 進行切換。
● v-if 有更高的切換開銷,而 v-show 有更高的初始渲染開銷。
● 如果需要非常頻繁地切換,則使用 v-show 較好;如果在運行時條件很少改變,則使用 v-if 較好。

7. v-for(列表渲染)

7.1 語法

基于源數據多次渲染元素或模板塊。此指令之值,必須使用特定語法 alias in expression,為當前遍歷的元素提供別名:
expression 支持的類型: numberstring 、array 等。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div id="app"><span v-for="num in 10">{{num}}</span> <br><span v-for="num in 10" v-text="num"></span><hr><span v-for="str in 'abcdef' ">{{str}} - </span><hr><ul><li v-for="name in arr" v-text="name"></li></ul><hr><table><tr><th>用戶名</th><th>郵箱</th></tr><tr v-for="user in userList"><td>{{user.username}}</td><td>{{user.email}}</td></tr></table>
</div><script src="js/vue.js"></script>
<script>new Vue({el: '#app',data() {return {arr: ['Java', 'C++', 'PHP'],userList: [{username: 'jack',email: 'jack@126.com'}, {username: "rose",email: "rose@126.com"}]}}})
</script></body>
</html>

7.3 更多細節

你也可以用 of 替代 in 作為分隔符

<div v-for="item of items"></div>

v-for 還支持一個可選的第二個參數,即當前項的索引。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<ul id="app"><li v-for="(item, index) in items">{{ parentMessage }} - {{ index }} - {{ item.message }}</li>
</ul>
<script src="js/vue.js"></script>
<script>new Vue({el: '#app',data: {parentMessage: 'Parent',items: [{ message: 'Foo' },{ message: 'Bar' },{ message: 'Three' }]}})
</script>
</body>
</html>

為了給 Vue 一個提示,以便它能跟蹤每個節點的身份,從而重用和重新排序現有元素,建議為每項提供一個唯一 key:

<div v-for="item in items" v-bind:key="item.id"><!-- 內容 -->
</div>

不要使用對象或數組之類的非基本類型值作為 v-for 的 key。請用字符串或數值類型的值。

8.v-model(表單輸入綁定)

v-model 指令在表單<input><textarea><select> 元素上創建雙向數據綁定。它會根據控件類型自動選取正確的方法來更新元素。它負責監聽用戶的輸入事件以更新數據,并對一些極端場景進行一些特殊處理。

v-model 會忽略所有表單元素的 value、checked、selected 屬性的初始值而總是將 Vue 實例的數據作為數據來源。需要通過 data 選項聲明初始值。

v-model 在內部為不同的輸入元素使用不同的屬性并拋出不同的事件:
● text 和 textarea 使用 value 屬性 和 input 事件;
● checkbox 和 radio 使用 checked 屬性 和 change 事件;
● select 使用 value 屬性和 change 作為事件。

8.1 單行文本和多行文本

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<div id="app"><div><div><label>用戶名:</label><input type="text" v-model="user.username"/></div><div><label>簡介:</label><textarea v-model="user.intro"></textarea></div><hr>用戶名:{{user.username}}<br>簡介:{{user.intro}}<br></div>
</div>
<script src="js/vue.js"></script>
<script>new Vue({el:"#app",data:{user:{username:"jack",intro:"我是jack"}}})
</script>
</body>
</html>

8.2 單選按鈕

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div id="app"><div><div><label>性別:</label><input type="radio" v-model="user.sex" value="1"> <label></label><input type="radio" v-model="user.sex" value="2"> <label></label></div></div><hr>性別:{{user.sex}}<br>
</div><script src="js/vue.js"></script>
<script>new Vue({el: '#app',data: {user: {sex: '2'}}})
</script></body>
</html>

8.3 復選框

單個復選框
單個復選框,默認綁定到布爾值:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<div id="app"><div><input type="checkbox" v-model="agree"><label>閱讀并接受</label><a target="_blank" href="">《XX用戶協議》</a></div><hr>同意:{{agree}}<br>
</div>
<script src="js/vue.js"></script>
<script>new Vue({el: '#app',data: {agree: true}})
</script>
</body>
</html>

在這里插入圖片描述
使用自定義值:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div id="app"><div><input type="checkbox" v-model="agree" true-value="Y" false-value="N"><label>閱讀并接受</label><a target="_blank" href="">《XX用戶協議》</a></div><hr>同意:{{agree}}<br>
</div>
<script src="js/vue.js"></script>
<script>new Vue({el: '#app',data: {agree: 'Y'}})
</script></body>
</html>

在這里插入圖片描述
在這里插入圖片描述
多個復選框

多個復選框,綁定到同一個數組:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div id="app"><div><div><label>愛好:</label><input type="checkbox" v-model="user.love" value="1"><label>羽毛球</label><input type="checkbox" v-model="user.love" value="2"><label>籃球</label><input type="checkbox" v-model="user.love" value="3"><label>足球</label></div></div><hr>愛好:{{user.love}}<br>
</div>
<script src="js/vue.js"></script>
<script>new Vue({el: '#app',data: {user: {love: [2,3]}}})
</script></body>
</html>

8.4 下拉列表

單選

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div id="app"><div><div><label>城市:</label><select v-model="city"><option value="" disabled>請選擇城市</option><option value="1">上海</option><option value="2">北京</option><option value="3">深圳</option></select></div></div><hr>城市:{{city}}<br>
</div>
<script src="js/vue.js"></script>
<script>new Vue({el: '#app',data: {city: '2'}})
</script></body>
</html>

多選
綁定到數組

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div id="app"><div><div><label>城市:</label><select v-model="city" multiple><option value="" disabled>請選擇城市</option><option value="1">上海</option><option value="2">北京</option><option value="3">深圳</option></select></div></div><hr>城市:{{city}}<br>
</div>
<script src="js/vue.js"></script>
<script>new Vue({el: '#app',data: {city: []}})
</script></body>
</html>

8.5 動態選項

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div id="app"><div><div><label>國家:</label><select v-model="country"><option value="" disabled>請選擇國家</option><option v-for="country in countryList"v-bind:value="country.value">{{country.text}}</option></select></div></div><hr>國家:{{country}}<br>
</div>
<script src="js/vue.js"></script>
<script>new Vue({el: '#app',data: {country: '',countryList: [{text: '中國',value: '1'}, {text: '日本',value: '2'}, {text: '韓國',value: '3'}]}})
</script></body>
</html>

9. <template>

指令必須在 HTML 標簽上才能使用。但是如果想切換多個元素呢?此時可以把一個 <template> 標簽當做不可見的包裹元素,并在上面使用指令。最終的渲染結果將不包含 <template> 標簽。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div id="app"><template v-if="v"><span>大家好</span></template>
</div><script src="js/vue.js"></script>
<script>new Vue({el: '#app',data: {v: false}})
</script></body>
</html>

10.計算屬性和偵聽屬性

10.1.計算屬性

模板內的表達式非常便利,但是設計它們的初衷是用于簡單運算的。在模板中放入太多的邏輯會讓模板過重且難以維護。例如:

<div id="example">{{ message.split('').reverse().join('') }}
</div>

模板中也不支持 JavaScript 的復雜語句,比如 循環,分支。所以,對于任何復雜邏輯,你都應當使用計算屬性

基礎例子

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><!-- 計算屬性 -->
<div id="app">{{ msg }}<br>{{computeMsg}} |  {{computeMsg}}<hr><input v-model="msg">
</div>
<script src="js/vue.js"></script>
<script>new Vue({el: '#app',data: {msg: 'Hello Vue'},// 計算屬性要有返回值// 原始數據發生改變,計算屬性會重新計算computed: {computeMsg: function () {// 可以進行復雜的邏輯處理和計算console.log('computeMsg...');return this.msg.toUpperCase();}}})
</script></body>
</html>

● 計算屬性要有返回值;
● 原始數據發生改變,計算屬性會重新計算;
● 原始數據沒有改變,多次訪問計算屬性,不會重新計算。

計算屬性緩存 vs 方法
你可能已經注意到我們可以通過在表達式中調用方法來達到同樣的效果:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><!-- 計算屬性 -->
<div id="app">{{ msg }}<br>{{computeMsg}} | {{computeMsg}}<br>{{ methodMsg() }} | {{ methodMsg() }}<hr><input v-model="msg">
</div>
<script src="js/vue.js"></script>
<script>new Vue({el: '#app',data: {msg: 'Hello Vue'},// 計算屬性要有返回值// 原始數據發生改變,計算屬性會重新計算computed: {computeMsg: function () {// 可以進行復雜的邏輯處理和計算console.log('computeMsg1...')return this.msg.toUpperCase();}},methods: {methodMsg: function () {console.log('methodMsg2...')return this.msg.toUpperCase();}}})
</script></body>
</html>

多次調用方法,方法會執行多次,計算屬性只再原始值發生改變的時候才重新計算。

10.2.偵聽屬性

Vue 提供了一種更通用的方式來觀察和響應 Vue 實例上的數據變動:偵聽屬性。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><!-- 偵聽屬性 -->
<div id="app"><input type="text" v-model="firstName" placeholder="input firstName"> <br><input type="text" v-model="lastName" placeholder="input lastName"> <br>fullname: {{computedFullName}}
</div>
<script src="js/vue.js"></script>
<script>new Vue({el: '#app',data: {firstName: '',lastName: '',fullName: ''},// 偵聽屬性watch: {firstName: function (firstName) {this.fullName = firstName + ' ' + this.lastName;},lastName: function (lastName) {this.fullName = this.firstName + ' ' + lastName;}},// 計算屬性computed: {computedFullName: function () {return this.firstName + ' ' + this.lastName;}}})
</script></body>
</html>

雖然計算屬性在大多數情況下更合適,但有時也需要一個自定義的偵聽器。這就是為什么 Vue 通過 watch 選項提供了一個更通用的方法,來響應數據的變化。
當需要在數據變化時執行異步或開銷較大的操作時,建議使用偵聽屬性。

11.生命周期

11.1.生命周期圖

在這里插入圖片描述
● beforecreate : 一般使用場景是在加載 loading事件的時候
created :處于loading結束后,還做一些初始化,實現函數自執行(data數據已經初始化,但是DOM結構渲染完成,組件沒有加載)
● beforemount:處于組件創建完成,但未開始執行操作
mounted :處于發起后端請求,獲取數據,配合路由鉤子執行操作(DOM渲染完成,組件掛載完成 )
● beforeupdate、updated:處于數據更新的前后
● beforeDestroy:當前組件還在的時候,想刪除組件
● destroyed :當前組件已被銷毀,清空相關內容

生命周期是否獲取dom節點是否可以獲取data是否獲取methods
beforeCreate
created
beforeMount
mounted

看到上面的圖,大家無需過多的關注這張圖。這些鉤子方法我們只關注 mounted 就行了。
mounted:掛載完成,Vue初始化成功,HTML頁面渲染成功。而以后我們會在該方法中發送異步請求,加載數據。

11.2.created 與 mounted 的區別

● created:在模板渲染成 html 前調用,即通常初始化某些屬性值,然后再渲染成視圖。
● mounted:在模板渲染成 html 后調用,通常是初始化頁面完成后,再對 html 的 dom 節點進行一些需要的操作。

https://www.nshth.com/bcbj/338894.html
>

相关文章:

  • 要學vue需要學什么基礎知識
  • vue入門教程
  • vue多久可以學會
  • 不學js可以直接學vue嗎
  • 第一章靜力學基礎答案
  • 第一章教育基礎
  • vue基礎
  • 零基礎自學吉他的步驟
  • pdf翻譯網站,1 Trillion Dollar Refund – How To Spoof PDF Signatures——欺騙PDF簽名
  • 如何創建一個抽象類,創建具體的產品,并繼承產品抽象類
  • 主從庫理論知識-主從同步如何實現?
  • Tomcat環境變量配置,Mybatis的配置文件參數詳解
  • I Am You,POJ 3130 How I Mathematician Wonder What You Are! 半平面交
  • 要學vue需要學什么基礎知識,第一章 Vue基礎入門
  • win7下安裝win10,win10下安裝Ubuntu18.10雙系統
  • vmplayer怎么使用烏邦圖,烏邦圖環境安裝
  • 計算機專業要不要考研——寫的很棒
  • redisson看門狗原理,記錄一次redis漏洞攻擊
  • 任意波形發生器,基于單片機信號波形發生器系統設計-畢設課設
  • 嵌入式驅動,嵌入式Linux驅動大全問世,十年磨一劍,視頻!服務!新老客戶都有大折扣!
  • socket連接器v2下載,Netty(一)基礎socketchannel,Buffer,selector黏包 半包解決 實戰
  • 大一c語言程序設計筆記,吉林大學2013級大一下學期程序設計作業:同學通訊錄系統
  • 暑期小學生計算機培訓班,青島小學生學習編程暑假
  • 熊貓毛小喵喵去哪里了,小西貝、何小喵看熊貓之觀察者設計模式
  • 如何用c語言比較兩個數的大小,如何用C語言求兩個數的較大值
  • 輾轉相除法求最小公倍數的方法,更相減損術--最大公約數
  • 輾轉相除法求最小公倍數的方法,如何求出兩個整數的最大公約數
  • 李新義的書畫藝術,中國現代書畫家——譚奇中、李義象、高俊鵬等
  • 海底撈張勇名言,致張勇先生一封信:海底撈的“七宗罪”!
  • WPF學習(12)動畫
  • ui自動化測試工具,移動端UI自動化之appium的使用(二)
  • 爬蟲網站,Search For Free —— 新聞爬蟲及爬取結果的查詢網站
  • tenda騰達無線設置,騰達F6路由器無線中繼功能設置
  • 斐波那契數列、小青蛙跳臺階
  • OJ每日一練——小青蛙上臺階
  • 小青蛙貝葉斯
  • 小青蛙走臺階問題
  • MySQL數據庫下載,NAVICAT FOR MYSQL存儲過程