原创 使用jsx配置element-ui的table

背景 由於表格數據比較同構，有時候列配置是動態的，此時希望使用v-for來配置column <template> <el-table :data="tableData"> <el-table-column v-for="col in c

2019-10-15 18:05:25 32

原创 脫離文檔流的自定義彈層

背景 web端日常開發經常會遇到各種彈層需求，彈層內容千奇百怪。根據我們日常的組件化開發經驗，我們會把彈層分爲2個組件 彈層組件：包含蒙版, 展示隱藏邏輯 內容組件：本次需求實際組件 使用 import CitySelect from

2019-07-27 20:46:56

原创 Script error 問題解法

問題 當第三方腳本報錯時因爲跨域問題不會暴露詳細的錯誤信息，取而代之的是統一的 Script error 我們遇到的情況是頁面和js的二級域名一樣，並且設置了document.domain，chrome瀏覽器能夠展示詳細錯誤棧；但是很多手

2019-05-24 17:24:58 4

原创 wepy小程序長列表性能優化實踐

背景 wepy 1.7.3 wepy-redux 長列表交互問題 wepy框架的列表性性能比較差，主要原因是修改列表中任意字段的時候，會給setData傳遞完整的列表，詳細見這個issue； 此時修改長列表任意字段，都會導致頁面長時間

2019-01-24 11:24:40 4

原创 vue單頁git工程拆分步驟

背景 隨着項目的成長，單頁spa逐漸包含了許多業務線 商城系統 售後系統 會員系統 ... 當項目頁面超過一定數量（>150個）之後，會產生一系列的問題 項目編譯的時間（啓動server，修改代碼）越來越長，而每次調試關注的可能只是其

2018-11-23 22:34:49 8

原创 彈層蒙版（mask），ios滾動穿透，我們項目的解決方案

項目開發遇到一個ios獨有的問題，在wkwebview中穩定復現 問題： 彈出一個蒙版，當在蒙版上面滑動的時候蒙版後面的內容滾動了 這當然是ios的bug，但是經過我們測試iphone7也會復現這個問題，所以沒辦法需要兼容。 百度了下好多思

2018-11-04 17:34:31 16

原创 使用slot-scope複製vue中slot內容

有時候我們的vue組件需要複製使用者傳遞的內容。 比如我們工程裏面的輪播組件需要使用複製的slot來達到循環滾動的效果 使用者關注輪播內容的靜態效果，組件負責讓其滾動起來 組件: <div class="horse-lamp"> <

2018-10-22 10:34:42 4