原创 angularjs1.x 性能優化筆記

1.bind-html 父級頁面如果使用bind-html進行綁定子級組件 例如: <div bind-html='vm.template1'> <div bind-html='vm.template2'> <div bind-html='

原创 vue-router4 配置懶加載 頁面加載時展示loading

  懶加載寫法 { path: "/", name: "index", component: () => import("../views/Home.vue"), }    創建Loading組件 並引入到

原创 React 使用input限制字符長度時,部分手機(ios)輸入中文時出現英文拼音

1.在使用input的onInput方法時,控制字符長度儘量使用input maxLength屬性進行控制 不能使用以下方式 handleOnInput = () => { let filterText = (e.target.value

原创 升級到Angular9 使用loadChildren不生效問題(打包沒有chunk.js文件,全部都打包到了main.js)

angular9如需是loadChildren生效 需要修改tsconfig.json 裏面的module爲esnext   如果module的值爲commonJS則不會生效 { "compilerOptions":{

原创 canvas 壓縮圖片toDataURL 傳入圖片質量壓縮不生效問題

  type 不能是image/png  // image/jpeg 是可以的canvas.toDataURL('image/jpeg', 0.2)     

原创 html2canvas 部分手機繪製成圖片後 字體重疊或者沒有對齊

需要給對應的文字增加 font-family: PingFangSC-Medium, PingFang SC, -apple-system, Helvetica, sans-serif;   

原创 html2canvas 在ios手機繪製時白屏問題

以下是我準備生成分享圖片的dom,這邊使用transform:translateY(100vh); 來隱藏分享dom <div style="width:100%;height:100;position:fixed;left:0;top:

原创 vscode angular-language-service插件 安裝後導致vscode卡頓問題

打開設置,搜索 disableAutomaticNgcc 打打勾就可以了    

原创 FormArray 調整數據位置

get beans() { return this.validateForm.get('beans') as FormArray; } change(fromIdx, toIdx){ const formGroup =

原创 ng-select大量數據導致卡頓問題修復 二次簡易封裝

html部分   <div class="sd-select"> <nz-select [nzMode]="nzMode|| 'default'" [(ngModel)]="value" [nzAllowClear]="nzAll

原创 藍湖如何修改標註線條顏色

[].slice.call(document.querySelectorAll('.layer_margin > div')).map(dom=>{dom.style.background = "#000000"})   標註dom

原创 fabric.js 字體鋸齒問題

一種解決方案,給字體添加一個有透明度的描邊,鋸齒會減輕一些 totalDistanceText = new fabric.Textbox('0m', { textAlign: 'center', width: bodyWi

原创 微信小程序 生成跳轉體驗版url,可直接跳轉到體驗版小程序(可通過此方法測試模板消息)

  https://open.weixin.qq.com/sns/getexpappinfo?appid=這裏填寫你的appId&path=需要跳轉的小程序地址   注意:需要跳轉的小程序地址,需要在 地址最後 參數前 增加.html 例如

原创 手寫一個webpack5 loader,功能:如果less頭部有對應的轉換註釋,那麼將less文件內的所有px轉換爲vw

1.創建一個 trans-vw-loader.js   // 如果是webpack3 需要使用 loaderUtils獲取options // 使用的loaderUtils版本: "loader-utils": "2.0.0", // v