Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
日,美國(guó)高校安全研究團(tuán)隊(duì)發(fā)布了一份關(guān)于網(wǎng)絡(luò)上使用JavaScript程序庫(kù)的分析報(bào)告,報(bào)告中指出在所調(diào)查的13.3萬(wàn)個(gè)網(wǎng)站中,有37%的網(wǎng)站存在使用含有漏洞的JavaScript程序庫(kù)的情況,而且至少使用了1個(gè),同時(shí)這些程序庫(kù)多是很久都未更新的老版本。
37%網(wǎng)站存在JavaScript庫(kù)漏洞
JavaScript作為一種高級(jí)動(dòng)態(tài)程序語(yǔ)言,是與HTML及CSS并重的網(wǎng)頁(yè)前端設(shè)計(jì)標(biāo)準(zhǔn)代碼,堪稱萬(wàn)維網(wǎng)(WWW)的三大核心技術(shù)語(yǔ)言之一。而JavaScript程序庫(kù)(JavaScript library)則是為了方便開(kāi)發(fā)JavaScript應(yīng)用而事先寫好的子程序集合,目前全球存在約10萬(wàn)種程序庫(kù)。
據(jù)悉,該調(diào)查報(bào)告以最常見(jiàn)的72種開(kāi)放源碼的JavaScript程序庫(kù)為標(biāo)準(zhǔn),包括jQuery、jQuery-UI、Modernizr、Bootstrap、Yepnope、jQuery-Migrate及SWFObject等,來(lái)考察當(dāng)前網(wǎng)站在使用和維護(hù)這些JavaScript程序庫(kù)時(shí)的情況。
通過(guò)建立上述72種程序庫(kù)的各版本漏洞數(shù)據(jù)庫(kù),研究人員掃描了大約13.3萬(wàn)個(gè)網(wǎng)站,來(lái)偵測(cè)這些網(wǎng)站是否安裝了含有漏洞的程序庫(kù)及其相關(guān)版本。
結(jié)果令人驚訝的是,有37%的網(wǎng)站使用了1個(gè)含漏洞的JavaScript庫(kù)版本,而有10%的網(wǎng)站則使用了2個(gè)甚至以上的含漏洞JavaScript庫(kù)。
在Alexa排行榜上的7.5萬(wàn)個(gè)網(wǎng)站所使用的程序庫(kù)中,有87.3%的YUI3、86.6%的Handlebars、40.1%的Angular、36.7%的jQuery,以及33.7%的jQ-UI都是有漏洞的版本。
因此,該安全研究團(tuán)隊(duì)指出,由于只測(cè)量了72個(gè)JavaScript庫(kù),因此,37%的比例很可能還被低估了。
報(bào)告指出,盡管各種JavaScript程序庫(kù)不斷推出更新版,但仍有不少網(wǎng)站繼續(xù)使用那些包含漏洞的版本。因此,對(duì)于網(wǎng)站開(kāi)發(fā)人員來(lái)說(shuō),當(dāng)務(wù)之急應(yīng)該采用更為系統(tǒng)化的管理機(jī)制,快速掌握網(wǎng)站中使用了哪些程序庫(kù),并隨時(shí)保持其更新?tīng)顟B(tài)。
此外,研究人員也發(fā)現(xiàn),絕大多數(shù)的程序庫(kù)都未建立專門的安全更新郵件論壇(mailing list),也多缺乏詳細(xì)的漏洞報(bào)告,還有許多修補(bǔ)程序無(wú)法兼容之前的老程序庫(kù)版本,快速的生命周期也讓開(kāi)發(fā)人員疲于更新等問(wèn)題。
服務(wù)器軟件:Apache、IIS
瀏覽器是一個(gè)翻譯官,是一個(gè)解釋器。瀏覽器可以翻譯有HTML、CSS、JavaScript。
服務(wù)器端腳本程序:PHP、 .net、JSP、c#等
.php文件要由PHP腳本引擎來(lái)進(jìn)行處理。
網(wǎng)站前臺(tái)(客戶端) 網(wǎng)站后臺(tái)(服務(wù)器端) 數(shù)據(jù)庫(kù)
HTML(結(jié)構(gòu)) PHP MySQL
CSS JSP Oracle
JavaScript .net SqlServer
HTML結(jié)構(gòu):主要來(lái)說(shuō)明,哪個(gè)地方是標(biāo)題,哪個(gè)地方是段落,哪個(gè)地方是表格,哪個(gè)地方是表單。
CSS表現(xiàn)(格式):主要功能是,給相對(duì)應(yīng)的HTML標(biāo)記定義各種各樣的格式。
JavaScript行為:主要用于與計(jì)算機(jī)網(wǎng)頁(yè)進(jìn)行交互(交流)。
塊元素和行內(nèi)元素
塊元素:寬度單獨(dú)占一個(gè)通欄寬,塊元素的前臺(tái)的其它元素,都要另起一行來(lái)排。
比如:<p> <pre> <hr> <h1>……<h6> <ul> <ol> <li>
DIV和SPAN就是一個(gè)容器,容器中可以存放任何可以存放在<body>中的內(nèi)容或標(biāo)記。
行內(nèi)元素:行內(nèi)元素沒(méi)有寬度和高度的概念,也就是說(shuō)通過(guò)CSS無(wú)法給行內(nèi)元素增加寬和高。多個(gè)行內(nèi)元素會(huì)放在同一行,不會(huì)另起一行來(lái)排版。
Direction:滾動(dòng)的方向,取值:left、right、up、down
Behavior:滾動(dòng)的方式,取值:scroll(滾動(dòng))、 alternate(彈動(dòng))、 slide(滾動(dòng)一次)
Width:滾動(dòng)的區(qū)域?qū)挾龋≈担簆x或%
Height;滾動(dòng)的區(qū)域高度
bgColor:背景顏色,如:bgcolor=“#FF0000” bgcolor=“rgb(255,0,0)”
scrollAmount:滾動(dòng)步長(zhǎng)值,一步走多遠(yuǎn),值越大,走的越快
scrollDelay:兩次滾動(dòng)的間隔時(shí)間,以毫秒為單位 1秒=1000毫秒
進(jìn)制,就是一種進(jìn)位方法。
10進(jìn)制:有10個(gè)基本數(shù),0、1、2、3、4、5、6、7、8、9,運(yùn)算規(guī)則是:逢十進(jìn)一
例如:9 10 19 20 29 30
2進(jìn)制:有2個(gè)基本數(shù),0、 1,運(yùn)算規(guī)則是:逢二進(jìn)一。比如:(10)2 11 100 101 110
8進(jìn)制:有8個(gè)基本數(shù),0、1、2、3、4、5、6、7,運(yùn)算規(guī)則是:逢八進(jìn)一。比如:(17)8 20 21 26 27 30
因?yàn)槎M(jìn)制太長(zhǎng),不方便記憶,因此小型機(jī)引入了八進(jìn)制,八進(jìn)制可以很好的反應(yīng)二進(jìn)制。
因此,一個(gè)八進(jìn)制數(shù),用3位二進(jìn)制數(shù)來(lái)表示。
基R=2^3
16進(jìn)制:有16個(gè)基本數(shù),0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F,運(yùn)算規(guī)則是:逢16進(jìn)一
比如:EF F0 F1 F2 FE FF (100)16
16進(jìn)制的一位對(duì)應(yīng)4位二進(jìn)制。基R=2^4
10進(jìn)制 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 |
2進(jìn)制 | 1 | 10 | 11 | 100 | 101 | 110 | 111 | 1000 | 1001 | 1010 | 1011 | 1100 | |||||||
8進(jìn)制 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 20 | |||
16進(jìn)制 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | A | B | C | D | E | F | 10 | 11 | 12 | 13 |
十進(jìn)制轉(zhuǎn)成二進(jìn)制
分為整數(shù)部分和小數(shù)部分,分別轉(zhuǎn)換。比如:將(10.125)10轉(zhuǎn)成二進(jìn)制? 1010.001
(1)整數(shù)部分轉(zhuǎn)成二進(jìn)制:除2取余法。每次將整數(shù)除以2,取余數(shù),一直除下去,直到整數(shù)部分(商)為0。最后讀數(shù)時(shí),從下往上讀取。
第N次 | 整數(shù)10 | 商 | 余數(shù) | ||
第1次 | 10/2 | 5 | 0 | ||
第2次 | 5/2 | 2 | 1 | ||
第3次 | 2/2 | 1 | 0 | ||
第4次 | 1/2 | 0 | 1 | 最后結(jié)果為:1010 | |
(2)小數(shù)部分轉(zhuǎn)成二進(jìn)制:乘2除整法。每次將小數(shù)部分乘以2,取整數(shù),一直乘下去,直到小數(shù)部分為0。最后讀數(shù)時(shí),從上往下讀取。
第N次 | 小數(shù)0.125 | 積 | 整數(shù) | ||
第1次 | 0.125*2 | 0.25 | 0 | ||
第2次 | 0.25*2 | 0.5 | 0 | ||
第3次 | 0.5*2 | 1.0 | 1 | ||
最后結(jié)果為:001 | |||||
二進(jìn)制轉(zhuǎn)成十進(jìn)制
不分整數(shù)部分和小數(shù)部分,按權(quán)相加法。換句話說(shuō):二進(jìn)制上的每一位,乘以所在位權(quán)(也就是2的幾次方),最后將各個(gè)位的乘相加,就能得到十進(jìn)制。
1010.001 = 1*2^3 + 0*2^2 + 1*2^1 + 0*2^0 + 0*2^-1 + 0*2^-2 + 1*2^-3 = 8+2+ 1/8 = 10+0.125 = 10.125
計(jì)算機(jī)只能二進(jìn)制,比如:a-z、A-Z、0-9、標(biāo)點(diǎn)符號(hào),計(jì)算機(jī)都不能直接識(shí)別。每個(gè)人都可以來(lái)約定一套字符編碼(比如:a用二進(jìn)制100表示,b用二進(jìn)制101表示,c用二進(jìn)制的110表示等)
計(jì)算機(jī)是由美國(guó)人發(fā)明的,美國(guó)標(biāo)準(zhǔn)化局同樣制定了一套統(tǒng)一的編碼,叫ASCII碼。
ASCII碼
ASCII編碼用7位或8位(1個(gè)字節(jié))二進(jìn)制來(lái)表示,共可以表示128或256個(gè)字符。包括:大小寫字母、數(shù)字、標(biāo)點(diǎn)符號(hào)、圖形符號(hào)等。
每個(gè)國(guó)家都想讓計(jì)算機(jī)能顯示或處理本國(guó)的語(yǔ)言,都對(duì)ASCII碼進(jìn)行了擴(kuò)展。
在中國(guó)(簡(jiǎn)體字),ANSI編碼是指GB2312或GBK。
在臺(tái)灣(繁體字),ANSI編碼是指BIG5
在日本,ANSI編碼是指JIS。
……
注意:ANSI編碼是跟隨操作一齊安裝的,也就是,安裝了中文操作系統(tǒng)后,它的默認(rèn)編碼就是GB2312。
GB2312是中國(guó)標(biāo)準(zhǔn)化局,在1980年制定的一套顯示簡(jiǎn)體中文的編碼。
GB2312是用2個(gè)字節(jié)來(lái)顯示。共可以表示2^16=256*256=65536個(gè)字符。
GB2312共保存了6763個(gè)常用漢字,一級(jí)漢字3700個(gè)。
GBK編碼
對(duì)GB2312進(jìn)行了擴(kuò)充,可以顯示人名、古漢語(yǔ)中的一些罕見(jiàn)字等。
GBK也是用2個(gè)字節(jié)來(lái)表示。共存儲(chǔ)了2.3萬(wàn)個(gè)左右的中文字符。
GBK的范圍,要比GB2312大的多。
BIG5編碼
BIG5用于臺(tái)灣、香港、澳門地區(qū)的繁體中文編碼。
Unicode編碼
用4個(gè)字節(jié)表示字符,共可以表示42個(gè)億個(gè)字符。
Unicode編碼可以顯示世界上所有國(guó)家的語(yǔ)言。
缺點(diǎn):文件龐大,效率不高,不利于推廣。
UTF-8統(tǒng)一格式轉(zhuǎn)換
它會(huì)自動(dòng)根據(jù)不同的字符,來(lái)選擇不同編碼長(zhǎng)度。
<meta>標(biāo)記是設(shè)置一些網(wǎng)頁(yè)文件頭方面的信息。主要包括:網(wǎng)頁(yè)編碼或字符集設(shè)置、網(wǎng)頁(yè)關(guān)鍵字、網(wǎng)頁(yè)描述、網(wǎng)頁(yè)刷新跳轉(zhuǎn)等。相當(dāng)于一封信的信封,信封有地址、郵編等重要。
<head>標(biāo)記中的內(nèi)容在瀏覽器中,是不可見(jiàn)的。
主要用兩個(gè)常用的屬性:
http-equiv:主要設(shè)置一些控制信息,屬性值是固定的。比如:content-type
name:一般用于設(shè)置網(wǎng)頁(yè)描述信息,像關(guān)鍵字、網(wǎng)頁(yè)描述、網(wǎng)頁(yè)版權(quán)、作者等,屬性值是固定的。比如:keywords
content:是具體的參數(shù)或內(nèi)容,與http-equiv和name屬性進(jìn)行對(duì)應(yīng)。
(1)設(shè)置網(wǎng)頁(yè)的字符集或編碼
<meta http-equiv=“content-type” content=“text/html;charset=GBK”>
(2)設(shè)置網(wǎng)頁(yè)刷新或跳轉(zhuǎn)
<meta http-equiv=“refresh” content=“5”> 表示每隔5秒鐘,刷新網(wǎng)頁(yè)
<meta http-equiv=“refresh” content=“5;url=http://www.baidu.com”> 表示5秒鐘后,跳轉(zhuǎn)到百度網(wǎng)
注意:刷新功能相當(dāng)于瀏覽器中的刷新按鈕
(3)設(shè)置網(wǎng)頁(yè)關(guān)鍵字(SEO優(yōu)化),給搜索引擎(搜索機(jī)器人)使用
<meta name=“keywords” content=“程序開(kāi)發(fā),平面設(shè)置,空間域名,網(wǎng)站維護(hù)”>
(4)設(shè)置網(wǎng)頁(yè)描述信息(SEO優(yōu)化)
<meta name=“description” content=“廣州網(wǎng)站建設(shè)思優(yōu)網(wǎng)絡(luò)公司,提供專業(yè)廣州網(wǎng)站制作及網(wǎng)站推廣相結(jié)合的建站方案,由專業(yè)廣州網(wǎng)站設(shè)計(jì)人員結(jié)合搜索引擎優(yōu)化經(jīng)驗(yàn)為您設(shè)計(jì)網(wǎng)站;廣州網(wǎng)頁(yè)設(shè)計(jì):020-87537332”>
XHTML是可擴(kuò)展超文本標(biāo)注語(yǔ)言,XHTML是更純凈的HTML,語(yǔ)法更嚴(yán)格。
XHTML的目的是為了取代HTML4.01。
XHTML是W3C的一個(gè)標(biāo)準(zhǔn)或規(guī)范。
編寫XHTML的規(guī)范,與HTML編寫有何不同?
1)所有的標(biāo)記都必須被關(guān)閉。比如:<br>轉(zhuǎn)換<br /> <hr>轉(zhuǎn)換后 <hr />
2)XHTML要求所有的標(biāo)記名稱必須小寫。比如:<meta><table><img><font>
3)XHTML要求所有的屬性名必須小寫,屬性值必須加引號(hào)。
4)XHTML要求所有的屬性必須有值。
<hr noshade=“noshade” />
<input type=“radio” checked=“checked” />
5)所有的標(biāo)記要順序嵌套,不能交叉嵌套;
6)XHTML文件,必須要有DTD文檔類型定義;
DTD(Document Type Define)文檔類型定義
(1)嚴(yán)格型Strict
要求HTML代中,不能存在任何的表現(xiàn),用CSS去代替。比如:<font>、bgcolor、background等
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
(2)過(guò)渡型transitional
可以使用任何表現(xiàn)的標(biāo)記或?qū)傩浴?/p>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
(3)框架型Frameset
制作框架網(wǎng)頁(yè)時(shí)使用的一種類型,框架主要用于網(wǎng)站的后臺(tái)管理。
框架技術(shù):是將一個(gè)瀏覽器窗口劃分成不同區(qū)域,每個(gè)區(qū)域(窗口)都可以顯示一個(gè)獨(dú)立的網(wǎng)頁(yè)。(HTML第四天單獨(dú)講框架,現(xiàn)在作個(gè)了解)
W3C是萬(wàn)維網(wǎng)聯(lián)盟,是一個(gè)國(guó)際性的非盈利性組織,是WEB領(lǐng)域最具權(quán)威性的組織。已經(jīng)制定多達(dá)200多項(xiàng)的標(biāo)準(zhǔn)。
比如:XHTML、CSS、ECMAScript(JavaScript)、DOM、 XML等。
超級(jí)鏈接的功能:就是點(diǎn)擊某個(gè)鏈接,可以跳轉(zhuǎn)到目標(biāo)頁(yè)面或文件。
超級(jí)鏈接的分類:
(1)按內(nèi)容分類:文本鏈接、圖片鏈接、多媒體等
(2)按URL分類:相對(duì)URL、絕對(duì)URL、錨點(diǎn)
URL,指網(wǎng)址或路徑
URL(Uniform Resource Locator,統(tǒng)一資源定位器),也就是指互聯(lián)網(wǎng)地址。
http://www.sina.com.cn/about/index.html
第一個(gè)部分:協(xié)議,指訪問(wèn)什么類型的服務(wù)器,如:http://、FTP://、news://
第二個(gè)部分:主機(jī)名或主機(jī)的IP地址。如:www.sina.com.cn
第三個(gè)部分:文件夾名,如:about
第四個(gè)部分:文件名,如:index.html
格式:<a 屬性=“屬性值”>新浪網(wǎng)</a>
常用的屬性:
Href:指鏈接的目標(biāo)文件或網(wǎng)址。比如:href=“http://www.toutiao.com”
Target:指目標(biāo)文件的打開(kāi)方式。
_blank:在新窗口中,來(lái)打開(kāi)目標(biāo)文件;
_self:在當(dāng)前窗口中,來(lái)打開(kāi)目標(biāo)文件;
_top:在最頂層窗口中,來(lái)打開(kāi)目標(biāo)文件(在框架中講);
_parent:在父窗口中,來(lái)打開(kāi)目標(biāo)文件(在框架中講)
Name:設(shè)置錨點(diǎn)的名稱。錨點(diǎn)是指:鏈接到同一個(gè)頁(yè)面的不同部分
舉例:<a href=http://www.toutiao.com target=“_blank”>頭條號(hào)</a>
絕對(duì)URL:它總是以file:///協(xié)議開(kāi)頭,去訪問(wèn)目標(biāo)文件。
如果將當(dāng)前文件移動(dòng)到其它地方,這個(gè)絕對(duì)URL路徑不需要修改。
絕對(duì)URL,只需要確定目標(biāo)文件的路徑即可,與當(dāng)前文件位置無(wú)關(guān)。
例如:<a href=“file:///E:/itcast/20140510/lesson/day2/4.html”>本地絕對(duì)路徑</a>
相對(duì)URL:要確定當(dāng)前文件與目標(biāo)文件的關(guān)系。
關(guān)系分為三種:
平級(jí)關(guān)系:直接寫目標(biāo)文件的文件名即可。
下級(jí)關(guān)系:也就是目標(biāo)文件所在的文件夾與當(dāng)前文件是平級(jí)關(guān)系,當(dāng)前文件與目標(biāo)文件是上下級(jí)關(guān)系。
上級(jí)關(guān)系:目標(biāo)文件位于上一層級(jí)。
../代表上一層文件夾
../../代表上二層文件夾
../../images/01.jpg
提示:在制作網(wǎng)站時(shí),一般使用的都是相對(duì)路徑。
(3)下載鏈接:如果鏈接到的文件,網(wǎng)頁(yè)不能直接執(zhí)行的話,都會(huì)出現(xiàn)下載提示。
瀏覽器可以直接執(zhí)行的文件:.gif、.jpg、.png、html、.htm、.mp3、.swf等
(4)郵箱鏈接:mailto:beijing2000@126.com
第一步:定義一個(gè)錨點(diǎn)或標(biāo)記 <a name=“top”></a>
第二步:鏈接到錨點(diǎn)或標(biāo)記 <a href=“#top”>返回頂部</a>
<a href=“intro.html#bottom”>鏈接到intro.html的底部</a>
格式:<img 屬性=“屬性值” />
常用的屬性:
Src:指圖片的URL,可以是相對(duì)路徑,也可以是絕對(duì)路徑。
Width:指圖片的寬度,單位px或%
Height:指圖片的高度
Align:圖片的水平對(duì)齊方式,取值:left center right ,left或right可以實(shí)現(xiàn)圖文混排
Alt:如果圖片不存在時(shí),顯示的提示信息
Hspace:圖片左右的距離
Vspace:圖片上下的距離
舉例:<img src=“images/01.gif” width=“400” height=“300” alt=“寶寶圖片” />
如果保證圖片在調(diào)整過(guò)程中不變形(等比例縮放):只需要設(shè)置width和height其中一個(gè)即可,另一個(gè)會(huì)自動(dòng)縮放。
費(fèi)版
開(kāi)發(fā)人員和開(kāi)放源代碼作者現(xiàn)在擁有大量提供免費(fèi)層的服務(wù),但是要做出明智的決定,很難找到所有的層。作者:待呆;來(lái)源:51cto
您可以在GitHub或?qū)S镁W(wǎng)站free-for.dev上找到列表。
注意:此列表僅適用于即服務(wù)產(chǎn)品,不適用于自托管軟件。為了使服務(wù)合格,它必須提供免費(fèi)套餐,而不僅僅是免費(fèi)試用。如果免費(fèi)套餐時(shí)間有限,則必須至少一年。
目錄
主要云提供商
源代碼回購(gòu)
API,數(shù)據(jù)和ML
神器回購(gòu)
團(tuán)隊(duì)合作工具
代碼質(zhì)量
代碼搜索和瀏覽
CI和CD
測(cè)試中
安全和PKI
管理系統(tǒng)
日志管理
翻譯管理
監(jiān)控方式
崩潰和異常處理
搜索
電子郵件
CDN和保護(hù)
PaaS
a
虛擬主機(jī)
域名解析
IaaS
數(shù)據(jù)庫(kù)服務(wù)器
STUN,WebRTC,Web套接字服務(wù)器和其他路由器
問(wèn)題跟蹤與項(xiàng)目管理
存儲(chǔ)和媒體處理
設(shè)計(jì)和UI
地圖上的數(shù)據(jù)可視化
包構(gòu)建系統(tǒng)
IDE和代碼編輯
分析,事件和統(tǒng)計(jì)
訪客會(huì)議記錄
國(guó)際手機(jī)號(hào)碼驗(yàn)證API和SDK
付款和賬單整合
Docker相關(guān)
流浪漢相關(guān)
開(kāi)發(fā)博客網(wǎng)站
雜
其他免費(fèi)資源
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。