使用路由懶加載以后 webpack打包可以根據(jù)頁面劃分來生成文件甜害，根據(jù)路由的不同來加載文件咱枉，解決了首頁一次性加載文件過大導(dǎo)致打開過慢問題的問題卑硫。 以上是常規(guī)引入頁面得部分下面...
發(fā)簡信
IP屬地：廣東
-
vue路由懶加載已脓，vue首屏加載慢和使用懶加載prefetch問題，新增組件懶加載 -
-
Swift (淘寶、天貓庞钢、京東拔恰、支付寶等 app 常見的文字輪播視圖)
效果圖 依賴 Kingfisher 代碼介紹（詳細(xì)使用，請參考 Demo） 例一 代理方法 例二 注:非原創(chuàng),原作者是kingsic用Objective-C寫的,本人只是照著...
-
jQuery基礎(chǔ)——動畫篇
第1章 動畫基礎(chǔ)隱藏和顯示 1-1 jQuery中隱藏元素的hide方法 讓頁面上的元素不可見基括，一般可以通過設(shè)置css的display為none屬性颜懊。但是通過css直接修改是...
-
多行文字省略解決方案
WebKit瀏覽器或移動端的頁面在WebKit瀏覽器或移動端（絕大部分是WebKit內(nèi)核的瀏覽器）的頁面實現(xiàn)比較簡單，可以直接使用WebKit的CSS擴(kuò)展屬性(WebKit是...
-
多行溢出隱藏顯示省略號的兼容性問題超出一行隱藏顯示省略號风皿，相信大家都已經(jīng)很熟悉了河爹，用css樣式來控制，而且沒什么兼容性問題 white-space: nowrap; overflow: hidden; tex...
-
前端性能優(yōu)化之加載技術(shù)
在這個前端用戶體驗越來越重要的時代桐款，你的頁面稍微有點卡頓咸这，都難以挽留用戶。而作為一名有追求的前端魔眨，勢必要力所能及地優(yōu)化我們前端頁面的性能媳维。今天酿雪，就來談一談那些前端性能優(yōu)化的加...
-
性能優(yōu)化之組件懶加載: Vue Lazy Component 介紹初始加載資源過多 問題起源于我們的一個頁面，下面是這個頁面的截圖和初次請求的瀑布圖侄刽。 初始加載的時候指黎，一共請求了155個資源，請求的瀑布圖就快要和頁面一樣長了?? 初始加載的資...
-
ES6入門篇之將ES6用bable-cli轉(zhuǎn)碼至ES5
初學(xué)ES6州丹，前端發(fā)展如此之快醋安，ES6很好，但是很多瀏覽器是不支持的墓毒，所以我們有時候會將使用ES6編寫的js文件通通轉(zhuǎn)碼至ES5（恨不得轉(zhuǎn)到ES3）吓揪。接下來是自己按照官方...
-
把「PC端網(wǎng)站」 設(shè)計到狹小的移動端網(wǎng)站時要注意哪幾個點
經(jīng)常看丁丁文章的童鞋應(yīng)該知道丁丁沒有發(fā)過移動端的網(wǎng)站設(shè)計所计，因為在這么狹小的移動端設(shè)計一個網(wǎng)站很講究用戶體驗柠辞，今天丁丁搜集到一些需要注意的點就來跟大家聊聊怎么設(shè)計移動端網(wǎng)站更容...
-
Socket.IO failed: Error during WebSocket handshake在node安裝了Socket.IO，做demo時報錯 WebSocket 握手時發(fā)生錯誤醉箕，詭異的是我前端頁面沒有關(guān)閉钾腺，重啟服務(wù)器node app.js后socket重新連上了...
-
Webpack設(shè)置代理，實現(xiàn)前后端分離開發(fā)
最近做的項目是前后端分離進(jìn)行開發(fā)的讥裤，在后端給到前端接口前放棒，需要前端自己去mock數(shù)據(jù)完成開發(fā)。因此查閱了一些資料己英，整理如下间螟。 前后端分離的三種方式 關(guān)于mock數(shù)據(jù)，在目前互...
-
webpack-dev-server 設(shè)置反向代理解決跨域問題
一损肛、設(shè)置代理的原因 現(xiàn)在對前端開發(fā)的要求越來越高厢破，并且隨著自動化以及模塊化的 誕生，前后端開發(fā)模式越來越流行治拿。后端只負(fù)責(zé)接口摩泪，前端負(fù)責(zé)數(shù)據(jù)展示、邏輯處理劫谅。但是前后端開發(fā)模式见坑，...
-
vue使用websocket問題記錄
最近筆者新參與的一個web項目，擬定采用vue2.0來編寫捏检，期間遇到有關(guān)使用websocket的問題荞驴，記錄一下，個中遇到的一些問題和解決方法贯城，分享給有需要的人熊楼。首先說一下vu...
-
移動端開發(fā)自適應(yīng)解決方案（阿里團(tuán)隊高清方案）
研究m端開發(fā)自適應(yīng)有一段時間了，下面做一個總結(jié)移動端自適應(yīng)方案有很多種1.流式布局 也就是固定高度能犯，寬度使用百分比的方法鲫骗，這種方法會導(dǎo)致一些元素在大屏手機上拉伸嚴(yán)重的情況犬耻，影...
-
Vue 路由懶加載
路由需要寫在router文件夾下的index.js中 按照npm 安裝之后給出是示例寫法 是這樣的 但是前些天看到 同學(xué)的另一種寫法 懶加載寫法 懶加載 --->延遲加載 ,...
-
vue路由懶加載
vue的路由懶加載 我們可以把不同路由對應(yīng)的組件分割成不同的代碼塊，然后當(dāng)路由被訪問的時候才加載對應(yīng)組件挎峦。 component可以是一個箭頭函數(shù)香追，我們可以使用動態(tài) impor...
-
移動端軟鍵盤遮擋住頁面（二）
接著上一篇的移動端軟盤遮擋頁面后有想到了一個更為簡單的解決方案：讓頁面長一點合瓢，或者用脫離文檔流的定位坦胶，這樣鍵盤彈出來時，輸入框會自動上滑晴楔。還有種解決方案：在沒有定位的情況下顿苇，...
-
JS中offset..、client..税弃、scroll..纪岁、offset..各種屬性詳解被各種offset.. client.. scroll..整懵逼, 先來一張大圖 易混淆點