原创 ES6新語法

文章目錄let const解構賦值模板字符串對象簡寫方式箭頭函數三點運算符形參默認值promisesymboliterator/for in/for ofgenerator字符串擴展數字擴展數組擴展對象擴展set map let

原创 vue-cli and webpack配置(理解)

文章目錄一 webpack配置(理解)1. 未配置的webpack打包2. webpack配置-JS3. webpack配置-CSS4. webpack配置-Less5. webpack配置-圖片6. webpack配置-ES6轉

原创 Vue語法,看這一篇就夠了

文章目錄一 初識Vue二 Vue模板語法1. Mustache語法(雙大括號)2. v-once(靜態數據)3. v-html(添加標籤)4. v-text(添加文本)5. v-pre(禁止解析)6. v-cloak(遮擋)7.

原创 Vue路由的使用

文章目錄一 Vue路由使用1. vue-router安裝2. vue-router實例文件組織3. vue-router相關標籤1. router-link2. router-view4. vue-router代碼跳轉5. vue

原创 HTML選擇器

1. CSS:Cascading Style Sheet 層疊樣式表 2. CSS選擇器 元素選擇器 a{} 類選擇器 .link{} ID選擇器 #id{} 通用(全局)選擇器 *{} 羣組選擇器 p1,a{} 後代選擇器 p

原创 HTML5新增內容

<!DOCTYPE>聲明必須在html文檔第一行,在<html>標籤之前,它不是html標籤,而是指示瀏覽器頁面是用哪個html版本進行編寫的指令 DTD是用XML語法構建的模塊,可以定義合法的XML文檔,使用一系列合法的元素來

原创 HTML常見元素

HTML常見元素 <meta charset="utf-8"> char:字符 set:集合 charset:使用的字符集 <meta name="viewport" content="width=device-width,

原创 非佈局樣式-文本折行

文本折行常用三個屬性 overflow-wrap:控制過長單詞是否換行 normal:過長單詞不換行 break-word:過長單詞換行 inherit unset initial word-break:控制過長單詞拆解

原创 JS對象-初級

文章目錄一 普通對象對象的分類對象基本操作對象屬性名與屬性值in 檢測對象中是否有此屬性使用對象字面量創建對象二 函數對象創建函數函數參數函數返回值實參可以是任意值立即執行函數遍歷對象作用域全局作用域函數作用域this使用工廠方法

原创 Vue基礎模板語法大全

模板語法 data(存全局變量) 與 直接嵌入JS代碼<template> <div> <div> data:{{msg}}</div> <div> {{num + 1}}</div> <div v-

原创 html標籤大全

<!DOCTYPE> 文檔類型聲明 必須放html文檔第一行 且不是html標籤<!DOCTYPE html> <meta http-equiv="Content-Type" content="text/html;charset

原创 初探-Sass基礎語法大全

1. 定義變量 重複定義 拼接 $baseWidth:200px; $baseWidth:100px !default; $str:'img.png'; $strNoQout:abc; $class:'.div'; $wd

原创 JS組成 標識符 變量 類型轉換 操作符

1.通識 JavaScript組成 JavaScript語法 DOM頁面文檔對象模型(瀏覽者和網頁內容的接口)大小 顏色 等 BOM瀏覽器對象模型(與瀏覽器交互的方法和接口)彈窗 scroll 等 標識符(大小寫敏感)

原创 JS DOM操作

文章目錄一 節點查找方法1. 獲取元素節點1. getElementById() 只能通過document調用2. getElementsByName() 只能通過document調用3. getElementsByTagName

原创 響應式佈局

1. 在head中加入viewport使內容在分辨率小的設備上不會縮放 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 2.