原创 Less基礎使用
聲明變量 @a= 300px; .border(@width){ border:@width solid red; } 使用變量 .box{ width:@a; .border(20px); } 樣式計算 .bo
2020-06-16 14:15:14
原创 深入class類
引言： JavaScript當中並沒有構造函數的概念，只是我們爲了方便區分，就人爲的約定了方法名首字母大寫的爲構造函數。 在ES6之前，如果寫一個構造函數像下面這樣： function Person1(name,age){ th
2020-06-16 14:15:14
原创 拖拽源碼
<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> .box{ width: 100px; height: 100px;
2020-06-16 14:15:14
原创 深入Promise對象及其封裝源碼實現
Promise的含義 Promise是一個狀態集，有三種狀態，關係如下： pending(就緒狀態) -----> resolved (成功狀態) pending(就緒狀態) -----> rejected (失敗狀態
2020-06-16 14:15:14
1
原创 fetch(新一代ajax)
是基於的p 基本使用：fetch(url ,{method:'GET'}).then(data => data); fetch(url ,{ method:'POST', headers : new Headers({ "
2020-06-16 14:15:13
原创 出行助手Vue項目中高德API的使用
本文章是出行助手項目使用高德API的一些經驗，見程序代碼及註釋， 詳情請查看高德API 高德地圖初始化加載定位到當前城市（具體位置）： 設置一個div掛載高德地圖：<div id="map" style="width:900px
2019-07-04 22:59:25
原创 出行助手Vue項目中echarts的使用
引入： 本項目搭建完成之後，根據官網的提示，在webpack中使用echarts，通過npm安裝echarts:npm install echarts --save 使用： echarts可以作爲一個正常的vue組件使用： <te
2019-07-04 22:59:25
原创 webCpmponent
傳統的組件開發： 代碼由四部分構成： 引入CSS組件樣式部分 <link rel="stylesheet" href="***.css"> JS組件封裝邏輯部分 <script src="***.js"></script> HT
2019-07-02 23:38:35
原创 高質量代碼規範及架構思維
寫出 JQuery架構簡單分析 jquery通過調用入口模塊，創建工廠，將功能模塊的功能注入到jquery對象中，而功能模塊通過多個模塊通過extends繼承，互不影響。 jquery的模塊分離、接口模塊的設計正是值得學習的地方。
2019-06-30 23:31:09
原创 簡單數據響應式原理（數據雙向綁定）
什麼是數據響應式 即數據雙向綁定，改變Model時，View自動更新。改變View時，Model也會自動更新。 數據響應式原理 在Vue2.x版本中，利用Object.defineProperty()重新定義對象獲取屬性值（ge
2019-06-29 23:46:19
2
原创 TS進階
類型別名： 使用 type 創建爲類型創建別名，常用於聯合類型。 type Name = string; //爲string創建別名Name type NameResolver = () => string; //TS中=>
2019-06-29 00:14:20
原创 TS高級語法
上篇簡單介紹了TS及其類型定義。 類型推斷： 如果沒有明確的指定類型，TS會依照類型推論（Type Inference）的規則推斷出一個類型： let myFavoriteNumber = 'seven'; //無錯 m
2019-06-27 23:58:31
原创 TS基礎
1 寫在開始之前，爲什麼要學習TS vue2.x中的組件是通過聲明的方式傳入一系列option，和TypeScript的結合需要通過一些裝飾器的方式來做，雖然能實現功能，但是比較麻煩。 而3.0修改了組件的聲明方式，改成了類式的寫
2019-06-27 01:04:28
原创 WebStorm的Git流程
寫在正文之前： WebStorm被廣大JS開發者譽爲“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。在使用過一段時間的VSCode、SublimeText3之後，我也投身到了web
2019-06-11 03:52:39
原创 Vue/cli 2與3
寫在正文之前： 查了許多教程，網上大多都是2.*之前版本的cli，而官網也說明了Vue CLI 的包名稱由 vue-cli 改成了 @vue/cli。因此我自己總結了一份。 and新版的@vue/cli要求node版本在8.9以上
2019-06-11 03:52:39