原创 如何防止在3G網絡下圖片加載出來時文字會下落的情況

解決方法: 撐開div的高度,給圖片加載留出空間 .item-img-wrapper overflow: hidden height: 0 padding-bottom: 33.9% .item-img w

原创 使用最新的create react app腳手架創建項目後如何使用DllPlugin打包出不常變更的第三方庫

思路 由於不管是上測試環境還是上生產環境,都需要經常打包代碼,但是如果把事件都花在打包代碼上得不償失,所以可以把不常變更的第三方庫都單獨打包出來,然後只打包自己的邏輯代碼,這樣就可以加快打包速度 具體實現 1. webpack.d

原创 d3 渲染path爲直線時,漸變色無法適用

<path class="link" d="M15,15.345833333333333C279,15.345833333333333 279,15.345833333333333 543,15.345833333333333"

原创 d3製作桑基圖,由v3切換到v5

更改d3版本後運行代碼發現提示以上錯誤,然後跳轉到sankey.js中查找源碼 通過斷點調試,發現此處的source和target的索引都爲-1,繼續向上追尋 發現此處所有的name都是攜帶$符號的,繼續查找自己寫的代碼

原创 使用webpack時發生Cannot read property 'tap' of undefined

webpack設置後出現報錯信息 使用webpack的插件時要注意不要放錯位置,create-react-app生成的項目目錄使用eject解壓縮之後的webpack設置中會有包含在resolve中的plugins,在使用類似we

原创 切換語言時如何切換字體

css選擇器有一個方法是:lang(en),使用該方法可以進行語言切換 :lang(cn){ font-family: 'Noto Sans SC', sans-serif !important; } .loadingTi

原创 使用d3創建搭配foreignObject實現svg文本換行,出現文字不顯示的問題

.append('xhtml:p') 對於非svg標籤,需要添加xhtml:來標識,否則不能顯示內容

原创 加載模型後模型周邊會出現失真

原因:半透明材質需要單獨設置 解決方法: object.traverse(function (child) { console.log(child) if(chil

原创 如何在三維空間中畫線

function initLine(){ var point = new THREE.Vector3(0, 0, 20) console.log(point) TweenMax.to(p

原创 使用HTML元素作爲sprite添加到場景後無法轉動視角的問題

controls = new THREE.OrbitControls( camera, renderer.domElement ); 在使用OrbitControls時,第二個參數傳遞了renderer.domElement,但是當

原创 safari請求usdz文件不能看到webAR的效果

請求的content-type需要改爲model/usd,才能在safari中打開usdz文件

原创 react中如何實現類似VUE的具名效果

在子組件中使用this.props時,該屬性有一個children屬性,使用該屬性即可獲取父組件包含的內容 例如: import React from 'react' class JobManagement extends Reac

原创 在React中使用H5接口IntersectionObserver實現圖片懶加載

export let picLazyLoad = function(){ let observer = new IntersectionObserver( (changes) => {

原创 如何使用css對圖片進行截取

例如圖片長這個樣子,但是設計圖給的圖片實際沒有黑邊。這個時候如果我直接將圖片嵌入div,就會出現圖片被壓縮的情況。例如這樣: 解決方法如下: <div class="imgDiv"> <img class="img" src=s

原创 React hooks

Hooks 何時使用hooks 如果你編寫一個函數式組件並意識到你需要爲它添加一些 state(狀態) ,那麼之前你必須將它轉換爲一個 classes(類) 。 但是現在,您可以在現有函數式組件中使用 Hook 。 也就是說,在R