原创 react-redux管理數據在使用ant.design使用Upload上傳圖片時，無法渲染圖片！
1、背景： 使用react-redux管理數據，在使用Upload上傳時，單獨開闢預覽區域，使用thumbUrl展示預覽圖片，在state更新後，dom有時可以更新，有時更新不了。 2、原因： Upload組件在onChange事件中，
2020-07-07 13:42:25
4
原创 react-beautiful-dnd 官方demo及源碼
1、git地址https://github.com/atlassian/react-beautiful-dnd/ 2、demo代碼在stories目錄下 3、demo程序啓動執行命令 yarn storybook
2020-07-02 20:58:48
3
原创 lable語句
在代碼中增加標記，以便以後使用。一般和break，continue結合使用。 var num = 0; var num2 = 0; var test = 0; test: for(var i =0;i< 5;i++) { if(i
2020-06-27 22:02:22
原创 angular設置網絡請求超時時間
import 'rxjs/add/operator/timeout'; ... /** * get請求 * @param {string} url * @param params * @returns {a
2020-06-27 22:02:22
6
原创 解決webSocket中傳輸base64圖片過大時的過慢問題
1、背景 公司項目有個需求，將發生的事件使用webSocket推送到前端（包括一張高清圖），要求1秒之內在web上顯示，且不能失真。 方案1：首先是將圖片轉換成base64，作爲字符串推送給前端，但是推送過來的信息量太大，導致接收信息延
2020-06-27 22:02:12
72
原创 Angular中mixins繼承
第一種方式 /** * @函數名稱：copyProperties * @param * @作用：類的屬性和函數copy */ function copyProperties(target, source) { for (
2020-06-27 22:02:12
原创 python獲取當前網線的插拔狀態
1、背景 當前項目在網線插拔時 需要重啓一些服務。因此通過ethtool eth0命令來獲取網口的狀態。 #!/usr/bin/env python3 # coding=utf-8 # create at 2019-11-06 im
2020-06-27 22:02:11
原创 前端數據綁定實現
VUE // VUE var App = {}; Object.defineProperty(App, 'test', { get : function(){//取值時觸發 console.log('get'); }, set : f
2020-06-27 22:02:11
原创 柯里化函數學習
背景：面試題 給定一個函數 const add = function (x, y, z) { return (x || 0) + (y || 0) + (z || 0); }; 要求寫一個函數fn, 通過fn(add)(1)(2)
2020-06-27 22:02:11
原创 在angular中使用webWorker
1、html中webWorker <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <
2020-06-27 22:02:11
原创 可視化範圍加載複習
1、定義監聽函數，監聽onscroll事件 2、提前佔位，並且能獲取每個模塊的高度 3、判斷是否在可視範圍內，如果在，則加載 <!DOCTYPE html> <html lang="en"> <head> <meta ch
2020-06-27 22:02:10
原创 js判斷圖片是否可從服務器正常取回
場景 做OEM定製化功能，在服務端只保存的當前圖片的靜態路徑，但是當重新部署環境時，圖片目錄會被覆蓋，此時基於產品健壯性考慮，在加載OEM定製logo等圖片時，先做下判斷，看定製數據能否正常取回。 解決方案 /** * 驗證
2020-06-27 22:02:10
2
原创 WebGL學習——變換、矩陣、動畫（五）
一、平移 1、爲頂點座標的每一個分量，加上一個變量即可實現平移效果。 2、定義u_Translation變量，使用uniform變量，因爲平移對所有的頂點都一致。gl_Position是vec4類型，u_Translation也必須是v
2020-06-27 22:02:10
1
原创 threejs基礎學習
1、創建一個攝像機 new THREE.PerspectiveCamera(fov, aspect, near, far); fov：視野角度，越大看到的物體越小（視野範圍） aspect： 長寬比 一般基於cavnas的容器去設置 n
2020-06-27 22:02:10
原创 templateRef.createEmbeddedView is not a function
背景：在使用Swper封裝一個組件時，碰到這樣一種常見，使用*ngIf判斷數據類型，如果爲數組就去循環dom，如果不是就直接使用ng-template的ngTemplateOutlet去接收，但是碰到這樣一個錯誤。 templateRef
2020-06-27 22:02:10