亚洲伊人一区在线观看,情欲背叛在线观看

1. html css js

html–》房屋的框架結(jié)構(gòu) 超文本標(biāo)記語言

標(biāo)簽屬性事件

<!DOCTYPE html>

http://www.w3school.com.cn/html/index.asp

css -》房屋的裝修和家具

盒模型? ?選擇器 class 外聯(lián)? class內(nèi)聯(lián) style主要的有盒模型相關(guān)屬性字體相關(guān)屬性背景相關(guān)屬性邊框相關(guān)屬性等等

http://www.w3school.com.cn/css3/index.asp

js -》房屋的存儲、交互和控制

語法：數(shù)據(jù)類型變量聲明? 運(yùn)算符基本語句函數(shù) 對象? 內(nèi)置對象

es6+文檔http://es6.ruanyifeng.com/

JavaScript基本語法http://www.w3school.com.cn/js/index.asp

bom dom簡介----這倆不屬于JavaScript，是瀏覽器提供的

dom是文檔對象?–? 主要是針對標(biāo)簽的操作? 增刪改查，屬性和事件的讀寫? 類比 xml的dom操作。

createElement?appendChild removeChild? setAttribute getAttribute? removeAttribute? ?class 的處理事件的綁定解綁等等

類似 document.title? document.body? document.getElementById

http://www.w3school.com.cn/js/js_htmldom.asp

2. bom是瀏覽器對象?– 主要是跟瀏覽器級別的一些東西

screen? 提示? 窗口的屬性事件 history navigator timing? cookies storage等等

http://www.w3school.com.cn/js/js_window.asp

3. http協(xié)議介紹

http://hostname:port/path?querystring=search&b=b#hash/path/?querystring=xxxx

三次握手時(shí)間分布

100+ 200+ 300+ 400+ 500+

4. 瀏覽器渲染原理

三棵樹

渲染流

Repaint——屏幕的一部分要重畫，比如某個(gè)CSS的背景色變了。但是元素的幾何尺寸沒有變。

Reflow——意味著元件的幾何尺寸變了，我們需要重新驗(yàn)證并計(jì)算Render Tree。是Render Tree的一部分或全部發(fā)生了變化。這就是Reflow，或是Layout。（HTML使用的是flow based layout，也就是流式布局，所以，如果某元件的幾何尺寸發(fā)生了變化，需要重新布局，也就叫reflow）reflow 會從這個(gè)root frame開始遞歸往下，依次計(jì)算所有的結(jié)點(diǎn)幾何尺寸和位置，在reflow過程中，可能會增加一些frame，比如一個(gè)文本字符串必需被包裝起來。

5. node 介紹

使用Javascript語法的運(yùn)行。可以看做一種單線程的java。安裝不同的庫之后可以完成不同的功能，比如鏈接mysql、MongoDB、操作本地文件或者遠(yuǎn)超文件、提供監(jiān)聽某個(gè)端口的 http/https/websocket的遠(yuǎn)超服務(wù)

核心：單線程異步

api文檔?http://nodejs.cn/api/

npm文檔https://www.npmjs.com.cn/

各個(gè)版本的下載地址https://nodejs.org/en/download/releases/注意：偶數(shù)版本為穩(wěn)定版，奇數(shù)版本為開發(fā)版我們現(xiàn)在用的是8.x

6. vue概述

前端開發(fā)框架 mvvm

https://cn.vuejs.org/v2/guide/instance.html

實(shí)際使用上有兩種，一種是直接使用，這種比較原始，使用的人也比較少。略。

另外一種其實(shí)是依賴node的預(yù)編譯開發(fā)框架，這個(gè)才是大家用的比較多的? 實(shí)際上是vue cli 3

組件和頁面