原创 React路由嵌套，基於路由文件生存路由
環境： "react": "^16.13.1", "react-dom": "^16.13.1", "react-router-dom": "^5.2.0", 路由配置 routers.tsx文件內容 const routers =
2020-06-11 07:35:41
1
原创 React中使用addWebpackAlias配置導入路徑報錯
一、環境： 1、React + TypeScript 2、使用create-react-app搭建的項目 { "name": "react-customizescreen", "version": "0.1.0", "pr
2020-06-11 07:35:41
原创 將ng-alain中的delon組件放到本地使用
一、背景：ng-alain 1.x到stable版本變更較大，有些特性無法修改，導致無法升級，一些新特性無法使用。 二、將delon組件下載到本地使用 將源碼從git上下載下來 https://github.com/ng-alain/de
2020-06-01 01:23:29
原创 WebGL學習——緩衝區對象（四）
緩衝區對象：WebGl提供的一種機制，可以一次性向着色器傳入多個頂點數據，我們可以一次性向緩衝器對象中填充大量的頂點數據，然後將這些數據保存起來，供頂點着色器使用。 初始化過程： 創建緩衝器對象 gl.createBuffer(); 綁
2020-06-01 01:23:29
原创 WebGL學習——存儲限定符（三）
介紹：定義存儲的變量是什麼類型，常用的有attribute、uniform 1、attribute 傳輸與頂點相關的數據。 定義方式：<存儲限定符><數據類型><變量名稱> attribute vec4
2020-05-15 13:44:28
原创 canvas width height 和 style width height細節總結
1、canvas width height 和 style width height的區別 width height是畫布的寬高，也是可繪製區域的寬高，不設置的話默認是300 150； style width height是這個元素的寬
2020-04-14 21:14:07
原创 angualr8升級9問題記錄
1、執行ng update rxjs @angular/core @angular/cli @angular/cdk 由於一直不成功，我直接先手動更新腳手架 yarn add @angular/cli 後續手動升級 @angular/
2020-04-02 08:12:18
13
原创 前端加載性能優化總結
目錄 一、圖片優化 1、圖片選擇 2、圖片轉base64 3、雪碧圖 && Web Font 4、圖片延遲加載 5、縮略圖 && 響應式圖像 二、HTML結構優化 三、CSS、js優化 四、網絡和服務端優化 一、圖片優化 1、圖片選擇 格
2020-02-20 16:12:47
原创 nextjs 導出靜態資源文件報錯
問題：使用next export編譯導出靜態資源文件後，本體打開html文件一直抱靜態資源找不到的錯誤 原因：資源路徑都是/static/的絕對路徑 解決方案：放到本地服務或者增加assetPrefix前綴（絕對路徑前綴）
2019-10-25 13:46:24
原创 js基礎算法複習
var util = util || {}; !(function (t) { if (!util.binarySearch) { Object.assign(util, t()); } }(functi
2019-10-25 13:46:24
原创 three.js 背景貼圖有點失真
原因：圖片規格（長和寬大小）不是2ⁿ。非2的冪次方貼圖在WebGL的支持是有限的。顯卡渲染的要求也是2ⁿ，圖片最好是2ⁿ的。 如果想正常渲染非2ⁿ圖像，可以參考https://www.khronos.org/webgl/wiki/WebG
2019-10-25 13:46:24
原创 angular中靜態類注入服務
1、背景 在項目中有一些公共的靜態類，提供了一些靜態方法，有些函數依賴一些服務的狀態和函數，因此希望能將這些依賴的服務注入到公共的靜態類中，讓這些靜態類能夠直接使用。 2、解決方法 創建一箇中間件，將依賴的服務注入到這個服務中，然後在這
2019-09-15 13:42:14
原创 three.js學習
1、創建一個攝像機 new THREE.PerspectiveCamera(fov, aspect, near, far); fov：視野角度，越大看到的物體越小（視野範圍） aspect： 長寬比 一般基於cavnas的容器去設置 n
2019-09-15 13:42:14
原创 angualr判斷父組件是否定義方法接收子組件Output發送的消息
1、場景 編寫一個組件，有一個click事件，需要對外發送消息，但是有一些模塊不需要點擊事件，此時需要根據這倆種場景定義不同的樣式。重新定義一個@Input()太過繁瑣，此時通過對@Output()這個屬性對象裏面的一些屬性來判斷。 2
2019-08-23 03:52:39
2
原创 vue-baidu-map中直接使用mapStyle設置樣式，點擊marker時地圖上會有白屏閃爍
背景：在<baidu-map>中直接定義mapStyle，在添加marker後，點擊marker時會出現白屏閃爍 <baidu-map class="map" :center="{lng: 116.404, lat: 39.915}"
2019-08-06 03:44:14
12