原创 頁面可視化搭建工具技術要點
前言 春節放假前邀請了三位講師在線分享了【在線分享】活動運營可視化生成器專題。今日早讀文章由騰訊AlloyTeam@陳韓傑投稿分享。 正文從這開始～～ 背景 頁面可視化搭建工具, 是互聯網公司中常見的運營工具, 實現了運營人員快速生成和發
2019-02-15 02:38:41
原创 使用 Skeleton Screen 提升用戶感知體驗-web端骨骼屏
一直以來，無論是web還是iOS、android的應用中，爲了提升應用的加載等待這段時間的用戶感知體驗，各種奇門遁甲之術層出不窮。其中，菊花圖以及由它衍生各種加載動畫是一個非常大的流派，如下圖所示： 由它衍生而出的各種加載動畫也是遍地開
2018-12-08 02:39:32
35
原创 小程序構建骨架屏的探索
首屏 一般情況下，在首屏數據未拿到之前，爲了提升用戶的體驗，會在頁面上展示一個loading的圖層，類似下面這個 其中除了菊花圖以外網上還流傳這各種各樣的loading動畫，在PC端上幾乎要統一江湖了，不過最近在移動端上面看到不同於菊花圖
2018-12-08 02:39:32
原创 [Vue CLI 3] 配置 webpack-bundle-analyzer 插件
1、 //安裝 cnpm intall webpack-bundle-analyzer –save-dev 2、 // vue.config.js const BundleAnalyzerPlugin = require('web
2018-11-13 00:38:46
原创 CSS-自定義變量
CSS-自定義變量 使用背景： 一些常見的例子： 爲風格統一而使用顏色變量 一致的組件屬性（佈局，定位等） 避免代碼冗餘 *更方便的從CSS向JS傳遞數據（例如媒體斷點） 爲什麼使用： 以下幾點是未來CSS屬性的簡短說明：
2018-11-07 11:03:46
原创 vue中的動態組件
在我們平時使用vue中的模板的時候，許多時候都是直接定義成一個固定的模板，但是，vue中提供了一個動態模板，可以在任意模板中切換，就是用vue中<component>用:is來掛載不同的組件。 <div id="app" v-cloak
2018-11-04 12:00:00
原创 快來擼一個頁面生成器吧！
厭倦了寫活動頁？快來擼一個頁面生成器吧！ 前言 如果你經常接觸一些公司的活動頁，可能會經常頭疼以下問題：這些項目週期短，需求頻繁，迭代快，技術要求不高，成長空間也小。但是我們還是馬不停蹄的趕着產品提來的一個個需求，隨着公司規模的增加，我們
2018-11-04 12:00:00
原创 動手打造Nginx多進程架構
最近對Nginx源碼比較感興趣，藉助於強大的VS Code，我一步一步，似魔鬼的步伐，開始了Nginx的探索之旅。關於 VS Code 如何調試 Nginx 可參考上篇文章《VS CODE 輕鬆調試 Nginx》。 一. 引言 Nginx
2018-11-04 12:00:00
原创 VUE2組件懶加載淺析
vue2組件懶加載淺析 一、 什麼是懶加載 懶加載也叫延遲加載，即在需要的時候進行加載，隨用隨載。 二、爲什麼需要懶加載 在單頁應用中，如果沒有應用懶加載，運用webpack打包後的文件將會異常的大，造成進入首頁
2018-11-04 12:00:00
原创 JS利用交叉觀察器解鎖懶加載新姿勢
懶加載，一個在我們前端性能優化中高頻出現的詞彙，無論是懶加載圖片還是懶加載模塊，無非都是希望用戶可以在滾動指定視區再去加載相應的資源， 從而達到節省用戶流量、提升首次加載時間、減輕服務器的壓力的目的。 “懶加載”不是一個新的概念，對於
2018-11-04 12:00:00
原创 JS進階篇--JS數組reduce()方法詳解及高級技巧
去除嵌套的思路： 用遞歸、reduce()、concat()來實現。 遞歸解決多層嵌套，reduce()解決每層數組的迭代拼接，concat()來拼接數組即拆除一層嵌套。 let sum = [0, 1, 2, 3].reduce(fun
2018-11-04 12:00:00
原创 幻術，一行代碼實現鏤空效果
幻術，一行代碼實現鏤空效果 【深圳】DJI 大疆創新 互聯網團隊 前端及大量職位招聘中 (內推 15-50k + 豐厚年終 + 股份)簡歷請發至 [email protected]，合適的話當天回覆，當天內推。 更多福利 這篇文章分
2018-11-04 12:00:00
2
原创 ant-design-vue 自定義主題
https://github.com/ant-design/ant-design/issues/8348 issues地址看到的 1、插件地址: https://github.com/yesmeck/webpack-less-the
2018-10-02 10:23:24
9
原创 Google Tag Manager上手
簡介 Google Tag Manager包含三個主要部分： Tag：添加到頁面的代碼 Trigger：決定哪些代碼能觸發 Variable：用於接收和存儲數據，被Tag和Trigger使用 https://tagmanager.goog
2018-09-05 03:29:25
原创 針對單個 js 文件禁用 ESLint 語法校驗
問題描述： 在 Vue-cli 創建的項目中，使用了 ESLint 規範代碼的項目中 如何針對單個 js 文件禁用 ESLint 語法校驗，但整個項目依然保留 ESLint 的校驗規則？ 解決方案： 在代碼頂部添加一行註釋 /* e
2018-09-05 03:29:25