原创 基於typescript開發前端錯誤及性能監控SDK 頁面錯誤數據 頁面性能數據 接口數據 手機、瀏覽器數據 頁面訪問數據 用戶行爲數據 SDK開發 核心模塊解析
前端的錯誤監控、性能數據往往對業務的穩定性有很重要的影響，即使我們在開發階段十分小心，也難免線上會出現異常，並且線上環境的異常我們往往後知後覺。而頁面的性能數據則關係到用戶體驗，因此採集頁面的性能數據也十分的重要。 現在第三方完整解決方案
2021-05-11 00:28:48
原创 如何快速做一個HTML5移動播放器
這段時間公司一直在做一個PC的教育類單頁應用，龐大複雜，涉及非常多H5的知識，音頻就是其中的一部分。前些天偷颱風的閒暇時寫了一個移動音樂播放器，作爲練手項目（存放在碼雲）。若你覺得該文章對你有幫助，別忘了點個贊啦。 在線地址：請猛擊這裏 源
2020-10-22 20:16:24
2
原创 chromeDev快捷鍵總結
有一家神奇的公司叫做Google，有一個強大的瀏覽器稱爲chrome。從以前使用firefox的插件firebug轉戰chrome調試已有些日子，不得不說，chrome的調試簡單、強大，當然如果知道以下的快捷鍵將會使前端開發事半功倍。快捷鍵
2020-09-21 21:18:46
原创 前端入門系列（一）：jQuery核心總結 jQuery 選擇器總結（繼承CSS風格）# jQuery事件總結 jQuery-Dom總結 jQuery動畫總結 jQuery-ajax
最近重溫了《鋒利的jQuery》這本書，受益匪淺。 如果你和前端若只如初見，如果你和jQuery一見鍾情，一紙文字鋪滿了你相戀的他（她）的所有。 我把整理出來的知識點用網狀圖串聯了起來，並且每個部分分點概述，將一些類似的方法和屬性排列在一
2020-09-17 21:29:05
原创 Vue2.0簡易案例
效果圖： 使用微信或手機瀏覽器掃描二維碼預覽 在線地址：https://www.huzerui.com/vue2.0-demo 源碼：https://github.com/alex1504/vue2.0-demo 說明： 2017.
2020-09-13 15:40:09
原创 前端入門系列（三）：javascript數組方法 ECMAScript3定義的數組方法 ECMAScript5中的數組方法
ECMAScript3定義的數組方法 轉換：join() 排序: reverse()、sort() 連接：concat() 裁剪: slice() 插入、刪除：splice()、push()、pop()、unshift()、sh
2020-09-13 15:40:09
原创 前端入門系列（二）：javascript字符串對象方法 字符方法 字符串操作方法 字符串位置方法 trim()方法 字符串大小寫轉換方法 字符串模式匹配方法
字符方法 chatAt()和chatCodeAt charAt()和charCodeAt() 這兩個方法接收一個參數，即基於0的字符位置。 chatAt()以單字符字符串的形式返回給定位置的那個字符。 chatCodeAt()返回給定位置的
2020-09-13 15:40:09
原创 vuejs開發H5頁面總結 關於佈局方案 基於接口返回數據的屬性注入 關於前端跨域調試
最近參與了APP內嵌H5頁面的開發，這次使用vuejs替代了jQuery，僅僅把vuejs當做一個庫來使用，效率提高之外代碼可讀性更強，在此分享一下自己的一些開發中總結的經驗。 關於佈局方案 當拿到設計師給的UI設計圖，前端的首要任務就是佈
2020-09-11 14:58:13
原创 標籤UI生成器 生成器的界面如圖所示： 說明：
最近做一個教育類的H5項目開發，有個UI界面是關於興趣愛好選擇，由於不希望用絕對定位將標籤的數量和位置固定，故根據一些簡單的計算封裝了隨着標籤數量增減的動態定位，然後就有了這個生成器。遺憾的是，通常這種UI只是移動端使用，而移動端如今多用r
2020-09-10 15:00:48
原创 移動端H5多頁開發拍門磚經驗 移動端自適應佈局 Vuejs作爲lib開發移動端頁面 關於前端跨域調試 公衆號網頁的調試
兩年前剛接觸移動端開發，剛開始比較疑惑，每次遇到問題都是到社區裏提問或者吸取前輩的經驗分享，感謝熱衷於分享的開發者爲前端社區帶來欣欣向上的生命力。本文結合先前寫的文章和開發經驗分享給大家，希望也能幫助剛步入移動端開發的新人解惑。以下會以其
2020-06-15 19:17:12
原创 理解CSS佈局和塊格式化上下文 什麼是BFC？ 什麼情況下會創建BFC 常見應用場景 創建BFC的新方式
在進行html佈局及css編寫的時候，你是否遇到過這樣的問題： 子元素設置浮動脫離文檔流後，父元素無法將其完全包裹 子元素浮動實現兩欄佈局時，另一個子元素與浮動子元素重疊 垂直方向的外邊距margin重疊 ... 通常我們使用塊級格式
2020-06-15 19:17:12
原创 7個javascript實用小技巧 數組去重 數組清洗 創建空對象 合併對象 設置函數必傳參數 解構別名 獲取查詢字符串參數
每種編程語言都有一些“黑魔法”或者說小技巧，JS也不例外，大部分是藉助ES6或者瀏覽器新特性實現。下面介紹的7個實用小技巧，相信其中有些你一定用過。 數組去重 const j = [...new Set([1, 2, 3, 3])] >>
2020-06-15 19:17:12
原创 Javascript中數組方法reduce的妙用之處 將小數組展開成大數組
Javascript數組方法中，相比map、filter、forEach等常用的迭代方法，reduce常常被我們所忽略，今天一起來探究一下reduce在我們實戰開發當中，能有哪些妙用之處，下面從reduce語法開始介紹。 語法 array
2020-06-15 19:17:12
原创 基於七牛SDK構建的Vue單頁圖片管理應用 牛牛圖牀 項目地址： 功能開發 技術棧 本地預覽 其他
牛牛圖牀 Vue-cli腳手架構建的七牛圖片管理圖牀單頁應用（基於museui），前後端分離。後端基於express及七牛nodejs-SDK開發，服務原本部署在Heroku，由於服務響應速度慢的原因，已將服務部署在雲服務器上。 項目地址
2020-06-15 19:17:12
原创 常見的JavaScript“陷阱” 箭頭函數與對象字面量 箭頭函數與this指針 自動插入分號 淺集合 類和函數 Finally 關鍵字特例
隨着ES6標準的普及，JavaScript已經擁有許多新的語法糖，這讓我們編寫可讀的，高質量的代碼變得更加方便，但即使這樣仍然會遇到一些潛在的"陷阱"。 箭頭函數與對象字面量 箭頭函數提供了更簡潔和更短的語法，其中一個可用功能是您可以將函
2020-06-15 19:17:12