整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
天我們來介紹一個(gè)阿里巴巴提供的模塊Caoncat。
它到底有什么用呢？
這個(gè)模塊可以在一次http請求中返回多個(gè)文件的內(nèi)容。
對于我們在web系統(tǒng)中，提升小文件請求的性能是十分有幫助的。
下面我們來介紹一下Concat模塊的用法:
功能:上面介紹了，就是當(dāng)頁面需要訪問多個(gè)小文件時(shí)，把他們的內(nèi)容合并到一次http響應(yīng)中返回，提升性能。
這并不是一個(gè)官方模塊,它的github地址:
https://github.com/alibaba/nginx-http-concat.git
安裝步驟:
1.先從github上 clone到本地。
2. 在編譯Nginx的時(shí)候 加上 --add-module=../nginx-http-concat/ (這里的目錄是你自己clone的地址)就能編譯進(jìn)Nginx了。這時(shí)候Nginx才具有concat的功能。
使用方式:
1.在URL后加上??,放多個(gè)文件，這些文件是通過,來分隔的。
2.如果還有參數(shù)，則在最后通過?添加參數(shù)。
如:
https://g.alicdn.com/??universal/polyfill/0.0.2/p/index/index.js,mtb/lib-env/1.9.9/env.js,mtb/lib-mtop/2.5.1/mtop.js
相關(guān)指令：
DF在線合并網(wǎng)頁版有哪些？很多人在工作中都需要給其他人發(fā)送一些重要文件，如果文件數(shù)量比較多的時(shí)候，就會(huì)出現(xiàn)耗時(shí)有耗力的情況，所以我們就需要想一個(gè)辦法來解決問題，那就是將多個(gè)PDF文件進(jìn)行合并，我們需要找到一些好用的PDF在線轉(zhuǎn)換器來幫助我們進(jìn)行操作，現(xiàn)在小編就向大家介紹這幾款好用的PDF轉(zhuǎn)換器，快看看一下吧！
PDF在線合并網(wǎng)頁版有哪些？
第一款：小圓象PDF在線轉(zhuǎn)換器
不知道大家在辦公時(shí)需不需要用到辦公軟件，但是小編在工作時(shí)真的特別喜歡使用辦公軟件，因?yàn)檗k公軟件可以幫助小編大大提高工作效率，這款小圓象PDF轉(zhuǎn)換器就是小編辦公時(shí)一定要使用的一款軟件，在市面上的各種軟件中，它是一個(gè)各方面都強(qiáng)的軟件，它不止可以輕松轉(zhuǎn)換PDF格式，還可以將多個(gè)PDF文件進(jìn)行合并、將PDF文件進(jìn)行壓縮等，它合并PDF文件也只需要幾個(gè)簡單的操作就可以搞定，而且合并后的文件看起來非常流暢，文件清晰度也非常高，那么下面我們就來看一下合并的具體步驟吧！
操作步驟：先在瀏覽器搜索小圓象PDF轉(zhuǎn)換器，然后進(jìn)入軟件首頁，點(diǎn)擊PDF合并功能。跳轉(zhuǎn)頁面后，將PDF文件全部上傳到頁面上，然后我們可以拖拽文件，調(diào)整文件順序，然后點(diǎn)擊開始合并的按鈕，合并完成后，將PDF文件保存下來就行了！
第二款：PDF派
操作步驟：我們首先需要進(jìn)入PDF派的官網(wǎng)，然后再找到PDF合并的功能，點(diǎn)擊并進(jìn)入下一頁面。頁面跳轉(zhuǎn)后，將多個(gè)PDF文件按照前后順序拖拽到頁面上，等待文件上傳成功后，點(diǎn)擊開始合并，最后將合并成功的文件下載到本地路徑下，這樣就可以輕松找到文件了！
第三款：超級(jí)PDF
操作步驟：我們先進(jìn)入超級(jí)PDF的主頁，可以看到主頁有很多功能，我們需要點(diǎn)擊PDF合并的選項(xiàng)，然后進(jìn)行合并操作。首先將文件逐一上傳到空白處，等待文件上傳完畢后，可以調(diào)整文件的先后順序，隨后點(diǎn)擊開始合并的按鈕，等待片刻，就可以合并成功了，然后再將文件下載到桌面上或者常用的本地路徑下就可以了！
看完這篇文章后，你們應(yīng)該知道PDF在線合并網(wǎng)頁版有哪些了吧？大家趕快去學(xué)習(xí)這項(xiàng)新技能吧！
眾號(hào)【傳智播客博學(xué)谷】回復(fù)關(guān)鍵詞：前端 PS Java(100G) Python(80G) 大數(shù)據(jù) 區(qū)塊鏈 測試 PPT JS(40g+300教程) HTML 簡歷 領(lǐng)取相關(guān)學(xué)習(xí)資料！
一、HTML
1、<image>標(biāo)簽上title屬性與alt屬性的區(qū)別是什么？
alt屬性是為了給那些不能看到你文檔中圖像的瀏覽者提供文字說明的。且長度必須少于100個(gè)英文字符或者用戶必須保證替換文字盡可能的短。
這包括那些使用本來就不支持圖像顯示或者圖像顯示被關(guān)閉的瀏覽器的用戶，視覺障礙的用戶和使用屏幕閱讀器的用戶等。
title屬性為設(shè)置該屬性的元素提供建議性的信息。使用title屬性提供非本質(zhì)的額外信息。參考《alt和title屬性的區(qū)別及應(yīng)用》
2、分別寫出以下幾個(gè)HTML標(biāo)簽：文字加粗、下標(biāo)、居中、字體
加粗：<b>、<strong>
下標(biāo)：<sub>
居中：<center>
字體：<font>、<basefont>、參考《HTML標(biāo)簽列表》
3、請寫出至少5個(gè)html5新增的標(biāo)簽，并說明其語義和應(yīng)用場景
section：定義文檔中的一個(gè)章節(jié)
nav：定義只包含導(dǎo)航鏈接的章節(jié)
header：定義頁面或章節(jié)的頭部。它經(jīng)常包含 logo、頁面標(biāo)題和導(dǎo)航性的目錄。
footer：定義頁面或章節(jié)的尾部。它經(jīng)常包含版權(quán)信息、法律信息鏈接和反饋建議用的地址。
aside：定義和頁面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容——如果被刪除，剩下的內(nèi)容仍然很合理。
參考《HTML5 標(biāo)簽列表》
4、請說說你對標(biāo)簽語義化的理解？
a. 去掉或者丟失樣式的時(shí)候能夠讓頁面呈現(xiàn)出清晰的結(jié)構(gòu)
b. 有利于SEO：和搜索引擎建立良好溝通，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標(biāo)簽來確定上下文和各個(gè)關(guān)鍵字的權(quán)重；
c. 方便其他設(shè)備解析（如屏幕閱讀器、盲人閱讀器、移動(dòng)設(shè)備）以意義的方式來渲染網(wǎng)頁；
d. 便于團(tuán)隊(duì)開發(fā)和維護(hù)，語義化更具可讀性，遵循W3C標(biāo)準(zhǔn)的團(tuán)隊(duì)都遵循這個(gè)標(biāo)準(zhǔn)，可以減少差異化。
5、Doctype作用? 嚴(yán)格模式與混雜模式如何區(qū)分？它們有何意義?
聲明位于文檔中的最前面，處于 標(biāo)簽之前。告知瀏覽器以何種模式來渲染文檔。
嚴(yán)格模式的排版和 JS 運(yùn)作模式是，以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。
在混雜模式中，頁面以寬松的向后兼容的方式顯示。模擬老式瀏覽器的行為以防止站點(diǎn)無法工作。
DOCTYPE不存在或格式不正確會(huì)導(dǎo)致文檔以混雜模式呈現(xiàn)。
6、你知道多少種Doctype文檔類型？
標(biāo)簽可聲明三種 DTD 類型，分別表示嚴(yán)格版本、過渡版本以及基于框架的 HTML 文檔。
HTML 4.01 規(guī)定了三種文檔類型：Strict、Transitional 以及 Frameset。
XHTML 1.0 規(guī)定了三種 XML 文檔類型：Strict、Transitional 以及 Frameset。
Standards （標(biāo)準(zhǔn)）模式（也就是嚴(yán)格呈現(xiàn)模式）用于呈現(xiàn)遵循最新標(biāo)準(zhǔn)的網(wǎng)頁，
Quirks（包容）模式（也就是松散呈現(xiàn)模式或者兼容模式）用于呈現(xiàn)為傳統(tǒng)瀏覽器而設(shè)計(jì)的網(wǎng)頁。
7、HTML與XHTML——二者有什么區(qū)別
a. XHTML 元素必須被正確地嵌套。
b. XHTML 元素必須被關(guān)閉。
c. 標(biāo)簽名必須用小寫字母。
d. XHTML 文檔必須擁有根元素。
參考《XHTML 與 HTML 之間的差異》
8、html5有哪些新特性、移除了那些元素？
a. HTML5 現(xiàn)在已經(jīng)不是 SGML 的子集，主要是關(guān)于圖像，位置，存儲(chǔ)，多任務(wù)等功能的增加。
b. 拖拽釋放(Drag and drop) API
c. 語義化更好的內(nèi)容標(biāo)簽（header,nav,footer,aside,article,section）
d. 音頻、視頻API(audio,video)
e. 畫布(Canvas) API
f. 地理(Geolocation) API
g. 本地離線存儲(chǔ) localStorage 長期存儲(chǔ)數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失
h. sessionStorage 的數(shù)據(jù)在頁面會(huì)話結(jié)束時(shí)會(huì)被清除
i. 表單控件，calendar、date、time、email、url、search
j. 新的技術(shù)webworker, websocket等
移除的元素：
a. 純表現(xiàn)的元素：basefont，big，center, s，strike，tt，u；
b. 對可用性產(chǎn)生負(fù)面影響的元素：frame，frameset，noframes；
9、iframe的優(yōu)缺點(diǎn)？
優(yōu)點(diǎn)：
a. 解決加載緩慢的第三方內(nèi)容如圖標(biāo)和廣告等的加載問題
b. iframe無刷新文件上傳
c. iframe跨域通信
缺點(diǎn)：
a. iframe會(huì)阻塞主頁面的Onload事件
b. 無法被一些搜索引擎索引到
c. 頁面會(huì)增加服務(wù)器的http請求
d. 會(huì)產(chǎn)生很多頁面，不容易管理。
參考《iframe的一些記錄》
10、Quirks模式是什么？它和Standards模式有什么區(qū)別？
在寫程序時(shí)我們也會(huì)經(jīng)常遇到這樣的問題，如何保證原來的接口不變，又提供更強(qiáng)大的功能，尤其是新功能不兼容舊功能時(shí)。IE6以前的頁面大家都不會(huì)去寫DTD，所以IE6就假定 如果寫了DTD，就意味著這個(gè)頁面將采用對CSS支持更好的布局，而如果沒有，則采用兼容之前的布局方式。這就是Quirks模式（怪癖模式，詭異模式，怪異模式）。
區(qū)別：總體會(huì)有布局、樣式解析和腳本執(zhí)行三個(gè)方面的區(qū)別。
a. 盒模型：在W3C標(biāo)準(zhǔn)中，如果設(shè)置一個(gè)元素的寬度和高度，指的是元素內(nèi)容的寬度和高度，而在Quirks 模式下，IE的寬度和高度還包含了padding和border。
b. 設(shè)置行內(nèi)元素的高寬：在Standards模式下，給等行內(nèi)元素設(shè)置wdith和height都不會(huì)生效，而在quirks模式下，則會(huì)生效。
c. 設(shè)置百分比的高度：在standards模式下，一個(gè)元素的高度是由其包含的內(nèi)容來決定的，如果父元素沒有設(shè)置百分比的高度，子元素設(shè)置一個(gè)百分比的高度是無效的用
d. 設(shè)置水平居中：使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下卻會(huì)失效。
11、請闡述table的缺點(diǎn)
a. 太深的嵌套，比如table>tr>td>h3，會(huì)導(dǎo)致搜索引擎讀取困難，而且，最直接的損失就是大大增加了冗余代碼量。
b. 靈活性差，比如要將tr設(shè)置border等屬性，是不行的，得通過td
c. 代碼臃腫，當(dāng)在table中套用table的時(shí)候，閱讀代碼會(huì)顯得異?；靵y
d. 混亂的colspan與rowspan，用來布局時(shí)，頻繁使用他們會(huì)造成整個(gè)文檔順序混亂。
e. 不夠語義
參考《為什么說table表格布局不好？》
12、簡述一下src與href的區(qū)別
src用于替換當(dāng)前元素；href用于在當(dāng)前文檔和引用資源之間確立聯(lián)系。
src是source的縮寫，指向外部資源的位置，指向的內(nèi)容將會(huì)嵌入到文檔中當(dāng)前標(biāo)簽所在位置
href是Hypertext Reference的縮寫，指向網(wǎng)絡(luò)資源所在位置，建立和當(dāng)前元素（錨點(diǎn)）或當(dāng)前文檔（鏈接）之間的鏈接
公眾號(hào)【傳智播客博學(xué)谷】回復(fù)關(guān)鍵詞：前端 PS Java Python 大數(shù)據(jù) 區(qū)塊鏈 測試 PPT JS HTML 簡歷 領(lǐng)取相關(guān)學(xué)習(xí)資料！
*請認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
