原创 vue移動端rem適配--附帶引入第三方庫解決方案
一、先上解決方案： 移動端適配我採用淘寶的一套rem解決方案 源碼： https://github.com/amfe/lib-flexible 1、安裝 npm i -S amfe-flexible 2、引入meta標籤 <met
2020-06-21 06:43:40
原创 JS數組中的方法以及對應的Polyfill
/** * copyWithin(): 方法淺複製數組的一部分到同一數組中的另一個位置，並返回它，不會改變原數組的長度。 * entries(): 方法返回一個新的Array Iterator對象，該對象包含數組中每個索引的鍵
2020-06-21 05:55:10
原创 var、let、const詳細區別
首先，一個常見的問題是，ECMAScript 和 JavaScript 到底是什麼關係？ ECMAScript是一個國際通過的標準化腳本語言。JavaScript由ECMAScript和DOM、BOM三者組成。可以簡單理解爲：
2020-06-21 05:55:10
原创 JS 運行機制-EventLoop（事件循環）
JS 運行機制-EventLoop（事件循環） javascript 是單線程的 JavaScript語言的一大特點就是單線程，也就是說，同一個時間只能做一件事。那麼，爲什麼JavaScript不能有多個線程呢？這樣能提高效率啊。
2020-06-21 05:55:10
原创 Js實現阻止瀏覽器返回的功能
無論pc端還是移動端,瀏覽器都會帶有後退按鈕或後退鍵.主要方便我們能返回以前訪問過的頁面,但有時候我們不得不關閉這個功能.尤其是對於一些推廣落地頁,用戶進入後不希望它返回。 目前有很多推廣的朋友也在問,如何實現:“怎樣才能禁用瀏覽
2020-06-21 05:55:10
1
原创 JS一些有趣的面試題（即時更新）
1、對象的引用 var a = {n:1}; var b = a; a.x = a = {n:2}; console.log(a.x); //undefined console.log(b.x); // {n:2}
2020-06-21 05:55:10
原创 amfe/lib-flexible在非框架內執行
今天在瞭解移動端適配的過程中接觸到了 amfe/lib-flexible，插件非常簡單易懂記錄下來.，被人寫的 //立即執行函數中，傳入window,doucment避免全局污染 /* 思路是在頁面初始化的時候設置一次html的字
2020-06-21 05:55:10
原创 flex佈局-所有屬性整理
/* flex佈局： 彈性盒佈局，flex容器，子元素flex項目 默認兩根軸：水平軸和垂直交叉軸，項目默認沿主軸排列 注意，設爲 Flex 佈局以後，子元素的float、clear和vertic
2020-06-21 05:55:10
原创 作用域this指向
普通函數： 1、this總是代表着他的直接調用者，例如obj.fun()，那麼fun()中的this就是obj； 2、調用的時候，沒有任何前綴，則指向window，new的時候，指向new出來的對象； 3、在默認情況下(非嚴格模式
2020-06-21 05:55:10
原创 對於原型鏈的簡單理解
上一篇說到 構造函數、原型、實例 之間的關係，再貼一下 1、每個構造函數都有一個原型屬性prototype，它指向原型對象 2、原型對象都包含一個指向構造函數的指針（constructor） 3、而實例都包含一個指向原型對象的內
2020-06-09 12:48:39
原创 構造函數，原型，實例之間的關係
關係： 1、每個構造函數都有一個原型屬性prototype，它指向原型對象 2、原型對象都包含一個指向構造函數的指針（constructor） 3、而實例都包含一個指向原型對象的內置指針（__ proto__） 代碼： f
2020-05-19 14:23:40
原创 徹底弄懂HTTP緩存機制及原理（轉）
前言 Http 緩存機制作爲 web 性能優化的重要手段，對於從事 Web 開發的同學們來說，應該是知識體系庫中的一個基礎環節，同時對於有志成爲前端架構師的同學來說是必備的知識技能。 但是對於很多前端同學來說，僅僅只是知道瀏覽器會
2020-05-01 16:36:07
原创 vue項目性能優化（彙總）
Vue 框架通過數據雙向綁定和虛擬 DOM 技術，幫我們處理了前端開發中最髒最累的 DOM 操作部分， 我們不再需要去考慮如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 項目中仍然存在項目首屏優化、Webpack 編譯
2020-02-25 05:31:11
原创 flex佈局-屬性
/* flex佈局： 彈性盒佈局，flex容器，子元素flex項目 默認兩根軸：水平軸和垂直交叉軸，項目默認沿主軸排列 注意，設爲 Flex 佈局以後，子元素的float、clear和vertic
2020-02-25 05:31:11
原创 盒模型與box-sizing以及相關問題
css盒模型一共有兩種模型：W3C標準盒模型（標準模式）、IE盒模型（怪異模式） 只要完整定義DOCTYPE都會觸發標準模式，如果DOCTYPE缺失則在ie6/ie7/ie8下將會觸發怪異模式 （注意：缺失DOCTYPE下只有再i
2020-02-25 05:31:11