原创 前端性能優化(1)-內存管理
1.javascript 內存管理 內存的基本概念 1、分配所需的內存 2、內存的讀與寫 3、不需要時將其釋放 內存的生命週期 定義變量時就完成了內存分配 內存的釋放依賴垃圾回收銷燬，或者手動銷燬 2.內存以兩種形式存在 棧
2019-07-27 20:46:56
1
原创 css3的3D
1.概念 要玩轉css3的3d，就必須瞭解幾個詞彙，便是透視(perspective)、旋轉(rotate)和移動(translate)。透視即是以現實的視角來看屏幕上的2D事物，從而展現3D的效果。旋轉則不再是2D平面上的旋轉，而是三維座
2019-06-05 11:25:04
原创 Hybrid開發
1. 爲什麼選擇Hybrid開發方式 Hybrid開發效率高、跨平臺(M /58APP/英才APP) 維護成本低,功能可複用 針對新手友好,學習成本較低 功能更加完善,性能和體驗要比起web app好太多 部分性能要求的頁面可用原生實現
2019-05-23 17:35:03
原创 CSS3動畫之逐幀動畫
什麼是逐幀動畫要了解 CSS3 逐幀動畫，首先要明確什麼是逐幀動畫。 看一下維基百科中的定義： 定格動畫，又名逐幀動畫，是一種動畫技術，其原理即將每幀不同的圖像連續播放，從而產生動畫效果。 簡而言之，實現逐幀動畫需要兩個條件：（1）相關聯的
2019-04-02 19:05:06
4
原创 Flex 佈局教程
flex 佈局 6個屬性flex-direction 決定主軸的方向flex-wrap 定義是否在“軸線”上，換行flex-flow flex-flow: <flex-direction> || <flex-wrap>; 合併體，這個
2019-02-26 18:04:57
原创 URI 上傳中文符
除了以上字符，其他字符出現在URL之中都必須轉義，規則是根據操作系統的默認編碼，將每個字節轉爲百分號（%）加上兩個大寫的十六進制字母。比如，UTF-8的操作系統上，http://www.example.com/q=春節...，漢字“春節”不
2019-01-05 20:32:41
原创 vue-router響應路由參數的變化
1.提醒一下，當使用路由參數時，例如從 /user/foo 導航到 /user/bar，原來的組件實例會被複用。因爲兩個路由都渲染同個組件，比起銷燬再創建，複用則顯得更加高效。不過，這也意味着組件的生命週期鉤子不會再被調用。僅僅只是路由的參
2019-01-03 22:15:12
原创 Do not mutate vuex store state outside mutation handlers.
今天遇到一個問題，將Vuex中數組的值賦給新的數組，新數組push時報上面的錯誤，代碼如下 this.maPartListTable = this.$store.state.vehicleMa.maPartListTable; this.m
2018-12-14 20:43:08
1
原创 百度分享代碼已升級到2.0
http://share.baidu.com/code/a...一、概述百度分享代碼已升級到2.0，本頁將介紹新版百度分享的安裝配置方法，請點擊左側列表查看相關章節。 二、代碼結構分享代碼可以分爲三個部分：HTML、設置和js加載，示例如下
2018-12-06 15:32:44
2
原创 webpack 性能提速
按需引用 外部的組件按需引用 2.啓用happypack多核構建項目 3.修改source-map配置 啓用DllPlugin和DllReferencePlugin預編譯庫文件 1、按需引用1.1幾乎所有的第三方組件框架都會提供組件的按需
2018-12-05 20:04:59
原创 如何通過ua區分QQ內置瀏覽器與QQ瀏覽器
今天做一個分享功能，在QQ內置的情況要彈蒙層。在QQ 瀏覽器裏面要正常。遇到了這個坑，辛虧爬出來了。 在Android上 QQ內置環境的ua中有關鍵字 MQQBrowser， 並且後面有一個QQ字符，QQ瀏覽器則沒有。 因此在Android
2018-11-08 17:53:03
1
原创 debounce.js
//debounce.js var isObject = require('./isObject'),//是否是對象 now = require('./now'),//獲取當前時間 toNumber = require('
2018-10-10 19:14:43