原创 exports、module.exports和export、export default
exports、module.exports和export、export default
2020-07-03 16:17:11
原创 vue實戰技巧
1. 內部監聽生命週期函數 今天產品經理又給我甩過來一個需求，需要開發一個圖表，拿到需求，瞄了一眼，然後我就去echarts官網複製示例代碼了，複製完改了改差不多了，改完代碼長這樣 <template> <div class="ec
2020-07-03 16:17:11
1
原创 web前端安全以及防範措施
以下簡單介紹這幾種常見的 web 安全問題： XSS CSRF SQL注入 點擊劫持 除了這個還有同源策略，下面先簡單說下這個 什麼是同源策略？ 同源策略是瀏覽器的一個安全功能，不同源的客戶端腳本在沒有明確授權的情況下，不能讀寫對方資源
2020-06-21 10:57:11
原创 ES6—解構賦值及用法
概述 解構賦值是對賦值運算符的擴展。 他是一種針對數組或者對象進行模式匹配，然後對其中的變量進行賦值。 在代碼書寫上簡潔且易讀，語義更加清晰明瞭；也方便了複雜對象中數據字段獲取。 ES6 允許按照一定模式，從數組和對象中提取值，對
2020-06-21 10:57:11
原创 Grid網格佈局用法
一、概述 網格佈局（Grid）是最強大的 CSS 佈局方案。 它將網頁劃分成一個個網格，可以任意組合不同的網格，做出各種各樣的佈局。以前，只能通過複雜的 CSS 框架達到的效果，現在瀏覽器內置了 上圖這樣的佈局，就是 Grid 佈局的拿
2020-06-21 10:57:11
原创 vue中組件常用傳值方式
.1 父子組件間傳值 父組件給子組件傳值，直接通過props傳值 <custom content="hello world"></custom> 複製代碼 子組件給父組件傳值，通過 emit發送事件 this.$emit('choos
2020-06-02 13:09:53
原创 css盒模型與BFC詳解
1:盒模型簡介 先看一張圖： 可以說，頁面就是由一個個盒模型堆砌起來的，每個HTML元素都可以叫做盒模型，盒模型由外而內包括：邊距（margin）、邊框（borde
2020-06-02 13:09:53
原创 前端導出二進制流文件以及類型對應表
談起文件流處理，一般大家都不會太在意前端的文件類型數據處理，今天我們來談一談前端如何處理文件類型數據。在這裏不得不提前相關文件流的操作對象及接口。 內置文件流接口：Blob（文件流接口定義） 內置文件流對象 ：File（單文
2020-06-02 13:09:53
原创 怎麼優化if else語句
最近在寫代碼的時候，用了不少if else,當然不影響功能，但是後期維護感覺更加麻煩了，有點難理解，就像是回調地獄一樣，看了讓人害怕，隨着邏輯複雜度的增加，代碼中的if/else/switch會變得越來越臃腫，這我也記錄下，簡單優
2020-05-20 01:13:09
原创 style加上scoped後，如何加自定義樣式(樣式穿透)
1.什麼是scoped 在Vue文件中的style標籤上有一個特殊的屬性，scoped。當一個style標籤擁有scoped屬性時候，它的css樣式只能用於當前的Vue組件，可以使組件的樣式不相互污染。如果一個項目的所有style標
2020-05-17 18:56:45
原创 數組中遍歷方法以及跳出循環方法
先看下面這段代碼： 在for循環中想要調出整個循環是break；但是在forEach中使用break不僅不能調出整個循環，還會報錯，使用return也不行； 其實這個問題是由一道編程題引發的，使用循環判斷數組中是否包含某個值；當我想
2020-05-15 15:30:22
原创 js中的隱式類型轉換與包裝類
先說一下js中的數據類型： 基本類型 Boolean 布爾值 Null 空 Undefined 未定義 Number 數字 String 字符串 Symbol es6新增的一種基本數據類型一種類似於標記的一個數據類型我是這麼理解的， 這
2020-04-28 17:49:44
原创 Vue中的 computed 和 watch
computed computed看上去是方法，但是實際上是計算屬性，它會根據你所依賴的數據動態顯示新的計算結果。計算結果會被緩存，computed的值在getter執行後是會緩存的，只有在它依賴的屬性值改變之後，下一次獲取compute
2020-02-26 05:33:39
原创 前端性能優化-重繪與重排
重排和重繪 網頁生成過程： HTML被HTML解析器解析成DOM 樹 css則被css解析器解析成CSSOM 樹 結合DOM樹和CSSOM樹，生成一棵渲染樹(Render Tree) 生成佈局（flow），即將所有渲染樹的所有節點進行
2020-02-20 19:14:29
原创 堆疊上下文順序
一：什麼是“層疊上下文” 層疊上下文(stacking context)，是HTML中一個三維的概念。在CSS2.1規範中，每個盒模型的位置是三維的，分別是平面畫布上的X軸，Y軸以及表示層疊的Z軸。一般情況下，元素在頁面上沿X軸Y軸平鋪，
2020-02-20 19:14:29