原创 vue 單元測試報錯之 undefined is not a constructor (evaluating 'expect(vmComponent.count).toBe(1)')
下面是按照vue官方的例子,寫的測試, // MyComponent.spec.js import Vue from 'vue' import MyComponent from '@/components/MyComponent.v
2020-06-20 03:16:09
原创 ngrx結合localStorage，刷新頁面防止數據丟失
ngrx結合localstorage思路(下面是獲取用戶信息)： 1.登陸的時候接口會返回用戶資料， 2.initialState默認讀取localStorage裏面的用戶信息 3.訂閱state裏面的loginInfo，store.pi
2020-06-19 21:16:02
8
原创 ngrx在項目中常的一些方法,淺顯易懂,一看就會
select：this.store.pipe(select('countInfo')) // 獲取這個狀態的值 dispatch：this.store.dispatch(increment()); // 觸發對應的事件來更改countIn
2020-06-19 21:16:02
原创 webpack抽取css
webpack4之前的版本使用ExtractTextPlugin方法提取css, 安裝cnpm install extract-text-webpack-plugin -D webpack4和webpack4.x上使用ExtractTex
2020-06-19 21:16:02
原创 window10上安裝linux虛擬機
首先我們準備下需要用到的文件VMware和 ubuntu(系統鏡像文件) 下載地質:VMware官網下載地址ubuntu官網下載地址 下載完成後,雙擊擴展名爲exe的VMware文件. 出現安裝的彈出層,然後一直點下一步,直到安裝完成;注
2020-06-19 21:16:02
原创 小程序跳轉到另一個小程序,參數傳遞以及調試,H5跳轉小程序,小程序內嵌H5,
業務場景:企業A的小程序內嵌了企業B的H5 問題:企業A內嵌企業B的H5發起微信支付的時候,繞不過微信的限制.總是支付失敗. 問題解決思路:企業B新建一個小程序,讓企業A調用企業B的小程序, B內嵌H5，支付的時候，H5打開B，然後發起支
2020-06-19 21:16:02
原创 在Angular中自定義Webpack配置
本文章只針對Angular CLI 8版本 1.安裝angular-builders cnpm i @angular-builders/custom-webpack -D cnpm i @angular-devkit/build-ang
2020-06-19 20:10:34
7
原创 angular HttpClient
參考：angular httpClient文檔 要想使用 HttpClient，就要先導入 Angular 的 HttpClientModule。大多數應用都會在根模塊 AppModule 中導入它!!!!。 1.簡單的獲取 JSON 數
2020-06-19 20:10:34
1
原创 webpack ensure異步加載
webpack異步加載的原理 把一些js模塊給獨立出一個個js文件，然後使用這個 模塊的時候，webpack會構造script dom元素，瀏覽器會自動幫我們發起請求，去請求這個js文件 使用了異步加載,異步的文件會單獨打包出來,瀏覽器運
2020-06-19 20:10:34
原创 如何在沒有esLint的vue項目裏面添加esLint
有時候開發初期，爲了縮短開發週期，創建項目的時候會直接去掉esLint。 後面代碼優化的時候需要加上去，這時候要怎麼將esLint加到項目中呢 1.安裝下面esLint所需要的依賴，記住安裝到 devDependencies 下 "
2020-06-19 20:10:34
原创 vux scroller在iOS13上，一停止滑動就跳到頂部
今天客戶反饋的問題，說在最新版的iOS上（iOS13），滑動列表，滑完就會跳到頂部，然後去查了下vux的文檔，沒有解決辦法，百度了一大堆，也沒有相關問題，只能看下源碼到底是哪除了問題。 bug出現的原因： 經過一層層的查找，終於發現是io
2020-06-19 20:10:34
原创 Directive exportAs
參考文檔:https://angular.cn/api/core/Directive 什麼是exportAs?exportAs,是定義在directive中的定義一個名字，用於在模板中把該指令賦值給一個變量。改變量可以調用directiv
2020-06-19 19:04:09
1
原创 玩轉正則表達式,就是這麼簡單
在平時開發中,正則表達式用的好能節省很大的工作量,舉個例子 將字符串格式化成數組(數字不格式化), 例如: 張123四 => ["張", "123", "四"]; 如果使用原生js的話,需要這麼寫: function transArrE
2020-06-19 19:04:08
原创 vue 給老項目添加單元測試
由於之前的項目爲了趕進度，所以去掉了測試這塊，近段時間空下來就開始給項目添加單元測試， 參考目前官方的vue的測試，1.利用vue init webpack my-project新建一個vue工程，然後將下面的文件拷貝到我們的項目中， (
2020-06-19 19:04:08
原创 組織架構tree目錄的一些常用方法
對tree的數據重新組織,嵌套或者拉平 export class FileNode { treeChildren: FileNode[]; treeFilename: string; treeType: any; [k
2020-06-19 19:04:08