原创 WebPack學習實踐筆記(一)

一、準備 nodejs安裝教程:https://blog.csdn.net/FED_AF/article/details/105747632) 二、安裝 (1)全局安裝 :: 初始化npm C:\Users\Administrator>

原创 Vue學習實踐筆記(一)

Demo1——vue對象、v-cloak、v-text、v-html、v-bind、v-on <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style

原创 Sass學習實踐筆記(五)

@import Sass 支持所有 CSS3 的 @ 規則, 以及一些 Sass 專屬的規則,也被稱爲“指令(directives)”。 這些規則在 Sass 中具有不同的功效,詳細解釋如下。 @import Sass 擴展了 CSS 的

原创 Sass學習實踐筆記(二)

一、變量 sass: /*定義變量,同時指定默認值*/ $baseLineHeight: 1.5 !default /*用新值覆蓋默認值*/ $baseLineHeight: 2 /*調用變量 * 編譯後的 line-height 爲

原创 Bootstrap學習實踐筆記(六)

HTML <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w

原创 Sass學習實踐筆記(一)

一、準備 下載Ruby:https://rubyinstaller.org/downloads/ 安裝過程中勾選Add Ruby executables to your PATH就會自動配置環境變量了 安裝完成後,查看ruby版本和gem

原创 Sass學習實踐筆記(三)

一、@if條件判斷 sass: // @if指令根據條件返回樣式塊,可以配合@else if和@else一起使用。 // 假設要控制一個元素隱藏或顯示,我們就可以定義一個混合宏,通過 @if...@else... 來判斷傳進參數的值來控

原创 Sass學習實踐筆記(四)

一、字符串函數 sass: // unquote($string):刪除字符串最外層的一對引號。 .test1 content: unquote('Hello Sass!') .test2 content: unquote("I'm

原创 Bootstrap學習實踐筆記(五)

一、邊框 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w

原创 Bootstrap學習實踐筆記(四)

一、下拉菜單 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device

原创 Bootstrap學習實踐筆記(三)

一、警告提示框 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic

原创 Bootstrap學習實踐筆記(二)

排版 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid

原创 Bootstrap學習實踐筆記(一)

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

原创 Vue學習實踐筆記(六)

node的安裝教程:https://blog.csdn.net/FED_AF/article/details/105747632 一、結構 */vue dist bundle.js(打包輸出的結果,無需手動配置)

原创 Vue學習實踐筆記(五)

Demo1:複習——父子組件傳值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script type="text/javascript" src="