原创 第一章 webpack簡介及安裝

2019年3月25日更新,目前 webpack 版本爲4.29.6 。本文根據 webpack 中文文檔,謹以此記錄實操過程,以及遇到的一些疑點難點。如有經驗,最好的方法當然是直接閱讀 官方文檔,跟着碼一遍。 前言 webpack核心

原创 關於JavaScript之原型與原型鏈

前言 學習完書面上的js知識,感覺到了,就虎裏虎氣的跑去面試了,結果可想而知😥 一道關於原型與原型鏈的問題就尷尬的擺在那裏,回頭使勁翻書,木的啊,悲劇😭 其實概念並不難理解,說白了就是那麼回事,但卻是不可避免的面試知識點(再次哭泣😭)

原创 關於前端自動化工具Gulp的使用(二)——gulp-uglify

插件作用: gulp-uglify——壓縮js文件,減小文件大小。 安裝: 項目文件目錄下執行: cnpm install --save-dev gulp-uglify 或 npm install --save-dev gulp-

原创 NVM下安裝npm、cnpm詳解與坑坑坑

好不容易nvm裝好了,node也是終於裝上了,結果npm這裏還是存在不少問題,果然都是坑啊😫😫😫 一、npm的安裝 npm即 nodejs package manager ,也就是nodejs的包管理工具 由於使用nvm管理node,

原创 關於在Windows上安裝nodejs版本管理器nvm的安裝使用

一、背景 之前學習vue框架,爲方便學習,接觸並使用Nodejs版本管理工具–nvm,由於已經安裝了node和npm,導致按照網上一些教程步驟安裝nvm時出現了一些錯誤,浪費了不少時間,現就自己在window系統上安裝nvm的過程做一

原创 聖盃佈局和雙飛翼佈局

第一步:給出HTML結構: Header內容區 中間彈性區 左邊欄 右邊欄 Footer內容區 寫結構的時候要注意,父元素的的三欄務必先寫中間盒子。因爲中間盒子是要被優先渲染嘛~並且設置其自適應,也就是width:1

原创 關於前端自動化工具Gulp的初次接觸與安裝使用(一)

背景 前段時間在網上看了一些優秀的前端面試者簡歷, eg: http://www.flqin.com/ http://zhangwenli.com/cv/ 在我這初初初級階段看起來是十分高大上的,再看看自己的白紙一張的慘不忍睹的簡歷,

原创 【轉】關於前端的切圖(三技巧中最實用)

分享一個photoshop cc 開始有的自動生成圖標的方法,真的超級好用!!!(轉) PhotoShop從CS版本演變到現在的CC版本,切圖功能發生了比較大的變化,我們可以把PhotoShop CS版本時的切圖功能稱爲傳統切圖,而從

原创 關於Audio標籤添加網易雲音樂作爲背景音樂的兩三事

關於Audio標籤添加網易雲音樂作爲背景音樂的兩三事 一、寫在開頭 1.audio:html5音頻標籤 <!-- 添加背景音樂 --> <audio id="music" src="https://music.163.com/#/so

原创 CSS學習筆記六(定位)

文檔流 靜態定位——默認行爲 相對定位—— 它與靜態定位非常相似,佔據在正常的文檔流中,除了你仍然可以修改它的最終位置,包括讓它與頁面上的其他元素重疊。 top, bottom, left, 和 right 來精確指定要將定位元素

原创 CSS學習筆記(佈局)

前提:沒有佈局 如果把所有內容都塞進一欄裏,那麼不設置任何佈局也是OK的。 然而,如果用戶把瀏覽器窗口調整的很大,這時閱讀網頁會非常難受:讀完每一行之後,你的視覺焦點要從右到左移動一大段距離。 重點:display屬性 displa

原创 CSS學習筆記四

CSS學習:背景邊框列表連接和更復雜的選擇器 背景: - background - background-color - background-image - background-repeat - backgro

原创 上傳代碼到Github倉庫基操(一)

由於筆者在上傳文件到github倉庫,由於相關操作經常會間歇性遺忘(還是不夠熟悉惹的禍啊≧ ﹏ ≦),或者部分解決方案裏並沒有明確說明指令所表示的含義,所以在百度了許多許多的相關文章和blog後,將常用的指令和該指令所代表的意義歸納到

原创 Github個人主頁綁定域名實操

由於筆者在上傳文件到github倉庫,由於相關操作經常會間歇性遺忘(還是不夠熟悉惹的禍啊≧ ﹏ ≦),或者部分解決方案裏並沒有明確說明指令所表示的含義,所以在百度了許多許多的相關文章和blog後,將常用的指令和該指令所代表的意義歸納到