原创 vue的監聽器和計算屬性
本篇主要介紹vue的wtach屬性和computed屬性的一個簡單使用場景. 實現需求,設置一個數,通過單擊對應按鈕,我們可以讓這個數按規律變化(比如自增),同時頁面是可以實時得到根據這個數變化而變化的一些值(比如,這個數的兩倍)
2020-06-27 09:06:24
原创 自封裝數組的forEach(),fliter(),some(),every()方法 和字符串的repeat()方法
封裝數組的forEach() 實現數組的遍歷 //封裝數組的forEach() 實現數組的遍歷 function forEach(array,fn){ for(let i=0;i<arr.length;
2020-06-27 09:06:22
原创 閉包概念,閉包條件,閉包語法,閉包特點
閉包 閉包就是函數的高級應用 閉包的前提條件 在函數的定義階段 1,在內存中開闢一塊空間 2,把函數體以字符串形式存儲,不解析變量 3,把函數體地址值賦值給函數名 在函數的執行階段 1,根據函數地址值找到那個空間 2,再開闢一個函
2020-06-27 09:06:22
原创 gulp打包,做哪些基礎操作
首先gulp是什麼? gulp是基於node的自動化打包工具 gulp可以對我們的代碼進行壓縮,混淆和合並的操作 gulp工具的安裝,檢查和卸載 安裝: npm install --global gulp 卸載: npm
2020-06-27 09:06:21
原创 ass基礎語法
變量 語法:$變量名:值 注意: $也是變量名的一部分! 註釋 // 當行註釋 這種註釋,在編譯的時候直接濾掉 /* 多行註釋 這種註釋編譯時會保留,但是gulp打包時會去掉 *
2020-06-27 09:06:21
原创 設計模式，單例模式，組合模式，觀察者模式
概念 設計模式就是根據特定問題，給出的簡潔而優化的解決方案 單例模式 模式的目的：一個構造函數只能new出一個對象。只要讓new出來的所有的對象，在堆中的地址相同。那麼new出來的對象就都一樣了。 簡單實現代碼: let Pers
2020-06-27 09:06:21
原创 vue實例和vue組件的生命週期以及生命週期鉤子函數
beforeCreate函數,實例初始化之前就會觸發,這個函數沒什麼用,因爲它什麼也沒拿到 created函數,實例初始化完了,會觸發,這時候,可以拿到實例裏面的data了,如果在這個函數內部,更改數據,不會觸發updated和
2020-06-27 09:06:19
原创 獲取屬性節點和文本節點
獲取屬性節點和文本節點 <p title="txt" id="p"> 文本 </p> <script> var a=document.getElementById('p'); //獲取元素
2020-06-27 09:06:19
原创 組件之間通信
利用props實現父組件給子組件傳遞數據,就是子組件可以使用到父組件的數據 <body> <div id="box"> <father></father> </div> <templat
2020-06-27 09:06:19
原创 利用vue的v-bind指令給元素設置id,class和style
利用v-bind添加一個類名 <head> <style> .a{ color:yellow; } </style> </head> <body> <p v-bind:class="'a'">111111111
2020-06-27 09:06:19
原创 利用vue-cli快速創建vue項目的基礎步驟
安裝vue-cli 進入終端,輸入下面指令 npm i -g @vue/cli //下載並安裝指令 vue -V //查看是否下載成功,如果成功,會顯示當前下載的版本號 創建項目 vue create .
2020-06-27 09:06:19
原创 vue網址和特點,mvvm模型簡單介紹
vue的官網地址 https://cn.vuejs.org/ vue.js文件的下載:進入官網,學習>教程>安裝,選擇開發版本,開發或者調試的時候,選擇這個,好改問題.代碼沒有問題的時候,可以選擇生產版本上線. vue的特點:易用
2020-06-27 09:06:19
原创 vue中的v-for指令
通過v-for,循環把數據渲染到頁面上,也可以通過它創建多個類似的元素. 應用舉例: <body> <div class="box"> <ul> <li v-for='item in
2020-06-27 09:06:19
原创 set數據結構及常用方法
set數據結構 set類似於數組,不允許元素重複 1,set創建 let s1=new Set() //創建一個空的set集合 let s2=new Set([1,2,4,5,6]) //創建一個包含1,2,4,5,6
2020-03-11 21:56:08
原创 回調地獄和promise解決方案,async await解決方案
回調函數是函數的一種應用方式 在你調用 a 函數的時候, 把 b 函數當作參數傳遞進去 比如下面這種 getSend('./server/a.php', function (res) { // res 就是後端發回來的響應體
2020-03-08 14:04:29