初學(xué)前端有什么推薦的書籍

一、《Web前端開發(fā)最佳實踐》

成都創(chuàng)新互聯(lián)公司專注于鐵嶺網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供鐵嶺營銷型網(wǎng)站建設(shè)，鐵嶺網(wǎng)站制作、鐵嶺網(wǎng)頁設(shè)計、鐵嶺網(wǎng)站官網(wǎng)定制、小程序設(shè)計服務(wù)，打造鐵嶺網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供鐵嶺網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

這本書是前端開發(fā)領(lǐng)域的經(jīng)典之作，是一本扎實前端基本功，規(guī)范我們前端代碼的實踐性書籍。本書主要講解了HTML、CSS、Javascript以及移動端開發(fā)的最佳實踐方案，能夠?qū)θ狈α己弥笇?dǎo)的開發(fā)者產(chǎn)生很大的幫助。通過閱讀本書我們可以掌握如何編寫高可讀性、高維護(hù)性、高性能的HTML、CSS以及Javascript。

二、《CSS那些事兒》

內(nèi)容介紹：《CSS那些事兒》是2009年電子工業(yè)出版社出版的圖書，作者是林小志。該書通過對CSS技巧實例進(jìn)行講解，淺入深地分析了CSS相關(guān)知識。

通過頁面中的文字、圖片、表格、表單等常見元素的處理及各種頁面布局方式的使用，使讀者能深入了解到如何在頁面中更好地運用CSS布局。尤其是在頁面布局的部分中，全面分析了多種布局方式，著重分解了兩列等高和三列等高的幾種方式，并相應(yīng)說明了等高布局的優(yōu)缺點。

三、《CSS權(quán)威指南》

內(nèi)容介紹：《CSS權(quán)威指南》通過諸多示例，詳細(xì)講解了如何做到僅在一處建立樣式表就能創(chuàng)建或修改整個網(wǎng)站的外觀，以及如何得到html力不能及的更豐富的表現(xiàn)效果。同時展示了如何遵循css最新規(guī)范（css2和css2.1）將層疊樣式表的方方面面應(yīng)用于實踐。

四、《JavaScript 標(biāo)準(zhǔn)參考教程》阮一峰

內(nèi)容介紹：阮一峰 本書全面介紹 JavaScript 核心語法，從最簡單的開始講起，循序漸進(jìn)、由淺入深，力求清晰易懂。所有章節(jié)都帶有大量的代碼實例，便于理解和模仿，可以用到實際項目中，即學(xué)即用。 本書適合初學(xué)者當(dāng)作JavaScript語言的入門教程，也適合當(dāng)作日常使用的參考手冊。

五、JavaScript高級程序設(shè)計第三版

內(nèi)容介紹：《全書從JavaScript 語言實現(xiàn)的各個組成部分——語言核心、DOM、BOM、事件模型講起，深入淺出地探討了面向?qū)ο缶幊獭jax 與Comet 服務(wù)器端通信，HTML5 表單、媒體、Canvas（包括WebGL）及Web Workers、地理定位、跨文檔傳遞消息、客戶端存儲（包括IndexedDB）等新API，還介紹了離線應(yīng)用和與維護(hù)、性能、部署相關(guān)的最佳開發(fā)實踐。

六、鋒利的jquery

內(nèi)容介紹：《鋒利的jQuery(第2版)》循序漸進(jìn)地對jQuery的各種函數(shù)和方法調(diào)用進(jìn)行了介紹，讀者可以系統(tǒng)地掌握jQuery的選擇器、DOM操作、事件和動畫、AJAX應(yīng)用、插件、jQuery Mobile、jQuery各個版本變化、jQuery性能優(yōu)化和技巧等知識點，并結(jié)合每個章節(jié)后面的案例演示進(jìn)行練習(xí)，達(dá)到掌握核心知識點的目的。

七、HTTP權(quán)威指南

內(nèi)容介紹：《HTTP權(quán)威指南》由古爾利所著，《HTTP權(quán)威指南》詳細(xì)解釋了如何用HTTP來開發(fā)基于Web的應(yīng)用程序，核心的[因特網(wǎng)協(xié)議，如何與架構(gòu)構(gòu)建塊交互，如何正確實現(xiàn)因特網(wǎng)客戶和服務(wù)器等。

《HTTP權(quán)威指南》的中心內(nèi)容是HTTP，本質(zhì)是理解Web的工作原理，以及如何將這些知識應(yīng)用到Web編程和管理之中，主要涵蓋HTTP的技術(shù)運作方式、產(chǎn)生動機(jī)、性能和目標(biāo)以及一些相關(guān)技術(shù)問題。 《HTTP權(quán)威指南》適合所有想了解HTTP和Web底層結(jié)構(gòu)的人閱讀。

八、高性能網(wǎng)站建設(shè)指南

內(nèi)容介紹：《高性能網(wǎng)站建設(shè)指南》結(jié)合Web2.0以來Web開發(fā)領(lǐng)域的最新形勢和特點，介紹了網(wǎng)站性能問題的現(xiàn)狀、產(chǎn)生的原因，以及改善或解決性能問題的原則、技術(shù)技巧和最佳實踐。重點關(guān)注網(wǎng)頁的行為特征，闡釋優(yōu)化Ajax、CSS、JavaScript、Flash和圖片處理等要素的技術(shù)，全面涵蓋瀏覽器端性能問題的方方面面。

求javascript腳本語言求出1到100之間所有偶數(shù)之和的代碼？

script

var?sum?=?0;???//定義一個初始值為0的sum變量做為累加器

for(var?i?=?2;i?=?100;i+=2){?

/*

定義一個變量i存儲當(dāng)前的偶數(shù);當(dāng)i小于等于100時執(zhí)行下面的累加語句

;執(zhí)行完累加語句之后i變量自增2繼續(xù)判斷-累加。

*/

sum?+=?i;?//將i的值累加到sum中

}

console.log(sum)??//最后在控制臺輸出求和結(jié)果，2550

script

JS中百行百列怎么寫?

你好，

不知道題主需要的百行百列是什么形式，我以“-”作為最小單元，寫了一個示例：

var?str?=?'';

for?(var?row?=?0;?row??100;?row++)?{

for?(var?col?=?0;?col??100;?col++)?{

str?+=?'-';

}

str?+=?'\n';

}

console.log(str);

在瀏覽器控制臺執(zhí)行以上代碼，即可得到所需效果，類似：

----------

----------

----------

----------

----------

希望能幫你解決問題，如有疑問可追問。

javascript是啥

JavaScript是一種具有函數(shù)優(yōu)先的輕量級，解釋型或即時編譯型的高級編程語言。雖然它是作為開發(fā)Web頁面的腳本語言而出名的，但是它也被用到了很多非瀏覽器環(huán)境中，JavaScript 基于原型編程、多范式的動態(tài)腳本語言，并且支持面向?qū)ο蟆⒚钍胶吐暶魇剑ㄈ绾瘮?shù)式編程）風(fēng)格。

JavaScript在1995年由Netscape公司的Brendan Eich，在網(wǎng)景導(dǎo)航者瀏覽器上首次設(shè)計實現(xiàn)而成。因為Netscape與Sun合作，Netscape管理層希望它外觀看起來像Java，因此取名為JavaScript。但實際上它的語法風(fēng)格與Self及Scheme較為接近。

JavaScript的標(biāo)準(zhǔn)是ECMAScript 。截至 2012 年，所有瀏覽器都完整的支持ECMAScript 5.1，舊版本的瀏覽器至少支持ECMAScript 3 標(biāo)準(zhǔn)。2015年6月17日，ECMA國際組織發(fā)布了ECMAScript的第六版，該版本正式名稱為 ECMAScript 2015，但通常被稱為ECMAScript 6 或者ES6。

擴(kuò)展資料：

JavaScript是一種腳本語言，其源代碼在發(fā)往客戶端運行之前不需經(jīng)過編譯，而是將文本格式的字符代碼發(fā)送給瀏覽器由瀏覽器解釋運行。直譯語言的弱點是安全性較差，而且在JavaScript中，如果一條運行不了，那么下面的語言也無法運行。而其解決辦法就是于使用try{}catch(){}，其中，catch()中會傳入錯誤信息。

JavaScript被歸類為直譯語言，因為主流的引擎都是每次運行時加載代碼并解譯。V8是將所有代碼解譯后再開始運行，其他引擎則是逐行解譯（SpiderMonkey會將解譯過的指令暫存，以提高性能，稱為實時編譯），但由于V8的核心部分多數(shù)用JavaScript撰寫（而SpiderMonkey是用C++），因此在不同的測試上，兩者性能互有優(yōu)劣。與其相對應(yīng)的是編譯語言，例如C語言，以編譯語言編寫的程序在運行之前，必須經(jīng)過編譯，將代碼編譯為機(jī)器碼，再加以運行。

參考資料：百度百科-javascript

javascript

iframe也稱作嵌入式框架，嵌入式框架和框架網(wǎng)頁類似，它可以把一個網(wǎng)頁的框架和內(nèi)容嵌入在現(xiàn)有的網(wǎng)頁中。

具體請看：

框架概念 ：

所謂框架便是網(wǎng)頁畫面分成幾個框窗，同時取得多個 URL。只 要 FRAMESET FRAME 即可，而所有框架標(biāo)記 要放在一個總起的 html 檔，這個檔案只記錄了該框架 如何劃分，不會顯示任何資料，所以不必放入 BODY 標(biāo)記，瀏覽這框架必須讀取這檔 案而不是其它框窗的檔案。FRAMESET 是用以劃分框窗，每一框窗由一個 FRAME 標(biāo) 記所標(biāo)示，F(xiàn)RAME必須在 FRAMESET 范圍中使用。如下例：

frameset cols="50%,*"

frame name="hello" src="up2u.html"

frame name="hi" src="me2.html"

/frameset

此例中 FRAMESET 把畫面分成左右兩相等部分，左便是顯示 up2u.html，右邊則會顯示 me2.html 這檔案，F(xiàn)RAME 標(biāo)記所標(biāo)示的框窗永遠(yuǎn)是按由上而下、由左至右的次序。

FRAMESET FRAME ：

FRAMESET 稱框架標(biāo)記，用以宣告HTML文件為框架模式，并設(shè)定視窗如何分割。

FRAME 則只是設(shè)定某一個框窗內(nèi)的參數(shù)屬性。

FRAMESET 參數(shù)設(shè)定：

例子：frameset rows="90,*" frameborder="0" border=0 framespacing="2" bordercolor="#008000"

COLS="90,*"

垂直切割畫面(如分左右兩個畫面)，接受整數(shù)值、百分?jǐn)?shù)， * 則代表占用馀下空 間。數(shù)值的個數(shù)代表分成的視窗數(shù)目且以逗號分隔。例如 COLS="30,*,50%" 可以 切成三個視窗，第一個視窗是 30 pixels 的寬度，為一絕對分割，第二個視窗是當(dāng) 分配完第一及第三個視窗后剩下的空間，第三個視窗則占整個畫面的 50% 寬度 為 一相對分割。您可自己調(diào)整數(shù)字。

ROWS="120,*"

就是橫向切割，將畫面上下分開，數(shù)值設(shè)定同上。唯 COLS 與 ROWS 兩參數(shù)盡量 不要同在一個 FRAMESET 標(biāo)記中，因 Netacape 偶然不能顯示這類形的框架，盡 采用多重分割。

frameborder="0"

設(shè)定框架的邊框，其值只有 0 和 1 ， 0 表示不要邊框， 1 表示要顯示邊框。（避 免使用 yes 或 no ）

border="0"

設(shè)定框架的邊框厚度，以 pixels 為單位。

bordercolor="#008000"

設(shè)定框架的邊框顏色。

framespacing="5"

表示框架與框架間的保留空白的距離。

FRAME 參數(shù)設(shè)定：

例子：frame name="top" src="a.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF"

SRC="a.html"

設(shè)定此框窗中要顯示的網(wǎng)頁檔案名稱，每個框窗一定要對應(yīng)著一個網(wǎng)頁檔案。你可 使用絕對路徑或相對路徑，有關(guān)此兩者詳見於【連結(jié)進(jìn)階】。

NAME="top"

設(shè)定這個框窗的名稱，這樣才能指定框架來作連結(jié)，必須但任意命名。

frameborder=0

設(shè)定框架的邊框，其值只有 0 和 1 ， 0 表示不要邊框， 1 表示要顯示邊框。（避 免使用 yes 或 no ）

framespacing="6"

表示框架與框架間的保留空白的距離。

bordercolor="#008000"

設(shè)定框架的邊框顏色。顏色值請參考【HTML 剖析】。

scrolling="Auto"

設(shè)定是否要顯示卷軸，YES 表示要顯示卷軸，NO 表示無論如何都不要顯示， AUTO是視情況顯示。

noresize

設(shè)定不讓使用者可以改變這個框框的大小，亦沒有設(shè)定此參數(shù)，使用者可以很隨 意地拉動框架，改變其大小。

marginhight=5

表示框架高度部份邊緣所保留的空間。

marginwidth=5

表示框架寬度部份邊緣所保留的空間。

NOFRAMES ：

當(dāng)別人使用的瀏覽器太舊，不支援框架這個功能時，他看到的將會是一片空白。為了避免 這種情況，可使用 NOFRAMES 這個標(biāo)記，當(dāng)使用者的瀏覽器看不到框架時，他就會看 到 NOFRAMES 與 /NOFRAMES 之間的內(nèi)容，而不是一片空白。這些內(nèi)容可以是提醒 瀏覽轉(zhuǎn)用新的瀏覽器的字句，甚至是一個沒有框架的網(wǎng)頁或能自動切換至沒有框架的版本 亦可。

應(yīng)用方法：

在frameset 標(biāo)記范圍加入 /NOFRAMES 標(biāo)記，以下是一個例子：

frameset rows="80,*"

noframes

body

很抱歉，饋下使用的瀏覽器不支援框架功能，請轉(zhuǎn)用新的瀏覽器。

/body

/noframes

frame name="top" src="a.html"

frame name="bottom" src="b.html"

/frameset

若瀏覽器支援框架，那堋它不會理會 noframes 中的東西，但若瀏覽器不支援框架，由 於不認(rèn)識所有框架標(biāo)記，不明的標(biāo)記會被略過，標(biāo)記包圍的東西便被解讀出來，所以放在 noframes范圍內(nèi)的文字會被顯示。

IFRAME ：

這標(biāo)記只適用於 IE。 它的作用是在一頁網(wǎng)頁中間插入一個框窗以顯示另一個文件。它是 一個圍堵標(biāo)記，但圍著的字句只有在瀏覽器不支援 iframe 標(biāo)記時才會顯示，如noframes 一樣，可以放些提醒字句之類。通常 iframe 配合一個辨認(rèn)瀏覽器的 Java Script 會較好，若 JavaScript 認(rèn)出該瀏覽器并非 Internet Explorer 便會切換至另一版本。

iframe 的參數(shù)設(shè)定如下：

例子： iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"

src="iframe.html"

欲顯示於此框窗的文件來源除檔案名稱，必要加上相對或絕對路徑。

name="test"

此框窗名稱，這是連結(jié)標(biāo)記的 target 參數(shù)所 要的，

align="MIDDLE"

可選值為 left, right, top, middle, bottom，作用不大

width="300" height="100"

框窗的寬及長，以 pixels 為單位。

marginwidth="1" marginheight="1"

該插入的文件與框邊所保留的空間。

frameborder="1"

使用 1 表示顯示邊框， 0 則不顯示。（可以是 yes 或 no）

scrolling="Yes"

使用 Yes 表示容許卷動（內(nèi)定）， No 則不容許卷動。

例子： 原始碼

center iframe src="" name="test" align="MIDDLE" width="300" height="100" marginwidth="5" marginheight="5" frameborder="1"

很抱歉，饋下使用的瀏覽器并不支援 IFrame，不能正常瀏覽我的網(wǎng)頁。/iframe

/center

frameset參數(shù)傳遞問題

左邊的條件參數(shù)如何傳,右邊才能接收

--------------------------------------------------------------------------------

對三個幀分別命名為：left.asp(顯示查詢條件的頁面,其中幀名為：left）,top.asp,main.asp(顯示查詢結(jié)果的頁面,其中幀名為：main）

如：

html

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312"

titlesearch/title

/head

frameset rows="80,*" frameborder="NO" border="0" framespacing="0"

frame src="top.asp" name="top" scrolling="NO" noresize

frameset cols="80,*" frameborder="NO" border="0" framespacing="0"

frame src="left.asp" name="left" scrolling="NO" noresize

frame src="main.asp" name="main"

/frameset

/frameset

noframesbody

/body/noframes

/html

在left的表單中寫成：

form name="form1" method="post" action="main.asp" target="main"

......//你自己設(shè)計吧。

/form

這樣就可以你的查詢條件傳給main.asp中了！

參考資料：hi.baidu.com/comasp

本文題目：javascript百例,簡單的javascript例子
標(biāo)題鏈接：http://chinadenli.net/article22/dsesdjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、定制開發(fā)、ChatGPT、網(wǎng)站改版、網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)