原创 頁面海量數據優化加載
要求：將10W條數據一次渲染到頁面上？ 分析： ·數據量過大，出現卡頓感的主要原因是，在每次循環中，都會修改 DOM 結構，並且由於數據量大，導致循環執行時間過長，瀏覽器的渲染幀率過低。 ·從 減少 DOM 操作次數 和 縮短循環時間
2020-07-02 09:51:51
原创 travis CI + coveralls
travis CI travis CI 是一個託管的分佈式持續集成服務，用來構建並測試託管在Github上的軟件項目，其中 CI 就是持續集成（continuous integration）的縮寫。持續集成是在小代碼變更
2020-07-02 09:51:39
原创 gulp-雪碧圖、裁剪
安裝gulp-gm(用於裁剪)： npm install --save-dev gulp-gm gulp-gm與GraphicsMagick配合得最好。但是，它也支持ImageMagick，但是需要設置ImageMagick:true選
2020-07-02 09:51:39
2
原创 scroll-view 滾動到頂部下拉刷新卡住
描述：微信小程序用戶消息頁下拉刷新加載歷史記錄，偶爾出現卡住現象 原因：Bindscrolltoupper事件不能百分之百每次都觸發 可能存在的原因可能有： scroll-view沒有設置高度，單位不能是%，必須是px； 設置scroll
2020-05-07 05:21:39
原创 webpack打包編譯
官網：https://www.webpackjs.com/concepts/ 安裝： npm install webpack -g // 全局安裝 npm install webpack –save-dev //
2020-04-26 09:33:14
原创 vue中created、mounted、computed、methods區別與執行順序
computed是在DOM執行完成後立馬執行（如：賦值） created執行時掛載階段還沒有開始，模版還沒有渲染成html，所以無法獲取元素。created鉤子函數主要用來初始化數據。 mounted鉤子函數一般用來向後端發起請求，拿到數
2019-08-23 04:08:15
249
原创 axios相關
傳參方式： get請求方式將需要入參的數據作爲 params 屬性的值，最後整體作爲參數。 傳遞參數必須用{params:{'name':'111', 'age': '12'}}形式，加parmas。 axios.get(url, {p
2019-08-23 04:08:15
原创 圖片水平或垂直滾動
在vue項目中引用外部插件VueImgSlider.vue： import VueImgSlider from '../components/VueImgSlider.vue' export default { name: '
2019-08-02 04:54:20
原创 Mac構建vue項目及問題存在問題
1、檢測npm、node是否安裝成功： npm -v node -v 2、升級npm $ sudo npm install npm -g 3、安裝淘寶鏡像 npm insta
2019-07-30 03:18:23
原创 貼圖與UV映射
貼圖：是將圖像應用到對象的一個或多個面，來爲3D對象添加細節的一種方法。 隨着3D模型的面的增長，爲每個面創建貼圖是不現實的——解決方法：UV映射 UV映射的本質是：把一張平面圖像的不同區域（不同位置）映射到3D模型的不同面上。 UV
2019-07-11 05:49:28
22
原创 安裝本地服務器的方式
1、適用於Unix/Linux/Mac系統的基於python的web服務器 （1）進入代碼所在的目錄：cd /.. （2）在指定目錄運行：> python -m SimpleHTTPServer 默認啓動本地8000端
2019-07-11 05:49:28
原创 加載obj三維模型
紋理——Texture. 泛指物體表面的紋路。表現爲可視的圖片，用於展示外觀 貼圖——Map. 貼圖的具體表現形式是紋理。當紋理附着在具體的物體表面時，則稱爲貼圖。Map的另一層含義——映射，功能是把紋理Texture的UV座標映射到3D
2019-07-10 05:45:15
原创 Echarts——sunburt 旭日圖
將非結構化數據轉換爲結構化數據： sunburst是echartsv4.0新增的功能。 <div id="demo" style="width: 100%;height: 800px;"></div> var myChart = e
2018-12-28 19:48:34
原创 D3——力導向圖
<script type="text/javascript" src="http://d3js.org/d3.v5.min.js"></script> <script> var width = 800; var heig
2018-12-23 18:26:52
原创 過渡
當插入或刪除包含在 transition 組件中的元素時，Vue 將會做以下處理： （1）自動嗅探目標元素是否應用了 CSS 過渡或動畫，如果是，在恰當的時機添加/刪除 CSS 類名。 （2）如果過渡組件提供了 JavaScript 鉤子
2018-12-12 18:14:36