原创 對可視化項目模型加載進行的性能提升(10多倍)

  可視化項目中經常會加載進模型,我的業務中,有個大樓的3D模型,一共有3個FBX模型,加起來30兆左右,使用公司之前的加載 組件加載一共耗費了將近20多秒。而且瀏覽器會卡頓 優化前:   模型顯示花了10多秒,顯示完後到能操作又消耗了

原创 記錄使用過程中uniapp的BUG

記錄uniapp的使用過程中遇到的BUG、注意事項跟自己的解決方案 未來會不會修復暫時不知道 1.開啓H5搖樹優化後,打包的H5 picker組件會失效(解決方案:關閉H5搖樹或者自己寫個picker組件) 2.APP中的webv

原创 OpenLayer自定義工具欄

因爲業務要求,去年寫過基於OpenLayer的工具欄,網上有些工具欄的文章,但是都沒什麼人提供源碼學習。 希望我的demo能幫助大家更好的理解與開發,有什麼不足請見諒,這裏說下我的基本的實現。 實現的功能 openLayer上有些

原创 記一次失誤,jsonp不屬於XmlHttpRequest協議

今天在react開發中使用了jsonp請求高的天氣,然後在開發者工具的XHR中怎麼也找不到請求,後來才發現jsonp請求不屬於XmlHttpRequest協議,所以network的XHR中不會顯示。 JSONP只能實現GET請求

原创 react中的setState同步異步問題

在使用react中setState是常用的方法, 看下面這個例子: 如果是由React引發的事件處理(比如通過onClick引發的事件處理),調用setState不會同步更新this.state,除此之外的setState調用會

原创 mui,uniapp實現APP整包更新,並展示更新進度條

整包更新 與熱更新不同,整包更新比對的版本號是應用版本名稱 //檢測當前版本號 dqbanben:function(){ var that=this; //在頁面中初始化plus插件 mui.in

原创 前端實現路由

前端實現路由 目的: 後端實現的路由本質是通過服務器代理與路徑的配合去訪問服務器上的靜態資源。 而我們現在的項目都是單頁面,路由控制權都是放在前端了。 前端框架現在都是單頁面模式,瞭解他們實現的本質變得重中之重。 簡單分析: 前端

原创 網站遷移之:301永久重定向與302臨時重定向

重定向就是將網頁自動轉向重定向,即: 301永久性重定向:新網址完全繼承舊網址,舊網址的排名等完全清零 301重定向是網頁更改地址後對搜索引擎友好的最好方法,只要不是暫時搬移的情況,都建議使用301來做轉址。 302臨時性重定向:

原创 解決vscode沒有代碼提示

今天在使用vscode的時候,代碼提示突然不見了。 我先是在設置中更改了配置: 接着搜索prevent,取消此項的勾選 大部分人這樣就成功了,但我這裏還是顯示不出來但是在html文件中是正常的 這時候點擊右下角的文件類型 選

原创 wifi只有內網時,調試小程序webview解決方案

公司小程序需要嵌入webview實現地圖導航功能,公司的內網wifi只能允許手機訪問內網, 調試的時候用手機用4G就無法顯示內網的webview, 用wifi就會因爲沒有網絡無法手機調試小程序。 今天想了幾個解決方案,現在提供一個

原创 scss中配置式編程(解決大量相似樣式與class)

scss中對象式編程(騷操作) 好久沒有寫博客了,最近一直比較忙。 今天在做大屏可視化項目的時候,需要寫一個動畫,供6個表格使用,但是每個表格相差的只有參數不同: 具體效果如下: 這是左側的三個面板從左側彈出 ,右邊也有這樣的三

原创 css實現點贊效果

核心的方式是通過 一張背景圖中position從左到右移動, 然後transition 中 steps控制幀率來實現效果。 steps:階躍函數,參數一是把這次過渡分成幾段。在這裏相隔固定動畫時間,採用一段圖像,調整圖片長寬,保持

原创 vue、react js變量改變class中的屬性

舉個簡單的例子 在style中根據js的值動態設置css中的變量,可以設置多個屬性 在class中調用這個css變量就可以動態改變class的值

原创 開啓gzip壓縮

前端gzip壓縮一直都是必備的,簡單又能能壓縮不少的文件體積,用了好久了今天記錄一下。 我們服務器用的nginx, 進入服務器下nginx.conf文件, gzip on; gzip_min_length 1k;

原创 dva中引入樣式問題

在dva中這樣引入樣式是className無效的,只能監聽到header這樣的標籤選擇器, 我們一般都用以下方式寫className,有時候覺得麻煩, 這是因爲dva中默認開啓了css module,可以在樣式文件中加 :gl