原创 搭建webpack4+React+TypeScript

概念 Entry：指定 webpack 開始構建的入口模塊，從該模塊開始構建並計算出直接或間接依賴的模塊或者庫 Output：告訴 webpack 如何命名輸出的文件以及輸出的目錄 Loaders：由於 webpack 只能處理

2019-06-11 11:10:07 2

原创 作用域

作用域 作用域是指程序源代碼中定義變量得區域,包含了其中變量，常量，函數等等定義信息和賦值信息。 作用域規定了如何查找變量。 ｊｓ採用詞法作用域（即在函數定義的時候就決定了） 相對的動態作用域（在函數調用的時候才決定） var v

2018-09-13 06:38:16 1

原创 js數組去重

參考https://github.com/mqyqingfeng/Blog/issues/27 雙層循環 let arr = [1, 2, '1', 3, 2]; // 雙重循環 let arr1 = [] for (let i

2018-09-13 06:38:15

原创 元素顯示隱藏

隱藏元素方法 { display: none; /* 不佔據空間，無法點擊 */ } { visibility: hidden; /* 佔據空間，無法點擊 */ } { position: absolute; clip:rect(1px

2018-09-03 21:30:20

原创 文字截斷

原文地址 相信很多人再寫標題的時候都碰到過因爲太長而影響佈局，但是卻沒有統一css屬性實現標準，需要用到一些奇淫妙計來實現，一般來說，在做這樣文字截斷效果時我們更多是希望： 兼容性好，對各大主流瀏覽器有好的支持 響應式截斷，根據不同寬

2018-09-03 21:30:20

原创 cross

參考１ 如果看完文章你感覺有收穫可以收藏一下小弟的github,上面有更多勁爆的東西，猛戳本人github 同源策略 最初，它的含義是指，A網頁設置的 Cookie，B網頁不能打開，除非這兩個網頁”同源”。所謂”同源”指的是”三個相同”

2018-09-03 21:30:20

原创 用戶界面樣式

參考一 參考二 參考三 系統字體 css2定義了6個系統字體關鍵字，如下： 1.caption 由標題控件使用的字體樣式，如按鈕和下拉控件 2.icon 操作系統圖表標籤使用的字體樣式，如硬盤驅動器，文件夾和文件圖標 3.m

2018-09-03 21:30:20 4

原创 瀏覽器渲染

瀏覽器渲染 參考一 一天突然有人提起，白屏是什麼原因，js會影響首屏嗎，git爲什麼會出現html裸奔的情況，這一切一切是爲什麼呢？ 好的，我們先來了解一下幾個關鍵名詞： 關鍵渲染路徑是指與當前用戶操作有關的內容。例如用戶剛剛打開一個頁

2018-09-03 21:30:19 2

原创 js基本類型

參考：http://blog.csdn.net/wkyseo/article/details/51484506 參考： https://www.cnblogs.com/phillyx/p/5603738.html 參考：http://

2018-09-03 21:30:19

原创 原型

先來看一個十分有意思的問題：先有雞還是先有蛋？ 思考過後再想一下這個問題 Function.__proto__ === Function.prototype //true 好的，先保留這個問題，繼續看 function P(){}; co

2018-09-03 21:30:19

原创 web安全整理(2)

HTTP Basic Auth HTTP Basic Auth簡單點說明就是每次請求API時都提供用戶的username和password，簡言之，Basic Auth是配合RESTful API 使用的最簡單的認證方式，只需提供用戶名密

2018-09-03 21:30:06

原创 繼承

我們都知道繼承是最讓人開心的事了，想想不用動手就能享受父輩的成果。真讓人開心。 那顯而易見，老李家的孩子不可能繼承鄰居老王的財產，除非一種情況，　Ｏ（∩＿∩）Ｏ～呵呵， 這是爲什麼呢？當然是因爲親情關係了。 言歸正傳，在js的世界中想

2018-09-03 21:30:05

原创 grid佈局

瞭解grid grid柵格佈局，二維佈局模塊，具有強大的內容尺寸和定位能力，適合需要在兩個維度上對齊內容的佈局，Grid Layout 是一種基 於二維網格的佈局系統，旨在完全改變我們設計基於網格的用戶界面的方式，彌補網頁開發在二維佈局

2018-09-03 21:30:05 3

原创 判斷數組

var arr = [1, 2, 3]; console.log(arr instanceof Array); instanceof 運算符用來測試一個對象在其原型鏈中是否存在一個構造函數的 prototype 屬性。 consol

2018-09-03 21:30:04 2

原创 vue小知識點（2）

導航守衛 全局守衛router.beforeEach 比如再寫網站的時候區分登陸頁面和主界面，就可以添加全局守衛來進行判斷。 router.beforeEach((to, from, next) => { // ... })

2018-09-03 21:30:04 3