原创 多node版本控制工具：nvm
更多文章可關注我的個人博客：https://seven777777.github.io/myblog/ 有時候，不同的項目對於node版本的要求不同，如何快捷的控制我們電腦的node版本就成了我們需要考慮的問題 這裏記錄一下我
2020-07-06 07:16:45
原创 CSS實現固定寬高比響應式佈局（附實例分析）
更多文章可關注我的個人博客：https://seven777777.github.io/myblog/ 在日常開發過程中，有一些前端業務場景可能需要讓元素在尺寸變化的同時，保證寬高比不變，所以在此記錄一下具體的實現方法和應用場
2020-07-03 00:37:49
原创 Echarts使用乾貨整理（持續更新）
更多文章可關注我的個人博客：https://seven777777.github.io/myblog/ 1. 縱座標軸標籤溢出問題：grid配置 之前的設置傾向於： grid:{ left:"",
2020-06-25 22:03:26
原创 gulp+babel解決傳統項目IE環境ES6語法兼容問題
更多文章可關注我的個人博客：https://seven777777.github.io/myblog/ 前言 ES6給我們帶來便利的同時，也給我們帶來了一下麻煩。當然自從chrome等瀏覽器對於ES6語法的全面支持以來，這種麻
2020-06-25 22:03:26
3
原创 使用JS實現數值動態變化動畫效果
更多文章可關注我的個人博客：https://seven777777.github.io/myblog/ 本文主要回顧整理一下之前（大概一年前，😂，這一年實在比較忙 ）寫的一個頁面動畫。 之前其實寫了兩種方案，最終使用的如下的方
2020-06-09 00:49:55
8
原创 你不知道大概也不會去用但可以瞭解一下的Console隱藏騷操作！
console.log()差不多是我們平時開發過程中最常用的調試手法了，但其實關於Console還有很多其他方法可以幫助我們提高開發效率，雖然不常用，但可以作爲擴展知識，稍作了解。 關於控制檯 可以先全面瞭解一下 console
2019-07-30 18:35:03
2
原创 Array方法彙總（乾貨）
Array.from() 從一個類似數組或可迭代對象中創建一個新的，淺拷貝的數組實例 用途： 字符串轉數組 結合new Set()，進行數組去重 遍歷數組 生成一個數字序列 <!--字符串轉數組--> Array.from('
2019-07-02 18:06:17
原创 網頁性能提升之WebP
鑑於之前做的大屏的項目，全屏背景圖過大，傳統的寫法導致頁面渲染過慢，因而非常影響用戶體驗。 除此以外，很多時候在開發過程中會出現很多圖片的情況，圖片過多或大，會直接影響頁面的響應時間，從而導致頁面性能變差。 針對以上，我們可以使用
2019-05-29 19:21:02
原创 (乾貨！！）js遍歷：for..in，for..of，forEach
前言 日常開發中，數組或是對象的遍歷是一個經常會遇到的事情，關於遍歷，其實Js提供了很多方法，但是對於他們之間的區別卻理解的不是很透徹，通常情況就是抓起來一個forEach就用。爲了提高代碼質量，我認爲有必要深入瞭解一下不同遍歷的特點
2018-11-08 06:39:22
原创 頁面平滑滾動：scroll-behavior&scrollIntoView
從前我們在網頁中會需要內容定位，或者返回頂部之類的功能，通常使用錨點來實現，但是頁面跳轉太過生硬，用戶體驗不夠，於是會通過一大串的js來實現平滑滾動的效果，近兩年出現了一些新的屬性可以很方便的完成這種交互，很大程度的減小了開發難度。
2018-11-07 09:45:03
原创 js 關於正確率的控制
經常會遇到一些開發場景需要我們按照一定的概率執行某件事，經常遇到的比如電商活動的抽獎，前段時間寫一個類似頭腦王者的答題小程序，如果沒有玩家匹配時，需要與機器人，而機器人的答題正確率需要設定。 那麼關於正確率具體實現的思路是什麼呢，其實
2018-11-07 08:25:44
原创 Vue——深度監聽
通常我們需要使用VUE的watch去監聽一些值的變化，從而去進行一些操作，但是對於對象的監聽，我們往往會遇到一些問題，對象內部的某個屬性改變的時候無法觸發watch函數，這個時候就需要使用vue的深度監聽，具體如下： watch:{
2018-11-07 08:25:44
原创 關於引用類型：數組和對象的賦值
js中的數組和對象都是引用類型，其實說白了，數組的數據類型也是對象，因此我們在實際項目中需要注意，如果直接將一個對象賦值給另一個空對象，這個操作僅僅是讓兩個對象的指針指向了同一個地方。 此時的兩個對象中的任意一個的值發生改變，勢必都會
2018-10-27 08:39:24
原创 Vue 組件複用多次自定義參數
場景： 當項目中多處出現相同的模塊時，此時的正常考慮是將其做成公共組建，通過傳參不同，實現多處複用 具體： 背景：項目使用的技術是VUE+ElementUI 此處，多處出現的模塊是select選擇框，封裝成組件後，傳給它option的
2018-10-02 07:52:42
2
原创 純乾貨~常用佈局彙總（持續更新）
文本溢出省略號 單行省略 .div{ //... overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 多行省略 .div{
2018-09-03 12:03:00