原创 js中常用到的循環遍歷，過濾，篩選
for循環 定義： 循環可以將代碼塊執行指定的次數。如果您希望一遍又一遍地運行相同的代碼，並且每次的值都不同，那麼使用循環是很方便的。 語法： for (語句 1; 語句 2; 語句 3) { 被執行的代碼塊 } 參數說明： 語句 1
2019-01-14 14:51:54
1
原创 Object用法總結
Object.key() 讀取對象的所有屬性。 1.例如，傳入一個對象，返回包含對象可枚舉的屬性 var obj = { name: 'lisa', age: 12, say: function() {
2019-01-11 15:20:56
2
原创 call()和apply()
所有函數都包含兩個方法(注：這兩個方法非繼承而來)，call()和apply()，這兩個函數都是在特定的作用域中調用函數，能改變函數的作用域，實際上是改變函數體內this的值。 call() 語法： myFunction.call(t
2019-01-11 00:51:57
原创 詳解對象，實例，方法
對象簡介 1.對象是單個實物的抽象 一本書、一輛汽車、一個人都可以是對象，一個數據庫、一張網頁、一個與遠程服務器的連接也可以是對象。當實物被抽象成對象，實物之間的關係就變成了對象之間的關係，從而就可以模擬現實情況，針對對象進行編程。
2019-01-11 00:51:57
原创 在組件上使用v-model，實現子父組件雙向綁定，.sync及update用法
自定義組件v-model 一個組件上的v-model默認會利用名爲value的prop和名爲input的事件，但是像單選框，複選框等類型的輸入控件可能會將value特性用於不同的目的。 v-model用於表單數據的雙向綁定，其實它就是
2019-01-08 01:50:26
1
原创 定時器setTimeout，setInterval，requestAnimationFrame用法
定時器使用目前有三個方法可以使用： setTimeout()（設置某個時間後執行某個動作，表示延時執行某個動作） setInterval()（設置每隔多久執行一次某個動作，它是循環的，如果想重複執行使用該方法） requestAnim
2019-01-08 01:50:26
9
原创 canvas(第二章節)
一、轉換 scale() 縮放當前繪圖，更大或更小。註釋：如果您對繪圖進行縮放，所有之後的繪圖也會被縮放。定位也會被縮放。如果您 scale(2,2)，那麼繪圖將定位於距離畫布左上角兩倍遠的位置。 語法: context.scale(
2019-01-04 02:20:12
原创 下雪效果
過年了，給大家分享一個下雪效果代碼，我的項目是npm方式，使用到canvas和原生js實現。 代碼如下： 在mysnow.vue頁面中： <template> <div> <canvas id="canvas
2019-01-03 02:19:52
原创 canvas用法
HTML5中用法 定義和用法： HTML5使用canvas標籤用於繪製圖像，不過canvas本身沒有繪製能力，它僅僅是圖形的容器，必須使用腳本來完成實際的繪製任務。 getContext()方法可返回一個對象，該對象提供了用於在畫布上
2019-01-03 02:19:52
1
原创 多級組件嵌套傳遞數據，$attrs和inheritAttrs用法
我們在vue的父子組件傳值的時候，我們先在需要的子組件上用props註冊一些屬性，然後父組件調用的時候當屬性來傳值。 如果我們給child傳props沒有註冊的屬性，我們就要用$attrs來取了。 現有父組件A和子組件B: 組件A的內
2018-12-29 03:49:58
2
原创 v-model表單輸入綁定
基礎用法 可以使用v-model指令在表單,及元素上創建雙向數據綁定，他會根據控制類型自動選取正確的方法來更新元素，v-model負責監聽用戶的輸入事件以更新數據，並對一些極端場景進行一些特殊處理。 注：v-model會忽略所有表單元
2018-12-29 03:49:58
1
原创 子組件使用$emit觸發父組件的自定義事件
1.父組件可以調用子組件通過props導出的數據。 2.子組件可以使用$emit觸發父組件的自定義事件。 $emit語法： vm. $emit(eventName,[…args]); 參數說明：第一個參數eventName，表示自定義
2018-12-29 03:49:58
3
原创 vue父組件調用子組件，爲子組件傳值，prop用法
1.父組件調用子組件 子組件children.vue代碼如下: <template> <div>我是子組件</div> </template> 父組件parent.vue代碼如下： <template> <div>
2018-12-29 03:49:58