原创 什麼是Webpack，爲什要使用WebPack
1、什麼是Webpack WebPack可以看做是模塊打包機：它做的事情是，分析你的項目結構，找到JavaScript模塊以及其它的一些瀏覽器不能直接運行的拓展語言（Scss，TypeScript等），並將其打包爲合適的格式以供瀏
2020-06-04 11:20:16
1
原创 ES6定義那些新屬性
ES6新特性（常用的） 1.類（class） ES6 引入了class（類），讓JavaScript的面向對象編程變得更加簡單和易於理解。 2.模塊化(Module) ES5不支持原生的模塊化，在ES6中模塊作爲重要的組成部分被添
2020-06-04 11:20:06
原创 vue（一）跨組件傳參
Vue 的組件作用域都是孤立的，不允許在子組件的模板內直接引用父組件的數據。必須使用特定的方法才能實現組件之間的數據傳遞。 首先用 vue-cli 創建一個項目，其中 App.vue 是父組件，components 文件夾下都是子
2020-06-04 11:20:06
原创 只保留小數點後兩位（原生）
在完善項目過程中，有時候輸入的數字只需保留後兩位小數，如金額等，代碼如下： HTML： <div> <h3>只保留小數點後兩位</h3> <input type="text" onkeyup="chearNum(t
2020-06-04 11:20:06
原创 TypeScript的簡單總結
1，類型註解；String，Number，Boolean等 聲明每一個變量的類型註解，應用起來更加規範； 2，接口，提供一個數據自定義的接口，如： export class Person { id: number; nam
2019-12-04 02:28:32
原创 前端獲取後端的數組對象處理（去重，排序，轉爲樹狀結構）
後端接口數據處理，對數組對象進行 去重（通過元素id去重），排序，轉爲樹狀結構 下面爲後端轉過來的一個扁平數據 var data = [ { id: '1', staffName: '陳
2019-07-30 02:01:04
原创 JS正則表達式整理
JS正則表達式整理 金額校驗類，包含正負，小數點後兩位 function chearNum(s) { //金額 只允許正數 //var exp = /(^[1-9]([0-9]+)?(\.[0-9]
2019-06-21 03:29:04
2
原创 git的常用操作指令
git的常用操作指令 命令 實現操作 備註 git init 在現有目錄中初始化倉庫 git add 對指定文件的跟蹤 後面接你想跟蹤的文件 git commit 提交更新 git clone 克隆現
2019-06-10 16:29:58
原创 angular的路由配置
1，引入路由 import { RouterModule, Routes } from '@angular/router'; 2，路由路徑 1，每個 Route 都會把一個 URL 的 path 映射到一個組件。 注意，path
2019-06-10 16:29:58
原创 angular以及Ant Design of Angular的各項配置
1，創建項目 ng new （項目名稱） 2，啓動項目 ng serve --open 需在你新建的項目下啓動 ng serve --port 0 --open 在Ant Design下啓動 3，新建組件. ng generat
2019-05-06 21:47:19
原创 JS的面向對象編程的（閉包，作用域，原型鏈，封裝，繼承，多態)
閉包的概念 //============================================================= 閉包就是能夠讀取其他函數內部變量的函數。 1，變量的作用域無非就是兩種： 全局變量和局部變量。
2019-04-17 15:23:18
原创 vue的雙向數據綁定
原理： VUE實現雙向數據綁定的原理就是利用了 Object.defineProperty() 這個方法重新定義了對象獲取屬性值(get)和設置屬性值(set)的操作來實現的。 它接收三個參數，要操作的對象，要定義或修改的對象屬性名，
2019-04-15 15:27:45
原创 什麼是mvc 什麼是 mvvm
MVC： （Model-View-Controller的縮寫）對項目的整體把控,M代表的是數據庫中的數據（Model）,V代表的是前端的視圖層（View），C用於處理M和V之間進行交互的業務邏輯(Controller，業務邏輯需要程序
2019-04-15 15:27:45
原创 頁面性能優化辦法有哪些？（前端）
頁面性能優化辦法有哪些？ 一、資源壓縮與合併 如何進行html壓縮： 1，使用在線網站進行壓縮(開發過程中一般不用) 2，nodejs 提供了html-minifier工具 3，後端模板引擎渲染壓縮 如何進行css壓縮： 1，使用在線
2019-04-12 15:29:21
原创 JavaScript處理異步的幾種方法
一、回調函數（callback） 假定有兩個函數f1和f2，後者等待前者的執行結果。 f1(); f2(); 如果f1是一個很耗時的任務，可以考慮改寫f1，把f2寫成f1的回調函數。 function f1(callback){
2019-04-12 15:29:21