原创 TypeScript學習(六):函數的定義及特性

前面我們說完了對象和數組的定義,接下來就是一個重頭戲---函數。函數可謂是在程序猿界無處不在,不管你學什麼語言,都會接觸到函數,我看有的文章將函數定義爲一等公民,這就可以看得出函數對於我們來說地位是多麼的高,是多麼的重要,廢話不多說,我們

原创 H5頁面--Android滑動屏幕圖片誤觸

處理移動端上點擊有300ms延遲的方法,我們通常會用fastclick.js來解決,但是調用fastclick.js可能會導致另一個問題,就是在安卓端的時候,H5頁面未加載完時,滑動頁面如果誤觸圖片,會觸發圖片的點擊事件,這在實際應用中是

原创 那些年開發中遇到的坑。。。

1.樣式繼承問題:在angular實際開發中,調用deps配置對應的css-js-html之間的邏輯關係,最好是每個html的頁面使用單獨的模塊命名,名稱不要相同,在切換頁面的時候,會出現樣式的渲染繼承問題;   2.組件渲染:在不同的應

原创 angular中注入依賴(分頁功能)。。。

js部分: (function () { 'use strict'; myapp.config(function($controllerProvider) { $controllerProvider.regist

原创 Symbol()類型的定義及特點

前文我們提到了JavaScript中的兩種數據類型的存儲方式,在說到數據類型的時候,提到了ES6新增的一種數據類型:Symbol類型,這個類型的功能類似於一種標識唯一性的ID。Symbol類型屬於JavaScript中兩大數據類型中的基本

原创 TypeScript學習(四):對象的定義及使用

前面我們說到了數據類型,像什麼布爾類型,數值類型,字符串類型等等,在開發中,我們還會遇到很多像對象、數組、函數等類型,那麼在typescript中是怎麼定義這些類型的? 對象(object) 我們先介紹下在JavaScript中式怎麼定義

原创 JavaScript:異步執行機制

使用JavaScript的開發者都知道,JS的異步執行機制在JS中佔據着重要的地位,主要就是體現在回調函數以及事件方面,最近看了很多文章,將自己的一些感受和理解跟各位分享一下。 前面的博客中也有提到,JavaScript是一個單線程執行機

原创 箭頭函數:this的指向問題

關於typescript中函數的定義,有提到過它的定義方式(詳見:函數的定義及特性),當時提到typescript中的'=>'不是ES6中的箭頭函數的意思。什麼是ES6的箭頭函數?代碼如下: var fnc = v => v; 第一次看

原创 TypeScript學習(三):聯合類型及推論

前面說到了typescript中的數據類型的定義及類型推論,定義的方式也就是單數據類型定義或者是任意類型的定義,但是我們在開發中,有時候會涉及到一些變量的值類型校驗,例如只需要數值和字符串,或者數值和布爾值等等,這個時候,我們就需要利用t

原创 TypeScript學習(八):數組的補充及內置對象說明

在前面我們提到了有關數組的定義和數組的一些特性,那篇博客只提到了三種定義方式,這裏我們再補充兩種方式: 第一種:數組泛型 // 語法格式:Array<elemType> let list: Array<number> = [1, 2,

原创 TypeScript學習(二):任意類型及推論

上文我們提到typescript(以下統稱爲“TS”)中原始數據類型的一些聲明方式,不難看出,TS中的數據定義方式跟JS是大同小異的,但是在JS中,我們常常會聲明一個變量,如: var a; // 聲明變量a 此時,我們在後臺打印a的

原创 JavaScript:new關鍵字的執行過程

在使用JavaScript開發過程中,經常會用到new關鍵字,從字面意思來看,就是新建一個對象,那麼在我們看不見的數據之間的操作到底發生了什麼呢?使用new的這個過程執行了哪些操作?看下面的例子: function Person(nam

原创 常見的遍歷數組和對象的方法

1.for循環 var list = [1,2,3,4,5]; for (var i = 0; i < list.length; i ++) { console.log(list[i]); // 1 2 3 4 5 } 2.

原创 v-for和v-if一起使用的坑。。。

在vue實際開發中,我們避免不了會使用v-for和v-if來操作數據,但是v-for和v-if同時使用時,有一個先後運行的優先級,v-for比v-if的優先級更高,這就說明在v-for的每次循環運行中每一次都會調用v-if的判斷,所以不推

原创 JS實現點擊複製目標內容

在實際應用中,我們經常看到這樣一種效果:就是單擊一個按鈕,就將某個區域內的內容,複製到了剪切板中。其實這個功能實現起來也不難,核心就是用到了window子對象clipboardData的一個方法:setData(),直接上代碼: <di