原创 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="