考文獻(xiàn)引用國家標(biāo)準(zhǔn)的格式如下：

一、圖書類文獻(xiàn)：

[序號] 作者.書名[M].出版地：出版社，出版年份.

例如：

[1] 李華.魯迅全集[M].北京：人民文學(xué)出版社，2005.

二、期刊類文獻(xiàn)：

[序號] 作者.文章題目[J].期刊名，年份，卷號(期號)：起止頁碼.

例如：

[1] 張三.論文翻譯中的語言規(guī)范問題[J].外語與外語教學(xué)，2008，(2)：10-15.

三、學(xué)位論文：

[序號] 作者.題目[D].授予單位，年份.

例如：

[1] 李四.諾貝爾文學(xué)獎獲得者作品翻譯研究[D].北京外國語大學(xué)，2012.

四、報(bào)紙類文獻(xiàn)：

[序號] 作者.文章題目[N].報(bào)紙名，出版日期.

例如：

[1] 王五.西部大開發(fā)激發(fā)經(jīng)濟(jì)活力[N].人民日報(bào)，2010-6-5.

五、會議論文：

[序號] 作者.文章題目[C].會議名稱，會議地點(diǎn)，年份：起止頁碼.

例如：

[1] 張三.漢語教學(xué)中的文化因素探析[C].第十屆國際漢語教學(xué)研討會，北京，2010：50-55.

六、電子文獻(xiàn)：

[序號] 作者.文章題目[EB/OL].出版地：出版者，出版日期/更新日期 [引用日期].可獲取地址.

例如：

[1] 李華.中國古代建筑藝術(shù)[M/OL].北京：中國建筑出版社，2008 [2010-6-5].http://www.cabp.com.cn/bookinfo.asp?id=123.

七、專利文獻(xiàn)：

[序號] 專利所有者.專利名稱：專利國別，專利號[P].公告日期.

例如：

[1] 中國科學(xué)院化學(xué)研究所.一種新型氧化鋅納米材料及其制備方法：中國，ZL201310685767.3[P].2014-07-30.

八、標(biāo)準(zhǔn)文獻(xiàn)：

[序號] 國家標(biāo)準(zhǔn)代號.標(biāo)準(zhǔn)名稱[S].出版地：出版者，出版日期.

例如：

[1] GB/T 5009.5-2016.食品中鉛的測定[S].北京：中國標(biāo)準(zhǔn)出版社，2016.

九、網(wǎng)頁文獻(xiàn)：

[序號] 作者.文章題目[EB/OL].出版地：出版者，出版日期/更新日期 [引用日期].可獲取地址.

例如：

[1] 王五.如何提高英語寫作能力[EB/OL].北京：論文查重網(wǎng)，2010-5-1 [2010-6-5].http://www.paperbye.com.

十、報(bào)告類文獻(xiàn)：

[序號] 作者.報(bào)告名稱[R].出版地：出版者，出版年份.

例如：

[1] 張三.社會保障體系建設(shè)研究報(bào)告[R].北京：社會科學(xué)文獻(xiàn)出版社，2012.

十一、音像資料：

[序號] 制作者.作品名稱[DVD/CD/磁帶等].出版地：出版者，出版日期.

例如：

[1] 李華.漢語口語基礎(chǔ)教程[DVD].北京：北京大學(xué)出版社，2010.

十二、標(biāo)準(zhǔn)圖書館藏書：

[序號] 作者.書名[M].版本號.出版地：出版者，出版年份.

例如：

[1] 王五.英語語法基礎(chǔ)[M].第2版.北京：外語教學(xué)與研究出版社，2009.

需要注意的是，對于不同類型的文獻(xiàn)，其引用格式和具體信息可能有所不同，因此在引用參考文獻(xiàn)時(shí)，應(yīng)該仔細(xì)查閱相應(yīng)的引用規(guī)范和標(biāo)準(zhǔn)，并根據(jù)具體情況進(jìn)行調(diào)整。同時(shí)，為了避免抄襲和侵權(quán)等問題，引用他人文獻(xiàn)時(shí)，還應(yīng)該注明出處和作者姓名等信息，以尊重知識產(chǎn)權(quán)和學(xué)術(shù)規(guī)范。

最后需要強(qiáng)調(diào)的是，參考文獻(xiàn)的引用格式和具體信息可能因不同的學(xué)科領(lǐng)域、期刊要求、出版物格式等而有所不同。因此，在寫作和論文撰寫中，應(yīng)該仔細(xì)查閱相關(guān)規(guī)范和標(biāo)準(zhǔn)，并根據(jù)具體情況進(jìn)行調(diào)整，以確保引用準(zhǔn)確、規(guī)范、完整。

轉(zhuǎn)自:Paperbye免費(fèi)查重軟件https://www.paperbye.com/skills/3704.html

TML面試題總結(jié)

1. 對 HTML 語義化的理解

1. 去掉或者丟失樣式的時(shí)候能夠讓頁面呈現(xiàn)出清晰的結(jié)構(gòu)；
2. 代碼結(jié)構(gòu)清晰，方便團(tuán)隊(duì)的管理和維護(hù)，并且語義化更具有可讀性，減少差異化；
3. 提升用戶體驗(yàn)； 例如：title、alt用于解釋名詞或者圖片信息、label標(biāo)簽的活用
4. 有利于SEO優(yōu)化，提升搜索引擎排名； 和搜索引擎建立良好溝通，有助于爬蟲抓取更多的有效信息； 爬蟲依賴于標(biāo)簽來確上下文和關(guān)鍵字的權(quán)重；
5. 方便其他設(shè)備的解析（屏幕閱讀器、盲人閱讀器、移動設(shè)備等等）；

2. H5新增特性

1. 語義化更好的標(biāo)簽： header、nav、aside、article、section、footer；
2. 音視頻標(biāo)簽： audio、video； 如果瀏覽器不支持自動播放怎么辦? 在屬性中添加autoplay(谷歌瀏覽器不支持音頻自動播放，但是視頻支持靜音自動播放)；
3. 以 data- 開頭的自定義屬性；
4. 本地存儲： localStorage、sessionStorage；
5. 表單控件； 給 type 屬性設(shè)置值； url、search、file、email、date、number、month、color、tel；
6. 畫布； Canvas；
7. 拖拽釋放： drag、drop；
8. 新技術(shù)： 瀏覽器多線程：webWorker； 前后臺持久化通信技術(shù)：webSocket；

3. HTML5常用的結(jié)構(gòu)標(biāo)簽有哪些，它替換了之前的哪些標(biāo)簽？

• header、nav、main、article、aside、footer、section
• <div class="header">、<div class="nav">、<div class="main">...

4. HTML文檔采用 UTF-8編碼集 的優(yōu)勢是什么？

1. utf-8： 使用3個(gè)字節(jié)表示一個(gè)符號，基本上可以覆蓋世界上所有的語言；
2. 優(yōu)勢： 與傳統(tǒng)的gb2312、gbk相比，可識別的字符集更多，也是行業(yè)界推薦的；

5. 標(biāo)簽中常用的屬性有哪些？

• id、class、title、style；

6. 標(biāo)簽中的 title屬性 和 alt屬性 的區(qū)別是什么？

1. title： 是標(biāo)簽的描述屬性，當(dāng)鼠標(biāo)移入時(shí)，稍等一會兒就會出現(xiàn)title屬性的屬性值；
2. alt: 用在可置換元素上，當(dāng)外部資源無法正確加載時(shí)，alt屬性的屬性值就會顯示在占位符上；

7. 什么是置換元素 和 非置換元素，每種類型至少舉出三個(gè)例子

1. 置換元素： 置換元素的內(nèi)容來自外部，該元素僅是外部資源的占位符； <img>、<video>、<audio>...；
2. 非置換元素： 非置換元素內(nèi)容來自當(dāng)前文檔，必須使用雙標(biāo)簽； <p>、<h1> ~ <h6>、<ul>...；

8. 標(biāo)簽中的 href屬性 和 src屬性 有什么區(qū)別？

1. 二者都是對外部資源的引用；
2. href： 用于超文本或樣式，用在 <link>標(biāo)簽 和 <a>標(biāo)簽上；
3. src： 用在外部資源占位符上，如<img>、<iframe>、<script>、<video>...；

9. iframe標(biāo)簽有什么優(yōu)缺點(diǎn)？

1. 優(yōu)點(diǎn)： 重載頁面時(shí)不需要加載整個(gè)頁面，只需要重載頁面中的一個(gè)框架頁，從另一方面來說，減少數(shù)據(jù)的傳輸，加快了網(wǎng)頁下載速度； 技術(shù)易于掌握，使用方便，可主要使用于不需要搜索引擎來搜索的頁面； 當(dāng)前頁面，直接加載其他頁面，而不必發(fā)生跳轉(zhuǎn)；
2. 缺點(diǎn)： iframe 會阻塞主頁面中的 Onload 事件； 會產(chǎn)生很多頁面，不容易管理； 多框架的頁面會增加服務(wù)器的http請求，影響頁面的并行加載； 并行加載：同一時(shí)間針對不同域名下的請求，iframe和所在頁面在同一個(gè)域下面，而瀏覽器的并行加載的數(shù)量是有限制的；

10. 表單中的按鈕有幾種，常用的標(biāo)簽有哪幾個(gè)？

1. 按鈕有三種： 普通按鈕、提交按鈕、重置按鈕；
2. 常用標(biāo)簽：

<input type="button" />
<input type="submit" />
<input type="rest" />
<button />

11. 表單數(shù)據(jù)的提交方式有幾種，分析使用場景？

1. POST： 表單數(shù)據(jù)通過請求體發(fā)送；
2. GET： 表單數(shù)據(jù)通過URL地址欄發(fā)送；

12. 什么是 重繪 和 重排？

1. 重繪： 當(dāng)元素的一部分屬性發(fā)生改變，如外觀、背景、顏色等不會引起布局變化，只需瀏覽器根據(jù)元素的新屬性重新繪制，使元素呈現(xiàn)新的外觀叫做重繪；
2. 重排： 和重繪相反，當(dāng)改變布局的時(shí)候，就會引起重排；
3. 重繪不一定需要重排（比如顏色的改變），重排必然導(dǎo)致重繪（比如改變網(wǎng)頁位置）

于Vue來說，使用v-bind并不能解決表單域?qū)ο箅p向綁定的需求。所謂雙向綁定，就是無論是通過input還是通過Vue對象，都能修改綁定的數(shù)據(jù)對象的值。Vue提供了v-model進(jìn)行雙向綁定。本章將重點(diǎn)講解表單域?qū)ο蟮碾p向綁定方法和技巧。

10.1 實(shí)現(xiàn)雙向數(shù)據(jù)綁定

對于數(shù)據(jù)的綁定，不管是使用插值表達(dá)式（{{}}）還是v-text指令，對于數(shù)據(jù)間的交互都是單向的，只能將Vue實(shí)例里的值傳遞給頁面，頁面對數(shù)據(jù)值的任何操作卻無法傳遞給model。

MVVM模式最重要的一個(gè)特性，可以說是數(shù)據(jù)的雙向綁定，而Vue作為一個(gè)MVVM框架，肯定也實(shí)現(xiàn)了數(shù)據(jù)的雙向綁定。在Vue中使用內(nèi)置的v-model指令完成數(shù)據(jù)在View與Model間的雙向綁定。

可以用v-model指令在表單<input>、<textarea>及<select>元素上創(chuàng)建雙向數(shù)據(jù)綁定。它會根據(jù)控件類型自動選取正確的方法來更新元素。盡管有些神奇，但v-model本質(zhì)上不過是語法糖。它負(fù)責(zé)監(jiān)聽用戶的輸入事件以更新數(shù)據(jù)，并對一些極端場景進(jìn)行一些特殊處理。

v-model會忽略所有表單元素的value、checked、selected特性的初始值，而總是將Vue實(shí)例的數(shù)據(jù)作為數(shù)據(jù)來源。這里應(yīng)該通過JavaScript在組件的data選項(xiàng)中聲明初始值。

10.2 單行文本輸入框

下面講解最常見的單行文本輸入框的數(shù)據(jù)雙向綁定。

【例10.1】綁定單行文本輸入框（源代碼\ch10.1.html）。

<div id="app">
    <input type="text" v-model="message" value="hello world">
    <p>{{message}}</p>
</div>
<!--引入vue文件-->
<script src="https://unpkg.com/vue@next"></script>
<script>
    //創(chuàng)建一個(gè)應(yīng)用程序?qū)嵗?    const vm= Vue.createApp({
        //該函數(shù)返回?cái)?shù)據(jù)對象
        data(){
          return{
            message:"紅羅袖里分明見"
           }
        }
    //在指定的DOM元素上裝載應(yīng)用程序?qū)嵗母M件
    }).mount('#app');
</script>

在Chrome瀏覽器中運(yùn)行程序，效果如圖10-1所示；在輸入框中輸入“白玉盤中看卻無”，可以看到下面的內(nèi)容也發(fā)生了變化，如圖10-2所示。

10.3 多行文本輸入框

本節(jié)演示在多行文本輸入框textarea標(biāo)簽中綁定message屬性。

【例10.2】綁定多行文本輸入框（源代碼\ch10.2.html）。

<div id="app">
    <p>{{message}}</p>
    <textarea v-model="message"></textarea>
</div>
<!--引入vue文件-->
<script src="https://unpkg.com/vue@next"></script>
<script>
    //創(chuàng)建一個(gè)應(yīng)用程序?qū)嵗?    const vm= Vue.createApp({
        //該函數(shù)返回?cái)?shù)據(jù)對象
        data(){
          return{
            message:"輕衣軟履步江沙"
           }
        }
    //在指定的DOM元素上裝載應(yīng)用程序?qū)嵗母M件
    }).mount('#app');
</script>

在Chrome瀏覽器中運(yùn)行程序，效果如圖10-3所示；在textarea標(biāo)簽中輸入多行文本，效果如圖10-4所示。

本文節(jié)選自《Vue 3.x從入門到精通(視頻教學(xué)版）》，內(nèi)容發(fā)布獲得作者和出版社授權(quán)。