原创 vue命名路由
命名路由 有時候，通過一個名稱來標識一個路由顯得更方便一些，特別是在鏈接一個路由，或者是執行一些跳轉的時候。 你可以在創建 Router 實例的時候，在 routes 配置中給某個路由設置名稱。 const router = n
2020-06-21 12:51:54
原创 js封裝方法：獲取最大值最小值，排除空數據和異常數據
//增加數組原型方法寫法 Array.prototype.getMax = function() { if (!this.length) return 0; let t = parseFloat(
2020-06-21 12:51:54
原创 js 獲取mac地址和IP地址
1. js 獲取mac地址 function MacInfo(){ var locator =new ActiveXObject ("WbemScripting.SWbemLocator"); var se
2020-06-21 12:51:52
原创 手機端上傳照片壓縮功能canvas
手機上傳照片拍攝的照片像素很高需要壓縮後上傳，移動端前端壓縮照片的方法一般是用canvas，然後轉換成base64或者blob，發送後臺。 <div class="img-btn1"> <img class="img
2020-06-21 12:51:51
1
原创 截取第n個某字符前的字符串
const splitString = (str, str1, index)=>{ let arr = str.split(str1); let value = ""; for(let i = 0; i < index; i
2020-06-21 12:51:51
原创 高級前端工程師必備的搜索技巧，快速解決問題的方法
前端工程師索要處理的功能業務是比較多的，在開發項目過程中可能會遇到各種各樣的問題，那麼我們就需要去網上搜素一些解決方案，看看別人的或者一些大牛的處理方法。對於搜索技巧我們很有必要進行掌握，這樣可以快速準確的找到我們想到的答案。下面
2020-06-21 12:51:51
原创 js深度複製方法總結
想理解js深度複製，一定要理解JS的內存管理，我們知道JS擁有自動的垃圾回收機制，這樣就使得很多前端開發人員不是很重視內存管理這一塊。但是其實這一部分的內容對於理解JS中原型與原型鏈，閉包，遞歸都是非常有幫助的。 在JS中，每一個
2020-06-21 12:51:51
原创 es6中的Set 實現並集（Union）、交集（Intersect）和差集（Difference）
ES6 提供了新的數據結構 Set。它類似於數組，但是成員的值都是唯一的，沒有重複的值。 Set本身是一個構造函數，用來生成 Set 數據結構。數組的map和filter方法也可以間接用於 Set 了。因此使用 Set 可以很容易
2020-05-30 13:28:16
原创 css實現雙飛翼佈局，三列布局，中間寬度自適應，兩邊定寬--五種方案對比延伸
標題css實現雙飛翼佈局，三列布局，中間寬度自適應，兩邊定寬；假設高度固定300px; html <div class="container"> <div class="left"></div>
2020-05-30 13:28:16
原创 如何寫出可讀性強實用性強又高質量的JavaScript 代碼，需要掌握一些小技巧
雖然現在寫代碼不像以前，現在都有 eslint、prettier、babel(寫新版語法) 這些來保證代碼格式，然而，技術手段再高端都不能解決代碼可讀性（代碼能否被未來的自己和同事看懂）的問題，因爲這個問題只有人自己才能解決。要想
2020-05-30 13:28:16
原创 git如何新建分支並拉取代碼，git如何提交合並代碼
git 新建分支拉取代碼 git init git remote add origin [email protected]:XXXX/nothing2.git git fetch origin yuanailan_2020（yuanai
2020-04-28 22:43:52
原创 封裝axios請求api.js
當你需要編碼URL中的參數的時候，那麼encodeURIComponent是最好方法。 var param = "http://www.cnblogs.com/season-huang/"; //param爲參數 param =
2020-04-28 22:43:52
原创 前端優化之利用鍵值對快速查詢數據
通常情況下，我們獲取本地數據的時候，需要取對應的值，是採用循環。如果改變數據模型，封裝專門的方法來取值，會提高效率。分步驟處理數據，先存數據[id:{},id:{},…];取數據傳入id,取對應id的對象的值。 案例： let d
2020-02-20 22:05:25
原创 MVC和MVVM的區別
MVC和MVVM的區別 現在是市面上使用MVVM模型越來越多，相關的前端框架的選擇也相應增多。 那麼什麼是MVVM模型，它和傳統MVC模型有什麼區別，接下來我們來總結探討一下。 MVVM即Model-View-ViewModel的
2019-10-25 15:27:22
原创 js享元模式設計原理以及應用案例
摘要 享元模式是用於性能優化的設計模式之一，在前端編程中有重要的應用，尤其是在大量渲染DOM的時候，使用享元模式及對象池技術能獲得極大優化。本文介紹了享元模式的概念，並將其用於渲染大量列表數據的優化上。 初識享元模式 在面向對象編
2019-10-25 15:27:22