原创 css垂直居中方式總結
文章目錄通過relative定位實例兼容性通過absolute定位實例兼容性通過flex佈局（1）實例兼容性通過flex佈局（2）實例兼容性 通過relative定位 這種方法的思路是，使用relative將元素相對父元素下移50
2020-07-05 10:22:33
原创 HTTPS中用到的SSL加密原理由淺入深詳解
文章目錄一，對稱加密二，非對稱加密三，對稱+非對稱加密四、中間人攻擊五、CA認證六、windows查看系統CA根證書七、客戶端認證https服務端證書過程詳解——證書鏈 一，對稱加密 對稱加密是指服務器和客戶端都使用相同的祕鑰加密
2020-07-05 10:22:32
3
原创 ES6和commonJs模塊化規範的混用
ES6和commonJs在webpack下的混用 爲了最大化利用ES6規範不引入無關代碼從而減小打包體積的優勢，越來越多的模塊支持同時將自己的模塊發佈成commonJs和ES6規範的的文件，在package.json中的"modu
2020-07-05 10:22:32
6
原创 babel7入門 —— 超詳細學習筆記
babel主要作用就是將某些低版本容器（主要是瀏覽器，主要是IE…）不支持的js語法或api，用該容器支持的語法或api重寫，使開發者可以使用更前沿的方式愉快的編寫代碼。 但實際上更準確點說，是一堆插件在做代碼的轉換，babel本
2020-07-05 10:22:31
3
原创 package.json中的type字段含義—— node官方翻譯
package.json的“type”字段 如果最近的package.json文件包含一個頂級字段“type”，其值爲“module”，則以.js結尾或沒有任何擴展名的文件將作爲ES模塊進行加載。 最近的package.json被
2020-07-05 10:22:31
1
原创 CSS之浮動佈局（float，浮動原理，清除/閉合浮動方法）
1.什麼是浮動：在我們佈局的時用到的一種技術，能夠方便我們進行佈局，通過讓元素浮動，我們可以使元素在水平上左右移動，再通過margin屬性調整位置 2.浮動的原理：使當前元素脫離普通流，相當於浮動起來一樣，浮動的框可以左右移動，直
2020-07-05 10:22:31
3
原创 webpack@4中babel7配置
安裝 首先確保本地已經安裝了webpack和webpack-cli 安裝babel-loader npm i -D babel-loader 安裝玩後，控制檯有提示： 按照提示安裝@babel/core@^7.0.0 npm
2020-07-05 10:22:31
1
原创 window.open()簡析
文章目錄定義語法用法1，關閉當前頁面打開新的頁面2，保留當前頁面打開新的瀏覽器tab頁3，保留當前頁面打開新的html窗口4，控制父頁面跳轉到其它頁面5，控制頂級頁面跳轉到其它頁面 定義 window.open()方法用於打開一個
2020-07-05 10:22:31
原创 在新版的nodejs下，直接使用es6語法的方法
在nodejs8以上已經原生支持es6語法書寫代碼了，該方法是實驗性的，測試可以用用，生產慎用。 需要做如下兩步： 把原來的 .js改爲.mjs start-point.js ↓ start-point.mjs
2020-07-05 10:22:31
7
原创 import和require用法示例
Import和require的區別不用多說了，分屬於不同的規範，我們今天分別來試試怎麼使用它們 Common.js 該規範通過exports和module.exports進行導出，通過require進行導入，我們看下面兩個簡單的例
2020-07-05 10:22:31
3
原创 css —— 文檔流，position詳解
文章目錄文檔流position詳解position 之 staticposition 之 relativeposition 之 absoluteposition 之 fixedposition 之 sticky 文檔流 在講pos
2020-07-05 10:22:30
原创 童子軍法則
本文爲翻譯轉載，原文通道：The Boy Scout Rule。 翻譯人：安秦 【相關背景知識】 西方國家有一種活動組織形式叫童子軍，通常面向小男孩或男青年。通過組織團體活動、公益行動和夏令營來達到培養人格、動手能力、思考能力、團
2020-07-05 10:22:30
原创 css —— inline、block、inline-block特性總結
筆者做web前端已經做了很長時間了，常用的display屬性就是inline、block和inline-block，對於他們的特性和區別有一個大概的瞭解，但是並不全面。今天筆者寫這篇文章再來重新認識一下這三者和這三者之間的區別，再
2020-07-05 10:22:30
原创 javascript —— 高階函數
定義 如果一個函數就可以接收另一個函數作爲參數，則這種函數就稱之爲高階函數 示例： // 示例高階函數 function add(a, b, func) { return func(a) + func(b) } let
2020-07-05 10:22:30