原创 window下升級node版本

環境:win10 64位 官網安裝包地址:http://nodejs.cn/download/ 升級步驟: 官網下載安裝包 點擊安裝,默認安裝路徑會是你之前安裝node的路徑,爲了保證無誤可以在終端輸入where nod

原创 React Hooks(一)之簡介和搭建

一、簡介 Hook 是 React 16.8.0 的新增特性,React Native 0.59 及更新版本會支持 Hook。 以往的react使用class實現組件編寫,Hook是一個特殊的函數,讓我們可以在函數組件裏“鉤入”

原创 js常用代碼和屬性(最近更新時間20190902)

學習筆記不斷更新總結 fill 1.語法 fill() 方法用於將一個固定值替換數組的元素 array.fill(value, start, end) 2.示例 fruits數組index從2開始到4之前元素替換成waterme

原创 flex佈局遇到white-space:nowrap怎麼超出一行顯示省略號

一、場景: 二、簡化場景: 三、頁面佈局: <ul class="g-list"> <li class="g-list-item"> <div class="item-content-wrap">

原创 前端必懂之Sticky Footer(粘性頁腳)

什麼是Sticky Footer? 頁腳footer永遠固定在頁面的底部,頁面內容不夠長的時候頁腳黏在視窗底部,內容足夠長時會被向下移動。 一、利用絕對定位和padding完美兼容 已知底部高度,利用絕對定位和padding完美兼容

原创 js基礎(二):構造函數與原型

寫在最前:構造函數和原型模式的使用場景很廣泛,但因爲對概念的混淆不清導致無法熟練掌握。切圖帶你從代碼和流程圖一步步攻克,純乾貨,建議收藏詳看,原型模式理解圖非常重要,務必多看幾遍! 前往查看demo源碼 js基礎(一):判斷類型

原创 BFC的原理及運用

寫在最前:BFC看起來是個很陌生的概念但它卻時時發生在我們工作中,如何清除浮動影響?如何避免margin穿透問題?如何編寫兩欄自適應佈局?都和BFC有這密不可分的關係,下面走進切圖妞的世界,分分鐘搞定BFC! 一、什麼是BFC? BF

原创 js基礎(一):判斷類型

目錄 一、常見實例 判斷是否爲對象 判斷對象是否爲空對象 判斷是否爲數組 判斷是否爲數組是否爲空數組 判斷字符串爲json 判斷字符串是否爲數字 判斷某值爲null或者爲undefined 二、五大常見方法 1.typeof 2.Obje

原创 移動端適配專題(一)之 meta

尊重原創,如需轉載請註明出處! 常用: <meta charset="UTF-8"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-sc

原创 yarn官網文檔(翻譯)——從 npm 遷移到 yarn

原文:https://yarn.bootcss.com/docs/migrating-from-npm/ 對於大多數用戶來說從npm遷移到yarn是個簡單的過程。yarn 可以使用和npm相同格式的 package.json,並且可以從你

原创 小程序技巧合集(持續學習更新中……)

- 如何去掉button的邊框? 使用僞類 /*——————————html——————————*/ <button>點擊</button> /*——————————css——————————*/ button:after { b

原创 vue-cli腳手架中webpack配置基礎文件詳解

一、前言 vue-cli是構建vue單頁應用的腳手架,輸入一串指定的命令行從而自動生成vue.js+wepack的項目模板。這其中webpack發揮了很大的作用,它使得我們的代碼模塊化,引入一些插件幫我們完善功能可以將文件打包壓縮,圖片轉

原创 MongoDB教程之MongoDB和Robomongo的安裝配置與簡單實戰

一、MongoDB 1、下載地址 官網傳送門(選擇適合的環境和版本,點擊之後跳轉到另外一註冊頁,請耐心等待5s左右就會跳出下載框) 雲盤快捷傳送門: https://pan.baidu.com/s/1Y5uTvTT9rLlOrW9

原创 mysql-8.0.1在windows環境下的安裝教程圖解

注:安裝環境win10 一、下載地址 MySQL官方下載地址:https://dev.mysql.com/downloads/mysql/ 戳這裏直接下載mysql-8.0.1 Windows64 二、配置 2-1.解壓 將zip包解壓