第一篇：Web前端開發培訓中es5與es6語法知識點總結
Web前端開發培訓中es5與es6語法知識點總結（百讀易萊勝）
熱點：web前端開發培訓
百讀易萊勝官網
前端開發
易萊勝官網
#es6的寫法：
1.利用import...form....代替require（）
方式一：導入一個js模塊并且要接收一個對象
require寫法： var calc = require(“ calc.js ”)
import寫法： import calc form “calc.js”
方式二： 導入一個css文件，不接收對象
require寫法： require(“site.css”)
import寫法：import “site.css”
2.對象的寫法
導出一個模塊對象es5的寫法：
module.exports = {
add:add，substrict:substrict
}
導出一個模塊對象es6的寫法：
module.exports = {
add，substrict
}
注意：這種寫法必須是屬性名和屬性值變量是同一個，否則要分開寫
module.exports = {
addFn：add，substrict
}
一個對象中方法的寫法
導出一個模塊對象es5的寫法：
module.exports = {
addFun:function(x,y){
return x+ y;
}
}
導出一個模塊對象es6的寫法：
module.exports = {
addFun(x,y){
return x+ y;
}
} 導出對象的寫法 function add(){} function substrict(){} 方法一
es5導出寫法：
module.exports.add = add;module.exports.substrict = substrict;
導入寫法：var calc = require(“./calc.js”);es6導出寫法：
export function add(){} export function substrict(){} 方法二
es5導出寫法：
module.exports = { add:add, substrict:substrict} es6導出寫法： export default{
add,substrict }
es6導入寫法
//表示取得calc.js中所有顯示出來的對象 import calc from “./calc.js”
//只獲取到calc.js中的add方法（按需獲?。﹊mport {add} from ”./calc.js"
第二篇：web前端開發知識點總結
HTML知識總結
span
行級元素，多個
同行塊級元素，獨占
一行塊級元素，前后
保留一行
標題標簽，h1~h6表6個等級，加粗，前后保留一行width：設置寬
度height：設置高
度alt：圖片加載失敗顯示的文本
div
文本類
p
h
圖片標簽img
color：顏色
水平線常用標簽
hr
size：高度（粗
細）width：寬度（長度）herf：超鏈接轉到的地址
超鏈接a
target
_self:默認值，在當前頁面打開_blank:在新窗口
打開
帶標題的框fieldsetlegend設置標題
disc：實心圓
無序列表
列表標簽
有序列表
ul
square：小方塊
olcircle：空心圓
tr表示行
th
表示標題單元格，居中、加粗
td
表格標簽