国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

<ul id="4eyoh"><strong id="4eyoh"><track id="4eyoh"></track></strong></ul>

尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm

2年前作者：一個(gè)不禿頭的程序員分類：Toy博客閱讀(54)違法舉報(bào)

這篇具有很好參考價(jià)值的文章主要介紹了尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請(qǐng)大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

目錄

內(nèi)容介紹

統(tǒng)一異常處理

統(tǒng)一日志處理

前端介紹、工具使用

ES6入門

Vue入門

Vue語法

Vue語法高級(jí)

內(nèi)容介紹

1、統(tǒng)一異常處理

2、統(tǒng)一日志處理（了解）

3、前端介紹

4、ES6

5、VUE入門、基本語法

6、VUE高級(jí)語法

7、axios（重點(diǎn)）

8、node

9、npm（重點(diǎn)）

統(tǒng)一異常處理

創(chuàng)建異常
實(shí)現(xiàn)統(tǒng)一異常處理

3、特殊異常處理

@ExceptionHandler(ArithmeticException.class)

  @ResponseBody

  public R error(ArithmeticException e){

??? e.printStackTrace();

??? return R.error().message("特殊異常處理");

  }

尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm,vue.js,javascript,前端

4、自定義異常處理

（1）創(chuàng)建自定義異常

尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm,vue.js,javascript,前端

@Data

@AllArgsConstructor

@NoArgsConstructor

  public class YyghException extends RuntimeException {

??? @ApiModelProperty(value = "狀態(tài)碼")

??? private Integer code;

??? @ApiModelProperty(value = "異常信息")

??? private String msg;

  }

（2）抓取異常

@ExceptionHandler(YyghException.class)

  @ResponseBody

  public R error(YyghException e){

??? e.printStackTrace();

??? return R.error().code(e.getCode()).message(e.getMsg());

  }

（3）手動(dòng)拋異常

尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm,vue.js,javascript,前端

尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm,vue.js,javascript,前端

統(tǒng)一日志處理

1、日志級(jí)別

ERROR、WARN、INFO、DEBUG

2、切換級(jí)別

# 設(shè)置日志級(jí)別

  logging.level.root=DEBUG

3、Logback日志

spring boot內(nèi)部使用Logback作為日志實(shí)現(xiàn)的框架。

Logback和log4j非常相似，如果你對(duì)log4j很熟悉，那對(duì)logback很快就會(huì)得心應(yīng)手。

前端介紹、工具使用

1、前端介紹

2、VS Code

（1）安裝

尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm,vue.js,javascript,前端

（2）安裝插件

尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm,vue.js,javascript,前端

尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm,vue.js,javascript,前端

（3）項(xiàng)目初始化

尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm,vue.js,javascript,前端

尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm,vue.js,javascript,前端

尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm,vue.js,javascript,前端

尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm,vue.js,javascript,前端

（4）實(shí)例

<!DOCTYPE html>

<html lang="en">

<head>

??? <meta charset="UTF-8">

??? <meta name="viewport" content="width=device-width, initial-scale=1.0">

??? <meta http-equiv="X-UA-Compatible" content="ie=edge">

??? <title>Document</title>

</head>

<body>

??? <h1>Helllo!!!</h1>

???

</body>

</html>

（5）發(fā)布方式一

尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm,vue.js,javascript,前端

尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm,vue.js,javascript,前端

（6）發(fā)布方式二

尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm,vue.js,javascript,前端

尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm,vue.js,javascript,前端

*沒有彈出瀏覽器

尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm,vue.js,javascript,前端

尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm,vue.js,javascript,前端

ES6入門

1、是什么

ECMAScript 6.0（以下簡(jiǎn)稱 ES6）是 JavaScript 語言的下一代標(biāo)準(zhǔn)

2、基本語法

1）let聲明變量

<script>

??????? //var不區(qū)分作用域

??????? //let區(qū)分作用域

??????? {

??????????? var a = 100

??????????? let b = 200

??????? }

??????? console.log(a)

??????? //console.log(b)

??????? //var可以重復(fù)聲明變量

??????? //let不可以重復(fù)聲明變量

??????? var c = 300

??????? var c = 400

??????? console.log(c)

??????? let d = 500

??????? // let d = 600

??????? console.log(d)

??????? //var會(huì)提升變量聲明

??????? //let不會(huì)提升變量聲明

??????? console.log(e)

??????? var e? = 700

??????? console.log(f)

??????? let f? = 800

???????

??? </script>



（2）const聲明常量（只讀變量）

<script>

??????? //常量定義后不可修改

??????? //定義常量必須賦值

??????? const PI = 3.14

??????? //PI = 3

??????? console.log(PI)

??????? const a

??????? a= 100

??????? console.log(a)

??? </script>



（3）解構(gòu)賦值

<script>

??????? var a=1,b=2,c=3

??????? console.log(a,b,c)

??????? //解析數(shù)組賦值

??????? let [x,y,z] = [1,2,3]

??????? console.log(x,y,z)



??????? let user = {name:'zhang3',age:33}

??????? let name1 = user.name

??????? let age1 = user.age

??????? console.log(name1,age1)

???????? //解析對(duì)象賦值

??????? let {name,age}= user

??????? console.log(name,age)

??? </script>



（4）模板字符串

<script>

??????? //拼接字符串

??????? let str = 'hello'

??????? let className = 'java230308'

??????? console.log(str + ' ' + className + ' !')

??????? console.log(`${str} ${className} !`)

??????? //拼接長(zhǎng)字符串

??????? let head =

??????????? `<head>

??? <meta charset="UTF-8">

??? <meta name="viewport" content="width=device-width, initial-scale=1.0">

??? <meta http-equiv="X-UA-Compatible" content="ie=edge">

??? <title>Document</title>

</head>`

??????? console.log(head)

??????? function getName(){

??????????? return 'java230308'

??????? }

??????? //調(diào)用函數(shù)

??????? console.log(`${str} ${getName()} !`)

??? </script>

（5）聲明對(duì)象簡(jiǎn)寫

? <script>

??????? let name = 'zhang3'

??????? let age = 33

??????? let user = {name:name,age:age}

??????? console.log(user)

??????? let user1 = {name,age}

??????? console.log(user1)

??????? </script>

（6）定義方法簡(jiǎn)寫

<script>

??????? //定義函數(shù)

??????? // function f1(){

??????? // }

??????? // let f2 = function(){

??????? // }

??????? // f1()

??????? //定義方法

??????? let user = {

??????????? name:'zhang3',

??????????? age:33,

??????????? // sayHi:function(){

??????????? //???? console.log("hello zhang3")

??????????? // }

??????????? sayHi(){

??????????????? console.log("hello zhang3")

??????????? }

??????? }

??????? user.sayHi()

??? </script>

（7）對(duì)象拓展運(yùn)算符

<script>

??????? let user = {

??????????? name:'zhang3',

??????????? age:33,

??????? }

??????? let user1 = user

??????? console.log(user1)

??????? let user2 = {...user}

??????? console.log(user2)

??????? let name = {name:'li4'}

??????? let age ={age:44}

??????? let user3 = {...name,...age}

??????? console.log(user3)

??????? let user4 = {...user2,...user3}

??????? console.log(user4)

??? </script>

（8）箭頭函數(shù)

<script>

??????? let f1 = function (a){

??????????? return a

??????? }

??????? console.log(f1(100))

??????? let f2 = a => a

??????? console.log(f2(200))

??????? let f3 = (a,b)=> a+b

??????? console.log(f3(200,100))

??????? //回調(diào)函數(shù)使用

??????? // $.get('url',data=>{



??????? // })???????

??????? </script><script>

??????? let user = {

??????????? name:'zhang3',

??????????? age:33,

??????? }

??????? let user1 = user

??????? console.log(user1)

??????? let user2 = {...user}

??????? console.log(user2)

??????? let name = {name:'li4'}

??????? let age ={age:44}

??????? let user3 = {...name,...age}

??????? console.log(user3)

??????? let user4 = {...user2,...user3}

??????? console.log(user4)

??? </script>

（8）箭頭函數(shù)

<script>

??????? let f1 = function (a){

??????????? return a

??????? }

??????? console.log(f1(100))

??????? let f2 = a => a

??????? console.log(f2(200))

??????? let f3 = (a,b)=> a+b

??????? console.log(f3(200,100))

??????? //回調(diào)函數(shù)使用

??????? // $.get('url',data=>{



??????? // })???????

??????? </script>

Vue入門

1、是什么

Vue (讀音 /vju?/，類似于 view) 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。

官方網(wǎng)站：Vue.js - 漸進(jìn)式 JavaScript 框架 | Vue.js

2、使用vue

（1）導(dǎo)入依賴

尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm,vue.js,javascript,前端

（2）編寫實(shí)例

<!DOCTYPE html>

<html lang="en">

<head>

??? <meta charset="UTF-8">

??? <meta name="viewport" content="width=device-width, initial-scale=1.0">

??? <meta http-equiv="X-UA-Compatible" content="ie=edge">

??? <title>Document</title>

</head>

<body>

??? <div id="app">

??????? <h1>{{message}}</h1>

??? </div>

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

??? <script>

??????? let app = new Vue({

??????????? el:'#app',

??????????? data:{

??????????????? message:'Hello Vue'

??????????? }

??????? })

??? </script>

</body>

</html>

抽取代碼片段

（1）步驟

尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm,vue.js,javascript,前端

尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm,vue.js,javascript,前端

（2）代碼片段

{

????// Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and

????// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope

????// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is

????// used to trigger the snippet and the body will be expanded and inserted. Possible variables are:

????// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.

????// Placeholders with the same ids are connected.

????// Example:

????"vuehtml": {

????????"scope": "html",

????????"prefix": "vuehtml",

????????"body": [

"<!DOCTYPE html>",

"<html lang=\"en\">",

"<head>",

"??? <meta charset=\"UTF-8\">",

"??? <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",

"??? <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",

"??? <title>Document</title>",

"</head>",

"<body>",

"??? <div id=\"app\">",

"???? ???<h1>{{message}}</h1>",

"??? </div>",

"??? <script src=\"vue.min.js\"></script>",

"??? <script>",

"??????? let app = new Vue({",

"??????????? el:'#app',",

"??????????? data:{",

"??????????????? message:'Hello Vue' ",

"??????????? }",

"??????? })",

"??? </script>",

"</body>",

"</html>",

????????],

????????"description": "vue基礎(chǔ)html片段"

????}

}

Vue語法

1、基本數(shù)據(jù)渲染和指令

<body>

??? <div id="app">

??????? <h1 v-bind:title="title">{{message}}</h1>

??????? <h1 :title="title">{{message}}</h1>

??? </div>

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

??? <script>

??????? let app = new Vue({

??????????? el:'#app',

??????????? data:{

??????????????? message:'Hello Vue',

??????????????? title:'標(biāo)題'

??????????? }

??????? })

??? </script>

</body>

2、雙向數(shù)據(jù)綁定

<body>

??? <div id="app">

??????? <div> <input type="text" v-bind:value="search.info"> </div>

??????? <div>{{search.info}}</div>

??????? <div> <input type="text" v-model="search.info"> </div>

??? </div>

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

??? <script>

??????? let app = new Vue({

??????????? el:'#app',

??????????? data:{

??????????????? search:{

??????????????????? info:'尚硅谷'

??????????????? }

??????????? }

??????? })

??? </script>

</body>

3、事件

<body>

??? <div id="app">

??????? <div> <input type="text" v-model="search.info"> </div>

??????? <div>{{search.info}}</div>

??????? <button v-on:click="searchInfo()">搜索</button>

??????? <button @click="searchInfo()">搜索</button>

??? </div>

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

??? <script>

??????? let app = new Vue({

??????????? el:'#app',

??????????? data:{

??????????????? search:{

??????????????????? info:'尚硅谷'

??????????????? }

??????????? },

??????????? methods: {

??????????????? searchInfo(){

??????????????????? console.log("searchInfo!!!!!!!!!!");

??????????????? }

??????????? }

??????? })

??? </script>

</body>



4、修飾符（了解）

<body>

??? <div id="app">

??????? <form action="" v-on:submit.prevent ="dosubmit()">

??????????? <input type="text" v-model="user.name">

??????????? <button type="submit">提交信息</button>

??????? </form>

??? </div>

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

??? <script>

??????? let app = new Vue({

??????????? el: '#app',

??????????? data: {

??????????????? user:{}

??????????? },

??????????? methods: {

??????????????? dosubmit(){

??????????????????? console.log("提交信息!!!!!!!!!!!")

??????????????? }

??????????? }

??????? })

??? </script>

</body>

5、條件渲染

<body>

??? <div id="app">

??????? <div>? <input type="checkbox" v-model="ok"> 是否同意1 {{ok}}</div>

??????? <div v-if="ok" >同意</div>

??????? <div v-else >查看協(xié)議。。。。。。。</div>

??? </div>

??? <div id="app2">

??????????? <div>? <input type="checkbox" v-model="ok"> 是否同意2 {{ok}}</div>

??????????? <div v-show="ok" >同意</div>

??????????? <div? v-show="!ok" >查看協(xié)議。。。。。。。</div>

???? </div>

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

??? <script>

??????? let app = new Vue({

??????????? el:'#app',

??????????? data:{

??????????????? ok:false

??????????? }

??????? })

??????? let app2 = new Vue({

??????????? el:'#app2',

??????????? data:{

??????????????? ok:false

??????????? }

??????? })

??? </script>

</body>

6、列表渲染

<body>

??? <div id="app">

??????? <ul>

??????????? <li v-for="n in nums">{{n}}</li>

??????? </ul>

??????? <table>

??????????? <tr v-for="(user,i) in userList">

??????????????? <td>{{i+1}}</td>

??????????????? <td>{{user.id}}</td>

??????????????? <td>{{user.name}}</td>

??????????????? <td>{{user.age}}</td>

??????????? </tr>

??????? </table>

??? </div>

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

??? <script>

??????? let app = new Vue({

??????????? el:'#app',

??????????? data:{

??????????????? nums:[1,2,3,4,5],

??????????????? userList:[

??????????????????? {id:1,name:'zhang3',age:33},

??????????????????? {id:2,name:'li4',age:44},

??????????????????? {id:3,name:'wang5',age:55}

??????????????? ]

??????????? }

??????? })

??? </script>

</body>

Vue語法高級(jí)

1、組件

（1）是什么

組件（Component）是 Vue.js 最強(qiáng)大的功能之一。

組件可以擴(kuò)展 HTML 元素，封裝可重用的代碼。

（2）局部組件

<body>

??? <div id="app">

??????? <Navbar></Navbar>

??????? <Navbar></Navbar>

??????? <Navbar></Navbar>

??? </div>

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

??? <script>

??????? let app = new Vue({

??????????? el:'#app',

??????????? data:{

???????????????

??????????? },

??????????? components: {

??????????????? 'Navbar':{

??????????????????? template:'<ul><li>菜單1</li><li>菜單2</li><li>菜單3</li></ul>'

??????????????? }

??????????? }

??????? })

??? </script>

</body>



（3）全局組件

*封裝js文件

Vue.component('Navbar',{

??? template:'<ul><li>菜單1</li><li>菜單2</li><li>菜單3</li></ul>'

})

*導(dǎo)入js，使用組件

<body>

??? <div id="app">

??????? <Navbar></Navbar>

??????? <Navbar></Navbar>

??????? <Navbar></Navbar>

??? </div>

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

??? <script src="Navbar.js"></script>

??? <script>

???????



??????? let app = new Vue({

??????????? el:'#app',

??????????? data:{

???????????????

??????????? },

??????????? components: {

???????????????

??????????? }

??????? })

??? </script>

</body>





2、Vue實(shí)例生命周期

（1）查看流程圖

（2）實(shí)現(xiàn)實(shí)例

<body>

??? <div id="app">

??????? <div> <h1 id="h1">{{message}}</h1> </div>

??????? <div> <button v-on:click="updateInfo()">更新</button> </div>

??? </div>

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

??? <script>

??????? let app = new Vue({

??????????? el:'#app',

??????????? data:{

??????????????? message:'床前明月光'

??????????? },

??????????? methods: {

??????????????? showInfo(){

??????????????????? console.log("showInfo!!!!!!!!!!!!!")

??????????????? },

??????????????? updateInfo(){

??????????????????? console.log("updateInfo!!!!!!!!!!!!!")

??????????????????? this.message = '疑是地上霜'

??????????????? }

??????????? },

??????????? //查看初始化時(shí)4個(gè)鉤子方法

??????????? beforeCreate () {//第1個(gè)鉤子方法，vue屬性和方法均未初始化

??????????????? console.log("beforeCreate!!!!!!!!!!!!!")

??????????????? console.log("this.message="+this.message)

??????????????? //this.showInfo()

??????????? },

??????????? created () {//第2個(gè)鉤子方法，vue屬性和方法均已初始化

??????????????? console.log("created!!!!!!!!!!!!!")

??????????????? console.log("this.message="+this.message)

??????????????? this.showInfo()

??????????? },

??????????? beforeMount () {//第3個(gè)鉤子方法，vue屬性還未渲染頁面

??????????????? console.log("beforeMount!!!!!!!!!!!!!")

??????????????? let text = document.getElementById('h1').innerText

?????? ?????????console.log("內(nèi)存模板="+this.message)

??????????????? console.log("頁面元素="+text)

??????????? },

??????????? mounted () {//第4個(gè)鉤子方法，vue屬性已渲染頁面

??????????????? console.log("mounted!!!!!!!!!!!!!")

??????????????? let text = document.getElementById('h1').innerText

??????????????? console.log("內(nèi)存模板="+this.message)

??????????????? console.log("頁面元素="+text)

??????????? },

??????????? //更新時(shí)兩個(gè)鉤子方法

??????????? beforeUpdate () {

??????????????? console.log("beforeUpdate!!!!!!!!!!!!!")

??????????????? let text = document.getElementById('h1').innerText

??????????????? console.log("內(nèi)存模板="+this.message)

??????????????? console.log("頁面元素="+text)

??????????? },

??????????? updated () {

??????????????? console.log("updated!!!!!!!!!!!!!")

??????????????? let text = document.getElementById('h1').innerText

??????????????? console.log("內(nèi)存模板="+this.message)

??????????????? console.log("頁面元素="+text)

??????????? }

??????? })

??? </script>

</body>

3、路由

（1）是什么

Vue.js 路由允許我們通過不同的 URL 訪問不同的內(nèi)容。

（2）添加js庫(kù)

（3）引入依賴

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

??? <script src="vue-router.min.js"></script>

(4)實(shí)例

<body>

??? <div id="app">

??????? <h1>Hello App!</h1>

??????? <p>

??????????? <!-- 使用 router-link 組件來導(dǎo)航. -->

??????????? <!-- 通過傳入 `to` 屬性指定鏈接. -->

??????????? <!-- <router-link> 默認(rèn)會(huì)被渲染成一個(gè) `<a>` 標(biāo)簽 -->

??????????? <router-link to="/">首頁</router-link>

??????????? <router-link to="/student">會(huì)員管理</router-link>

??????????? <router-link to="/teacher">講師管理</router-link>

??????? </p>

??????? <!-- 路由出口 -->

??????? <!-- 路由匹配到的組件將渲染在這里 -->

??????? <router-view></router-view>

??? </div>

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

??? <script src="vue-router.min.js"></script>

??? <script>



??????? // 1. 定義（路由）組件。

????? ??// 可以從其他文件 import 進(jìn)來

??????? const Welcome = { template: '<div>歡迎</div>' }

??????? const Student = { template: '<div>student list</div>' }

??????? const Teacher = { template: '<div>teacher list</div>' }



??????? // 2. 定義路由

??????? // 每個(gè)路由應(yīng)該映射一個(gè)組件。

??????? const routes = [

??????????? { path: '/', redirect: '/welcome' }, //設(shè)置默認(rèn)指向的路徑

??????????? { path: '/welcome', component: Welcome },

??????????? { path: '/student', component: Student },

??????????? { path: '/teacher', component: Teacher }

??????? ]



??????? // 3. 創(chuàng)建 router 實(shí)例，然后傳 `routes` 配置

??????? const router = new VueRouter({

??????????? routes// （縮寫）相當(dāng)于 routes: routes

??????? })



??????? // 4. 創(chuàng)建和掛載根實(shí)例。

??????? // 從而讓整個(gè)應(yīng)用都有路由功能

??????? const app = new Vue({

??????????? el: '#app',

??????????? router

??????? })



??? // 現(xiàn)在，應(yīng)用已經(jīng)啟動(dòng)了！

??? </script>

??文章來源地址http://www.zghlxwxcb.cn/news/detail-553051.html

到了這里，關(guān)于尚硅谷03：前端開發(fā)之ES | Vue_es6 Axios Node Npm的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請(qǐng)注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

前端架構(gòu)師-week3-Node項(xiàng)目如何支持ES Module
目錄方案一：通過 webpack 完成 ES Module 資源構(gòu)建通過 webpack target 屬性支持 Node 內(nèi)置庫(kù) webpack loader 配置 babel-loader 支持低版本 Node? 方案二：通過Node原生支持ES Module Node 支持 ES Module 的兩種方法總結(jié) ? ? 根目錄下創(chuàng)建 webpack.config.js
2024年02月06日
瀏覽(23)
尚硅谷ES學(xué)習(xí)筆記一
01-開篇結(jié)構(gòu)化數(shù)據(jù)：二維表數(shù)據(jù) 非結(jié)構(gòu)化數(shù)據(jù)：不能用二維表結(jié)構(gòu)表示的數(shù)據(jù)：視頻、圖片，放到nosql中半結(jié)構(gòu)化數(shù)據(jù)：將結(jié)構(gòu)和內(nèi)容混在一起，沒有明顯的區(qū)分。json、xml 02-技術(shù)選型 Elasticsearch 是什么 The Elastic Stack, 包括 Elasticsearch、 Kibana、 Beats 和 Logstash（也稱為 ELK Sta
2024年02月04日
瀏覽(21)
華為云Elasticsearch(FusionInsight HD)連接和開發(fā)教程03-通過HighLevel RestClient操作ES
通過典型場(chǎng)景，我們可以快速學(xué)習(xí)和掌握Elasticsearch的開發(fā)過程，并且對(duì)關(guān)鍵的接口函數(shù)有所了解。場(chǎng)景說明假定用戶開發(fā)一個(gè)應(yīng)用程序，用于搜索所有圖書信息，并要求提供搜索相關(guān)的圖書，并打分按分排序，其中搜索的功能就可以用Elasticsearch來實(shí)現(xiàn)，搜索流
2024年02月02日
瀏覽(19)
Node.js開發(fā)、CommondJS 、ES-Module模塊化設(shè)計(jì)
目錄 ?Node.js是什么基礎(chǔ)使用 Node的REPL 全局變量 ?模塊化設(shè)計(jì) CommondJS規(guī)范 ?基礎(chǔ)使用exports和module.exports require ?CommondJS優(yōu)缺點(diǎn) AMD和CMD規(guī)范 ES_Module ?基本使用方法導(dǎo)出導(dǎo)入 ?結(jié)合使用默認(rèn)導(dǎo)出 ES Module解析流程 ?Node與瀏覽器的對(duì)比 ?在瀏覽器中，HTML與CSS交給Blink處理，如果其
2023年04月21日
瀏覽(31)
第一章前端開發(fā)ES6基礎(chǔ)
認(rèn)識(shí)ES6 概述 ES6表示ECMAScript規(guī)范的第六版，正式名稱為 ECMAScript 2015 ，ECMAScript是由ECMA國(guó)際標(biāo)準(zhǔn)組織制定的一項(xiàng) 腳本語言的標(biāo)準(zhǔn)規(guī)范化，引入了許多新特性和語法。其中包括箭頭函數(shù)、let和const聲明、類、模板字符串、解構(gòu)賦值、參數(shù)默認(rèn)值、展開操作符、Promise 等等。這些
2024年02月08日
瀏覽(18)
第二章前端開發(fā)ES6基礎(chǔ)
目錄擴(kuò)展運(yùn)算符概述語法應(yīng)用模板字符串概述應(yīng)用內(nèi)置對(duì)象擴(kuò)展概述數(shù)組擴(kuò)展方法字符串?dāng)U展方法 set數(shù)據(jù)結(jié)構(gòu) 概述基本使用操作方法遍歷方法認(rèn)識(shí)symbol 概述作用基本使用項(xiàng)目擴(kuò)展運(yùn)算符概述擴(kuò)展運(yùn)算符（spread operator）是 ES6 中新增的一種運(yùn)算符，用三個(gè)點(diǎn)（
2024年02月07日
瀏覽(25)
尚硅谷ES基礎(chǔ) - RESTful & JSON&基本概念&倒排索引&HTTP
RESTful JSON REST 指的是一組架構(gòu)約束條件和原則。滿足這些約束條件和原則的應(yīng)用程序或設(shè)計(jì)就是 RESTful。 Web 應(yīng)用程序最重要的 REST 原則是，客戶端和服務(wù)器之間的交互在請(qǐng)求之間是無狀態(tài)的。從客戶端到服務(wù)器的每個(gè)請(qǐng)求都必須包含理解請(qǐng)求所必需的信息。如果服務(wù)器在請(qǐng)求
2024年02月21日
瀏覽(21)
【前端】尚硅谷Node.js零基礎(chǔ)視頻教程筆記
【前端目錄貼】參考視頻 : 尚硅谷Node.js零基礎(chǔ)視頻教程，nodejs新手到高手 node -v 查看版本號(hào) node hello.js 運(yùn)行js文件 Node.js中不能使用 BOM 和 DOM 的API 說明:瀏覽器中的javascript語法包括如下內(nèi)容組成部分 node.js語法的組成部分 Buffer 是一個(gè)類似于數(shù)組的對(duì)象，用于表示固定長(zhǎng)度的
2024年01月25日
瀏覽(32)
后端程序員的前端必備【Vue】 - 07 ES6新語法
使用let定義變量能更加精準(zhǔn)的確定變量的作用域使用const定義常量，常量一旦定義不可以改變使用模板字符串可以避免大量的字符串拼接類似于springmvc中接受參數(shù)擁有默認(rèn)值使用箭頭函數(shù)可以簡(jiǎn)化復(fù)雜的代碼結(jié)構(gòu)(類似于java中l(wèi)ambda表達(dá)式) 箭頭函數(shù)應(yīng)用定義：從一個(gè)大的數(shù)
2024年02月04日
瀏覽(26)
vue2 利用網(wǎng)絡(luò)代理axios實(shí)現(xiàn)開發(fā)環(huán)境前端跨域
vue2 利用網(wǎng)絡(luò)代理axios實(shí)現(xiàn)前端跨域 vue.config.js 配置代理 vue文件實(shí)現(xiàn)開發(fā)環(huán)境跨域請(qǐng)求測(cè)試生產(chǎn)環(huán)境跨域跳轉(zhuǎn) https://blog.csdn.net/weixin_43858851/article/details/137518111?csdn_share_tail=%7B%22type%22%3A%22blog%22%2C%22rType%22%3A%22article%22%2C%22rId%22%3A%22137518111%22%2C%22source%22%3A%22weixin_43858851%22%7D
2024年04月12日
瀏覽(32)

<big id="vd9kh"></big>