web前端實(shí)習(xí)報(bào)告

《web前端實(shí)習(xí)報(bào)告》由會(huì)員分享，可在線(xiàn)閱讀，更多相關(guān)《web前端實(shí)習(xí)報(bào)告（51頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、webweb 前端實(shí)習(xí)報(bào)告前端實(shí)習(xí)報(bào)告 篇一：Web 前端技術(shù)實(shí)訓(xùn)報(bào)告書(shū) Web 前端技術(shù)實(shí)訓(xùn)任務(wù)書(shū) 一、實(shí)訓(xùn)課題名稱(chēng) 1、 教育類(lèi)站的設(shè)計(jì)與制作 2、 商業(yè)類(lèi)站的設(shè)計(jì)與制 作 3、 旅游休閑類(lèi)站的設(shè)計(jì)與制作 4、 體育健身類(lèi)站的 設(shè)計(jì)與制作 二、 課題設(shè)計(jì)目的 通過(guò)實(shí)訓(xùn)，應(yīng)使學(xué)生鞏固所學(xué)知識(shí)，把所學(xué)的理論知 識(shí)運(yùn)用到站制作實(shí)踐中。培養(yǎng)學(xué)生動(dòng)手能力，將 PS 制作效 果圖、HTML、CSS DIV 頁(yè)布局、JavaScript 等 Web 前端開(kāi) 發(fā)技術(shù)結(jié)合起來(lái)，在實(shí)訓(xùn)環(huán)節(jié)中進(jìn)行運(yùn)用。為以后學(xué)習(xí)動(dòng) 態(tài)站打下基礎(chǔ)。 三、 任務(wù)要求： 用 PhotoShop、DreamWeaver 等開(kāi)發(fā)工具制作

2、一個(gè)由靜 態(tài)頁(yè)構(gòu)成的簡(jiǎn)單站，要求包括一個(gè)首頁(yè)、至少三個(gè)子頁(yè)， 按照站開(kāi)發(fā)流程，先做頁(yè)效果圖，然后制作頁(yè)素材、構(gòu)建 站文件結(jié)構(gòu)、規(guī)劃頁(yè)布局、制作頁(yè)動(dòng)畫(huà)、實(shí)現(xiàn)頁(yè)功能，爾 后進(jìn)行站測(cè)試，并編制出各階段必要的文檔。在編寫(xiě)文檔 時(shí)，必須嚴(yán)格遵照要求，最后提交文檔。 功能要求：該站首頁(yè)必須包括站 logo、導(dǎo)航條（帶有 鼠標(biāo)事件變化效果） 、banner（簡(jiǎn)單 flash 動(dòng)畫(huà)） 、圖片、 多媒體運(yùn)用、文字等主要信息展示；子頁(yè)包括用戶(hù)注冊(cè) （帶有表單輸入項(xiàng)本地驗(yàn)證功能） 、登錄（用戶(hù)名和密碼非 空驗(yàn)證） 、子頁(yè)相關(guān)欄目。各頁(yè)面之間通過(guò)超鏈接切換。 最后要求提交詳細(xì)的課程設(shè)計(jì)報(bào)告及頁(yè)效果圖 （.psd）和站

3、運(yùn)行文件，現(xiàn)場(chǎng)運(yùn)行驗(yàn)收開(kāi)發(fā)的系統(tǒng)。 四、 課題設(shè)計(jì)報(bào)告書(shū)要求： 1、 課題設(shè)計(jì)報(bào)告書(shū)第一頁(yè)為封面，封面上寫(xiě)清楚標(biāo) 題、班級(jí)、姓名、指導(dǎo)老師、 完成日期。 2、 課題設(shè)計(jì)報(bào)告書(shū)第二頁(yè)為本任務(wù)書(shū)。 3、 課題設(shè) 計(jì)報(bào)告書(shū)第三頁(yè)為教師評(píng)語(yǔ)。 4、 課題設(shè)計(jì)報(bào)告書(shū)第四頁(yè) 為目錄。 5、 課題設(shè)計(jì)報(bào)告書(shū)第五頁(yè)開(kāi)始為具體內(nèi)容： （1）開(kāi)發(fā)背景 站欄目劃分 2）頁(yè)素材及站架（2） 站分析設(shè)計(jì)部分 欄目?jī)?nèi)容介紹 構(gòu)制作 1）客戶(hù)需求分 析 站拓?fù)鋱D 3）首頁(yè)制作頁(yè)面設(shè)計(jì) 2）站風(fēng)格定位  4）站效果圖 4）子頁(yè)面制作 3）站建設(shè)方案 （3）站制 作部分 頁(yè)風(fēng)格創(chuàng)意設(shè)計(jì) 1）效果圖制作 6、課題設(shè)計(jì)報(bào)

4、告書(shū)最后一頁(yè)是本次課程設(shè)計(jì)的小結(jié)和 參考文獻(xiàn)。 7、字?jǐn)?shù)要求不少于 3000 字。 8、打印紙張使用 B5 紙，頁(yè)邊距設(shè)為上、下、左 2 厘 米，右厘米， 五、 如有雷同，將作不及格處理。 六、 完成時(shí)間： 教育類(lèi)站設(shè)計(jì)報(bào)告書(shū)寧海職業(yè)技術(shù)學(xué)院 - 教師評(píng)語(yǔ) 教師： 5. 一 前言 . . - 4 - 客戶(hù)需求分析 . . - 4 - 站風(fēng)格定位 . . - 5 - 1色彩： . . - 5 - 2排版 . . - 6 - 3特效 . . - 6 - 二 站設(shè)計(jì)前期準(zhǔn)備 . . - 6 - 站風(fēng)格定位 . . - 6 - 1頁(yè)面風(fēng)格創(chuàng)意設(shè)計(jì) . . - 7 - 2站欄目劃分 . . - 7 -

5、3.特效 . . . - 7 - 三、站拓?fù)鋱D . . - 7 - 四、站效果圖 . . - 8 - 教育類(lèi)站設(shè)計(jì)報(bào)告書(shū)寧海職業(yè)技術(shù)學(xué)院 - 五、中期站制作 . . - 11 - （一）站首頁(yè)制作 . . - 11 - 1、首頁(yè) logo 效果： . . - 11 - 2、站內(nèi)公告效果： . . - 11 - 3、站內(nèi)新聞效果圖： . . - 11 - 4、登陸效果圖： . . - 12 - （二）站搭建過(guò)程 . . - 14 - 三、制作站的 Logo 動(dòng)畫(huà) . - 16 - 六、 站建設(shè)心得小結(jié) . . - 24 - 七、參考文獻(xiàn) . . - 26 - 一 前言 客戶(hù)需求分析 客戶(hù)需求，是

6、指學(xué)校創(chuàng)建門(mén)戶(hù)站的目的和對(duì)站提出的 特定要求。 了解客戶(hù)需求，是建好學(xué)校門(mén)戶(hù)站的前提。寧海職業(yè) 技術(shù)學(xué) 教育類(lèi)站設(shè)計(jì)報(bào)告書(shū)寧海職業(yè)技術(shù)學(xué)院 - 校對(duì)其擬建的門(mén)戶(hù)站提出的主要要求有以下幾點(diǎn)。 （1）宣傳學(xué)校辦學(xué)理念，展示辦學(xué)設(shè)施、教師隊(duì)伍、專(zhuān)業(yè) 設(shè)置、就 業(yè)情況，提高學(xué)校的社會(huì)知名度； （2）適時(shí)發(fā)布學(xué)校管理、教學(xué)、招生等相關(guān)信息，為 求學(xué)者提供相 關(guān)咨詢(xún)服務(wù)； （3）獲取社會(huì)各界對(duì)學(xué)校教育教學(xué)情況的評(píng)價(jià)和意見(jiàn)、 建議； （4）建立與兄弟院校進(jìn)行交流學(xué)習(xí)的平臺(tái)； （5）向社會(huì)各界推薦畢業(yè)生，為畢業(yè)生提供就業(yè)信息。 站風(fēng)格定位 校園站就是學(xué)校的上形象，每一所學(xué)校都有自己的特 色，每一個(gè)院系或班級(jí)都

7、會(huì)有自己的強(qiáng)項(xiàng)。對(duì)于本項(xiàng)目介 紹的校園站以撫州職業(yè)技術(shù)學(xué)校為例，從以下三個(gè)方面來(lái) 學(xué)習(xí)該站的風(fēng)格定位。 1色彩： 本項(xiàng)目中采用一種色彩，先選定主色調(diào)為橙色，這是 令人激奮的色彩，具有明亮、健康、熱烈、溫暖、歡樂(lè)、 輝煌、莊嚴(yán)，以及尊貴的色感，然后通過(guò)調(diào)整透明度或者 飽和度，就是色彩進(jìn)行變淡、加深或漸變的處理，產(chǎn)生新 的橙色的近似色彩，使頁(yè)看起來(lái)色彩統(tǒng)一，富有層次感。 在頁(yè)面中借助淺灰色的背景圖像，采用了留白藝術(shù)給人 教育類(lèi)站設(shè)計(jì)報(bào)告書(shū)寧海職業(yè)技術(shù)學(xué)院 - 篇二：假期 web 前端實(shí)習(xí)報(bào)告 鄭州輕工業(yè)學(xué)院 實(shí) 習(xí) 報(bào) 告 學(xué)生姓名： 學(xué) 號(hào)： 專(zhuān)業(yè)班級(jí)： 實(shí)習(xí)單位： 實(shí)習(xí)時(shí)間： 校外指導(dǎo)教師：

8、校內(nèi)指導(dǎo)教師： 成 績(jī)： 目 錄 1 實(shí)習(xí)背景 . . 1 實(shí)習(xí)目的 . . 1 實(shí)習(xí)起止時(shí)間 . . 1 實(shí)習(xí)內(nèi)容概要 . . 1 2 實(shí)習(xí)內(nèi)容 1 實(shí)習(xí)過(guò)程 . . 1 實(shí)習(xí)內(nèi)容 . . 5 主要成果 . . 6 3 總 結(jié) . 6 頁(yè)游戲的認(rèn)識(shí) . . 6 實(shí)習(xí)的自我評(píng)價(jià) . . 7 1 實(shí)習(xí)背景 實(shí)習(xí)目的 了解軟件開(kāi)發(fā)的各種模式，開(kāi)發(fā)流程，以及各種形式 的建模 詳細(xì)學(xué)習(xí)敏捷開(kāi)發(fā)的各個(gè)流程，并通過(guò)實(shí)習(xí)來(lái)體會(huì)敏 捷開(kāi)發(fā)所帶來(lái)的效率 掌握 HTML5、CSS、JAVASCRIPT 等技 術(shù) 實(shí)習(xí)起止時(shí)間 開(kāi)始時(shí)間：XX 年 7 月 12 號(hào) 截止時(shí)間：XX 年 7 月 18 號(hào) 實(shí)習(xí)內(nèi)容概要

9、 學(xué)習(xí)軟件開(kāi)發(fā)的各種模式，重點(diǎn)學(xué)習(xí)了敏捷開(kāi)發(fā)（專(zhuān) 業(yè)老師講授） 學(xué)習(xí) HTML5、CSS、JAVASCRIP 技術(shù)（形式：觀(guān)看視頻） 按照敏捷開(kāi)發(fā)的流程，學(xué)員分組，制定每日的站立會(huì) 議時(shí)間 觀(guān)看實(shí)習(xí)內(nèi)容例子的視頻，分工合作 提交實(shí)習(xí)成果，老師檢查打分 2 實(shí)習(xí)內(nèi)容 實(shí)習(xí)過(guò)程 可以以周為時(shí)間單位概述實(shí)習(xí)各階段所從事的主要工 作等； 學(xué)習(xí)階段 開(kāi)發(fā)模式 1) 軟件生命周期 同任何事物一樣,一個(gè)軟件產(chǎn)品或軟件系統(tǒng)也要經(jīng)歷孕 育、誕生、成長(zhǎng)、成熟、 -衰亡等階段，這一般稱(chēng)為軟件 生命周期。 軟件開(kāi)發(fā)生命周期(SDLC)是指軟件開(kāi)發(fā)的全部過(guò)程、 活動(dòng)和任務(wù)的結(jié)構(gòu)框架。 SDLC 的一般步驟包括：確定問(wèn)題

10、、可行性分析與開(kāi)發(fā) 計(jì)劃、收集需求、分析與設(shè)計(jì)、編碼開(kāi)發(fā)、測(cè)試、安裝、 維護(hù)。 2) 軟件生命周期模式 典型的幾種生命周期模式包括：瀑布模式、演化模式、 螺旋模式、快速原型模式、噴泉模式和混合模式等。 3) 敏捷開(kāi)發(fā) 敏捷開(kāi)發(fā)（Agile）是一種關(guān)注價(jià)值、消除浪費(fèi)、以人 為核心、迭代、循序漸進(jìn)的開(kāi)發(fā)方法。 特點(diǎn)： a) 是一種開(kāi)發(fā)方法學(xué)（Methodology） ，可以應(yīng)對(duì)客戶(hù) 快速變 更的需求。 b) 強(qiáng)調(diào)以人為核心，采用迭代的方式， 循序漸進(jìn)地開(kāi)發(fā)軟件。 c) 在敏捷開(kāi)發(fā)過(guò)程中，軟件項(xiàng)目被劃分成多個(gè)相互聯(lián) 系但也能獨(dú)立運(yùn)行的子項(xiàng) 目。 d) 每個(gè)子項(xiàng)目在開(kāi)發(fā)、測(cè)試直至完成的過(guò)程中一直保 持

11、可使用的狀態(tài)。 e) 這個(gè)過(guò)程就是要形成開(kāi)發(fā)過(guò)程中團(tuán)隊(duì)之成員之間更 加有效的合作關(guān)系，使其 靈活性更高，以適應(yīng)不斷變化的需求。 技術(shù)講解 1) 講解內(nèi)容：HTML5、CSS、JAVASCRIPT 技術(shù) 2) HTML5 HTML5 是一個(gè)描述用于幫助開(kāi)發(fā)者創(chuàng)建下一代站和應(yīng)用 的 HTML、CSS 和 JavaScript 規(guī)格的涵蓋性術(shù)語(yǔ)。這個(gè)定義 中最顯眼的三個(gè)部分是：HTML、CSS 和 2 JavaScript。他們定義了開(kāi)發(fā)者如何使用優(yōu)化標(biāo)記， 風(fēng)格更豐富的性能，以及新 JavaScript API 來(lái)制作最新的 絡(luò)開(kāi)發(fā)功能。簡(jiǎn)單而言，HTML5=HTML CSS JavaScript

12、。 特性： a) 語(yǔ)義特性（Class：Semantic） b) 本地存儲(chǔ)特性選擇器通常是您需要改變樣式的 HTML 元素。 3 篇三：web 前端實(shí)習(xí)經(jīng)驗(yàn) 經(jīng)驗(yàn) XX 年 7 月 11 日 11:20 自我介紹時(shí)：千萬(wàn)不要忘記介紹名字 代碼： 1.標(biāo)記為 done 表示已經(jīng)調(diào)試好，完全測(cè)試過(guò)了 2.代碼規(guī)范。phpstrom，統(tǒng)一格式化 3.借鑒代碼時(shí)注意 liscence 4.項(xiàng)目相接時(shí)，文檔規(guī)范（步驟，文檔不可少） 項(xiàng)目： 4.微信(接口，產(chǎn)品（wify） ） 任務(wù)： 1.每天用幾個(gè)小時(shí)做了什么，做得怎么樣（日?qǐng)?bào)，周 報(bào)） 2.接受項(xiàng)目（任務(wù)）時(shí)，先評(píng)估后再?zèng)Q定是否接受， 接收后做不好，

13、更不好 處理關(guān)系： 1.盡快記住大家的名字 2.按時(shí)任務(wù) 3.郵件發(fā)送人與抄送人，1 小時(shí)內(nèi)回復(fù) 4.溝通：不懂或有意見(jiàn)的時(shí)候要及時(shí)溝通 還要學(xué)習(xí) ，jQuery 學(xué)習(xí) 2.算法，業(yè)務(wù)流程 3.代碼規(guī)范 4.友好的注釋?zhuān)ū阌谧约汉退耍?5.打字速度很需要提高 6.多看英文文檔 篇四：web 前端技術(shù)實(shí)驗(yàn)報(bào)告 1 Web 前端技術(shù)實(shí)驗(yàn)報(bào)告 課程名稱(chēng)：Web 前端技術(shù) 實(shí)驗(yàn)名稱(chēng)：html 頁(yè)設(shè)計(jì) 系別班級(jí)：計(jì)科系 1302 班 學(xué)生姓名：余洲杰 學(xué)生學(xué)號(hào)：XX100204 輔導(dǎo)老師：王琦 一、實(shí)驗(yàn)?zāi)康?熟悉 HTML 制作頁(yè)的基礎(chǔ)知識(shí)，并能熟練運(yùn)用學(xué)過(guò)的內(nèi) 容制作、設(shè)計(jì)較為簡(jiǎn)單的頁(yè)。 二、內(nèi)容及

14、要求 運(yùn)用學(xué)過(guò)的代碼設(shè)計(jì)一個(gè)頁(yè)，其中要求運(yùn)用到以下知 識(shí)點(diǎn)： 1、不同的文字樣式設(shè)計(jì)； 2、插入背景圖片； 3、設(shè)計(jì)超鏈接； 4、表格的簡(jiǎn)單實(shí)用； 三、實(shí)驗(yàn)原理 文本：font 可以跟 color、size、face 等屬性根據(jù)不 同的值對(duì)文本進(jìn)行修 改； 滾動(dòng)字：marquee 可以跟 bgcolor、height、width、direction、align、 behaviour 等屬性根據(jù)不同的值對(duì)滾動(dòng)字進(jìn)行設(shè)置； 表格：tabble 分成各個(gè)格子，后跟百分比來(lái)分成適當(dāng) 的欄 其他相關(guān)內(nèi)容：各級(jí)標(biāo)簽、標(biāo)題設(shè)置、背景圖、超鏈 接等。 四、實(shí)驗(yàn)步驟 （此內(nèi)容根據(jù)自己的頁(yè)設(shè)計(jì)實(shí)況填寫(xiě)，如下事例）

15、 1、確立自己的頁(yè)主題 選擇了個(gè)人感悟作為本次頁(yè)設(shè)計(jì)的主題。 2、頁(yè)基本設(shè)計(jì) a、分設(shè)五個(gè)基礎(chǔ)頁(yè)，分為主頁(yè)及四個(gè)個(gè)介紹頁(yè)。 b、設(shè)計(jì)主頁(yè)為整圖如下，在圖片上編寫(xiě)適當(dāng)文本，并 添加超鏈接以進(jìn)入下一個(gè)頁(yè)面。 c、點(diǎn)擊超鏈接進(jìn)入下一個(gè)頁(yè)面，共四個(gè)頁(yè)面。如圖 d、使用滾動(dòng)字，背景圖片的插入，背景顏色的設(shè)置等， 使頁(yè)美化。 五、實(shí)驗(yàn)代碼 花開(kāi)半夏，似水流年 六、實(shí)驗(yàn)總結(jié) 1、學(xué)會(huì)了如何運(yùn)用 table，marquee,font 等。 2、對(duì)于背景圖片的運(yùn)用不是很熟練，在查找資料之后 才得以實(shí)現(xiàn)。 篇五：Web 前端技術(shù)課程實(shí)訓(xùn)報(bào)告 Web 前端技術(shù)課程設(shè)計(jì)報(bào)告 一、 實(shí)訓(xùn)課題名稱(chēng) 二、 課題設(shè)計(jì)目的 通

16、過(guò)實(shí)訓(xùn)，應(yīng)使學(xué)生鞏固所學(xué)知識(shí)，把所學(xué)的理論知 識(shí)運(yùn)用到站制作實(shí)踐中。 培養(yǎng)學(xué)生動(dòng)手能力，將 PS 制作效果圖、 HTML、CSS DIV 頁(yè)布局、JavaScript 等 Web 前端開(kāi)發(fā)技術(shù) 結(jié)合起來(lái)，在實(shí)訓(xùn)環(huán)節(jié)中進(jìn)行運(yùn)用。為以后學(xué)習(xí)動(dòng)態(tài)站打 下基礎(chǔ)。 三、 實(shí)現(xiàn)功能： 用 PhotoShop、DreamWeaver 等開(kāi)發(fā)工具制作一個(gè)由靜 態(tài)頁(yè)構(gòu)成的簡(jiǎn)單站，要求包括一個(gè)首頁(yè)、至少三個(gè)子頁(yè)， 按照站開(kāi)發(fā)流程，先做頁(yè)效果圖，然后制作頁(yè)素材、構(gòu)建 站文件結(jié)構(gòu)、規(guī)劃頁(yè)布局、制作頁(yè)動(dòng)畫(huà)、實(shí)現(xiàn)頁(yè)功能，爾 后進(jìn)行站測(cè)試，并編制出各階段必要的文檔。在編寫(xiě)文檔 時(shí)，必須嚴(yán)格遵照要求，最后提交文檔。 功能要求

17、：該站首頁(yè)必須包括站 logo、導(dǎo)航條（帶有 鼠標(biāo)事件變化效果） 、banner（簡(jiǎn)單 flash 動(dòng)畫(huà)） 、圖片、 多媒體運(yùn)用、文字等主要信息展示；子頁(yè)包括用戶(hù)注冊(cè) （帶有表單輸入項(xiàng)本地驗(yàn)證功能） 、登錄（用戶(hù)名和密碼非 空驗(yàn)證） 、子頁(yè)相關(guān)欄目。各頁(yè)面之間通過(guò)超鏈接切換。 最后要求提交詳細(xì)的課程設(shè)計(jì)報(bào)告及頁(yè)效果圖 （.psd）和站運(yùn)行文件，現(xiàn)場(chǎng)運(yùn)行驗(yàn)收開(kāi)發(fā)的系統(tǒng)。 四、 課題設(shè)計(jì)內(nèi)容： （1）開(kāi)發(fā)背景 （2）站分析設(shè)計(jì)部分 1）客戶(hù)需求分析 站欄目劃分 欄目?jī)?nèi)容介紹 站拓?fù)鋱D 頁(yè)風(fēng)格創(chuàng)意設(shè)計(jì) 2）站風(fēng)格定位 3）站建設(shè)方案 4）站效果圖 （3）站制作部分 1）效果圖制作 2）頁(yè)素材及站架構(gòu)

18、制作 3）首頁(yè)制作頁(yè)面設(shè)計(jì) 4）子頁(yè)面制作 五、體會(huì)及下一步學(xué)習(xí)方向 教師評(píng)語(yǔ) 參考方案： 目錄 開(kāi)發(fā)背 景 4 前期準(zhǔn) 備 4 客戶(hù)需求分 析 4 站風(fēng)格定 位 5 色 彩 5 排 版 5 特 效 6 站建設(shè)方 案 6 頁(yè)風(fēng)格創(chuàng)意設(shè) 計(jì)7 站欄目劃 分 7 欄目?jī)?nèi)容介 紹 8 站拓?fù)?圖 9 實(shí)訓(xùn)目 的 10 實(shí)訓(xùn)任 務(wù) 10 實(shí)訓(xùn)項(xiàng) 目 11 站基本介 紹 11 報(bào)名界 面 10 保存的文件位 置 11 首頁(yè)展示效果 圖 12 導(dǎo)航條展示效果 圖1 3 留言板表格布 局 14 站版權(quán)的展示 圖1 4 國(guó)內(nèi)黑客站界面展示 圖15 黑客 新聞界面展示 圖16 電影展示 圖 18 黑客簡(jiǎn)介界面展

19、示 圖20 黑客區(qū)別界面展示 圖21 黑客分類(lèi)界面展示 圖22 實(shí)訓(xùn)中的問(wèn)題和解決辦 法23 實(shí)訓(xùn) 體 會(huì) 24 一、開(kāi)發(fā)背景 如今已是信息化時(shí)代，很多絡(luò)中的強(qiáng)盜已經(jīng)將魔爪伸 向我們每一個(gè)民。由此可見(jiàn)關(guān)于了解黑客以及黑客攻防方 面的知識(shí)和新聞是很有必要的。黑客學(xué)習(xí)一直致力于面向 全球華人提供最新的黑客新聞、最先進(jìn)的黑客攻防技術(shù)， 力求將黑客學(xué)習(xí)打造成民每天必看的學(xué)習(xí)站！ 二、前期準(zhǔn)備 本站是以信息安全類(lèi)為主體設(shè)計(jì)，系統(tǒng)的介紹了黑客 攻防的新聞的知識(shí)。 三、客戶(hù)需求分析 客戶(hù)需求是指客戶(hù)創(chuàng)建本站的目的和對(duì)站建設(shè)提出來(lái) 的特定的要求。 了解客戶(hù)的需求，是建好黑客學(xué)習(xí)站的前提。黑客學(xué) 習(xí) 站通過(guò)互聯(lián)

20、可以更好的開(kāi)展信息技術(shù)的交流、學(xué)習(xí)和 上報(bào)名等活動(dòng)。這樣可以提高站的訪(fǎng)問(wèn)量、知名度，也是 站業(yè)務(wù)的重要來(lái)源。客戶(hù)對(duì)其擬建的黑客學(xué)習(xí)站提出的主 要要求有以下幾點(diǎn)： 1、宣傳信息安全的重要性，提高人們對(duì)信息安全的認(rèn) 識(shí)，增加站的知名度。 2、適時(shí)地發(fā)布最新黑客新聞和技術(shù)，為學(xué)習(xí)者提供最 佳資源。 3、在上發(fā)布報(bào)名表，引進(jìn)國(guó)內(nèi)外的愛(ài)好者來(lái)此學(xué)習(xí)交 流。 4、站上要設(shè)有愛(ài)好者交流留言板，用戶(hù)可以站新聞和 技術(shù)文章進(jìn)行評(píng)論和留言交流，對(duì)于站的改進(jìn)和更新很有 幫助。 四、站風(fēng)格定位 站風(fēng)格是指站的整體形象給瀏覽者的綜合感受。這個(gè) 整體形象包括站點(diǎn)的 logo、標(biāo)志、色彩、字體、標(biāo)語(yǔ)、版 面布局、瀏覽方式、

21、交互性、文字、內(nèi)容價(jià)值等諸多元素。 可以從三個(gè)方面對(duì)長(zhǎng)白山旅游進(jìn)行定位。 1、色彩 站的色彩是瀏覽者整體的視覺(jué)感官，如果站的色彩具 有一致性，會(huì)使站看起來(lái)美觀(guān)，使瀏覽者不容易對(duì)內(nèi)容混 淆，增加了瀏覽的簡(jiǎn)潔與方便。從而更能襯托站的主題， 若色彩能與主題合理搭配，將會(huì)增加站的易讀性。 黑客學(xué)習(xí)站選定的主題色是黑灰色。因?yàn)槿羰且蜷_(kāi) 一個(gè)黑客方面的站，每個(gè)人的頭腦中肯定都是黑色或者灰 色，即為較暗淡神秘的顏色。能給吸引更多用戶(hù)并給用戶(hù) 一種神秘感，很適合黑客學(xué)習(xí)的站。 站中除了采用黑灰色系外，還和淡藍(lán)色、白色搭配， 使站產(chǎn)生一種舒適的氣氛，使人可以長(zhǎng)時(shí)間駐留其間，眼 睛也不會(huì)覺(jué)得疲勞。 2、排版 篇

22、六：Web 前端技術(shù)實(shí)訓(xùn)任務(wù)書(shū) Web 前端技術(shù)實(shí)訓(xùn)任務(wù)書(shū) 一、 實(shí)訓(xùn)課題名稱(chēng) 3、 旅游休閑類(lèi)站的設(shè)計(jì)與制作 4、 體育健身類(lèi)站的設(shè)計(jì)與制作 1、 教育類(lèi)站的設(shè)計(jì) 與制作 2、 商業(yè)類(lèi)站的設(shè)計(jì)與制作 二、 課題設(shè)計(jì)目的 通過(guò)實(shí)訓(xùn)，應(yīng)使學(xué)生鞏固所學(xué)知識(shí)，把所學(xué)的理論知 識(shí)運(yùn)用到站制作實(shí)踐中。 培養(yǎng)學(xué)生動(dòng)手能力，將 PS 制作效果圖、 HTML、CSS DIV 頁(yè)布局、JavaScript 等 Web 前端開(kāi)發(fā)技術(shù) 結(jié)合起來(lái)，在實(shí)訓(xùn)環(huán)節(jié)中進(jìn)行運(yùn)用。為以后學(xué)習(xí)動(dòng)態(tài)站打 下基礎(chǔ)。 三、 任務(wù)要求： 用 PhotoShop、DreamWeaver 等開(kāi)發(fā)工具制作一個(gè)由靜 態(tài)頁(yè)構(gòu)成的簡(jiǎn)單站，要求包括一個(gè)

23、首頁(yè)、至少三個(gè)子頁(yè)， 按照站開(kāi)發(fā)流程，先做頁(yè)效果圖，然后制作頁(yè)素材、構(gòu)建 站文件結(jié)構(gòu)、規(guī)劃頁(yè)布局、制作頁(yè)動(dòng)畫(huà)、實(shí)現(xiàn)頁(yè)功能，爾 后進(jìn)行站測(cè)試，并編制出各階段必要的文檔。在編寫(xiě)文檔 時(shí)，必須嚴(yán)格遵照要求，最后提交文檔。 功能要求：該站首頁(yè)必須包括站 logo、導(dǎo)航條（帶有 鼠標(biāo)事件變化效果） 、banner（簡(jiǎn)單 flash 動(dòng)畫(huà)） 、圖片、 多媒體運(yùn)用、文字等主要信息展示；子頁(yè)包括用戶(hù)注冊(cè) （帶有表單輸入項(xiàng)本地驗(yàn)證功能） 、登錄（用戶(hù)名和密碼非 空驗(yàn)證） 、子頁(yè)相關(guān)欄目。各頁(yè)面之間通過(guò)超鏈接切換。 最后要求提交詳細(xì)的課程設(shè)計(jì)報(bào)告及頁(yè)效果圖 （.psd）和站運(yùn)行文件，現(xiàn)場(chǎng)運(yùn)行驗(yàn)收開(kāi)發(fā)的系統(tǒng)。 四、

24、 課題設(shè)計(jì)報(bào)告書(shū)要求： 1、 課題設(shè)計(jì)報(bào)告書(shū)第一頁(yè)為封面，封面上寫(xiě)清楚標(biāo) 題、班級(jí)、姓名、指導(dǎo)老師、完成 日期。 2、 課題設(shè)計(jì)報(bào)告書(shū)第二頁(yè)為本任務(wù)書(shū)。 3、 課題設(shè)計(jì)報(bào)告書(shū)第三頁(yè)為教師評(píng)語(yǔ)。 4、 課題設(shè)計(jì)報(bào)告書(shū)第四頁(yè)為目錄。 5、 課題設(shè)計(jì)報(bào)告書(shū)第五頁(yè)開(kāi)始為具體內(nèi)容： （1）開(kāi)發(fā)背景 站欄目劃分 2）頁(yè)素材及站架 （2）站分析設(shè)計(jì)部分 欄目?jī)?nèi)容介紹 構(gòu)制作 1）客戶(hù)需求分析 站拓?fù)鋱D 3）首頁(yè)制作頁(yè)面設(shè)計(jì) 2）站風(fēng)格定位 4）站效果圖 4）子頁(yè)面制作 3）站建設(shè)方案 （3）站制作部分 頁(yè)風(fēng)格創(chuàng)意設(shè)計(jì) 1）效果圖制作 6、課題設(shè)計(jì)報(bào)告書(shū)最后一頁(yè)是本次課程設(shè)計(jì)的小結(jié)和 參考文獻(xiàn)。 7、字?jǐn)?shù)要求

25、不少于 300 字。 8、打印紙張使用 B5 紙，頁(yè)邊距設(shè)為上、下、左 2 厘 米，右厘米. 教師評(píng)語(yǔ) 目錄 開(kāi)發(fā)背 景 4 前期準(zhǔn) 備 4 客戶(hù)需求分 析 4 站風(fēng)格定 位 5 色 彩 5 排 版 5 特 效 6 站建設(shè)方 案 6 頁(yè)風(fēng)格創(chuàng)意設(shè) 計(jì)7 站欄目劃 分 7 欄目?jī)?nèi)容介 紹 8 站拓?fù)?圖 9 實(shí)訓(xùn)目 的 10 實(shí)訓(xùn)任 務(wù) 10 實(shí)訓(xùn)項(xiàng) 目 11 站基本介 紹 11 登錄界 面 12 保存的文件位 置 12 首頁(yè)展示效果 圖 13 導(dǎo)航條展示效果 圖1 4 表格布 局 14 “精品路線(xiàn) l 推薦 “圖1 4 “景點(diǎn)簡(jiǎn)介”鏈接的效果 圖15 景點(diǎn)介 紹效果圖： 16 土特產(chǎn)品介紹 圖

26、 16 “長(zhǎng)白山之行“的鏈接效果展示 圖17 站底部導(dǎo)航欄 的效果展示圖： 18 站版權(quán)的展示 圖1 8 長(zhǎng)白山旅游線(xiàn)路圖： 18 “招商項(xiàng)目“展示 圖19 實(shí)訓(xùn)中的問(wèn)題和解決辦 法19 實(shí)訓(xùn) 體 會(huì) 20 一、開(kāi)發(fā)背景 長(zhǎng)白山旅游一直致力于面向全球華人提供最專(zhuān)業(yè)、最 豐富、最詳實(shí)的旅游咨詢(xún)和戶(hù)外資訊，力求將長(zhǎng)白山旅游 打造成一個(gè)東北旅游的互動(dòng)樂(lè)園。 二、前期準(zhǔn)備 本站是以旅游休閑類(lèi)為主體設(shè)計(jì)的，系統(tǒng)的介紹了長(zhǎng) 白山的風(fēng)土人情。 三、客戶(hù)需求分析 客戶(hù)需求是指客戶(hù)創(chuàng)建本站的目的和對(duì)站建設(shè)提出來(lái) 的特定的要求。 了解客戶(hù)的需求，是建好旅游站的前提。旅游站通過(guò) 互 聯(lián)可以更好的開(kāi)展信息交流和上預(yù)訂

27、等活動(dòng)。這樣可 以提高旅游服務(wù)的水平和旅游業(yè)務(wù)的來(lái)源?？蛻?hù)對(duì)其擬建 的長(zhǎng)白山旅游站提出的主要要求有以下幾點(diǎn)： 1、宣傳長(zhǎng)白山的錦繡景區(qū)、民俗風(fēng)情、土特產(chǎn)品等， 提高吉林省旅游業(yè)務(wù)在國(guó)內(nèi)的知名度。 2、適時(shí)地發(fā)布長(zhǎng)白山的精品旅游路線(xiàn)、酒店推薦等信 息，為旅游者提供最佳服務(wù)。 3、在上發(fā)布招商項(xiàng)目，引進(jìn)國(guó)內(nèi)外的商家來(lái)長(zhǎng)白山投 資，為吉 林省的經(jīng)濟(jì)發(fā)展做出一份微薄之力。 4、 站上要設(shè)有旅游論壇欄目或子頁(yè)，用戶(hù)可以對(duì)旅 游路線(xiàn) 等進(jìn)行評(píng)論，也可以談?wù)劼糜蔚母惺堋＿@對(duì)于站的改 進(jìn) 和更新很有幫助。 四、站風(fēng)格定位 站風(fēng)格是指站的整體形象給瀏覽者的綜合感受。這個(gè) 整體形象包括站點(diǎn)的 logo、標(biāo)志、色彩

28、、字體、標(biāo)語(yǔ)、版 面布局、瀏覽方式、交互性、文字、內(nèi)容價(jià)值等諸多元素。 可以從三個(gè)方面對(duì)長(zhǎng)白山旅游進(jìn)行定位。 1、色彩 站的色彩是瀏覽者整體的視覺(jué)感官，如果站的色彩具 有一致性，會(huì)使站看起來(lái)美觀(guān)，使瀏覽者不容易對(duì)內(nèi)容混 淆，增加了瀏覽的簡(jiǎn)潔與方便。從而更能襯托站的主題， 若色彩能與主題合理搭配，將會(huì)增加站的易讀性。 長(zhǎng)白山旅游站選定的主題色是綠色。因?yàn)榫G色介于冷 暖色的中間，能給人和睦、寧?kù)o、健康、安全的感覺(jué)，很 適合旅游休閑類(lèi)的站。通過(guò)調(diào)整主色調(diào)的飽和度和透明度， 產(chǎn)生不同視覺(jué)效果的綠色， 以及對(duì)這些不同的綠色進(jìn)行漸變處理，形成頁(yè)面的整 體色彩。這樣的頁(yè)面看起來(lái)色彩統(tǒng)一，有層次感。 篇七：百

29、度實(shí)習(xí)生 web 前端開(kāi)發(fā)工程師面試經(jīng)歷 想不到自己這么快就開(kāi)始寫(xiě)面經(jīng)了，這次的面試談不 上失敗，也談不上成功，也就寫(xiě)出來(lái)給大家一個(gè)參考和教 訓(xùn)吧！ 我這次是通過(guò)一個(gè)學(xué)長(zhǎng)內(nèi)推到百度的“商務(wù)搜索部” 的 web 前端開(kāi)發(fā)方面的，HR 部門(mén)提前通知了我什么時(shí)候面 試，因?yàn)槲覍W(xué)校不在北京，所以就只好電話(huà)電面了。提前 沒(méi)日沒(méi)夜的準(zhǔn)備了好幾天，因?yàn)榘俣鹊囊蠛芏啵热缫?精通 CSS 和 javascript，還要熟悉數(shù)據(jù)庫(kù)，熟悉一種后臺(tái) 開(kāi)發(fā)語(yǔ)言，最扯的是“對(duì)用戶(hù)體驗(yàn)有深入的理解” ，為什么 扯呢，后邊再說(shuō)。 我很久就做站了，不過(guò)都是開(kāi)源的，所 以自己去有想法寫(xiě)，也是最近一個(gè)學(xué)期的，所以開(kāi)發(fā)經(jīng)驗(yàn) 必須

30、的不豐富。寫(xiě)完簡(jiǎn)歷之后，就開(kāi)始復(fù)習(xí)以前看的一些 書(shū)籍了，尤其是 js 還有 web 標(biāo)準(zhǔn)以及站重構(gòu)的東西，另外 花了一半的時(shí)間去看了下以前看的用戶(hù)體驗(yàn)以及設(shè)計(jì)方面 的東西，還有 GUI 設(shè)計(jì) 面試的時(shí)候，面試官是個(gè)男的，聽(tīng)聲音大概不到 30 歲， 后邊也確實(shí)證實(shí)了。說(shuō)話(huà)并不是傳說(shuō)中的笑瞇瞇很隨意， 有些沙啞和低沉。 第一個(gè)問(wèn)題是介紹自己，balala 的介紹完，就問(wèn)了一 個(gè)讓我到現(xiàn)在還在無(wú)語(yǔ)的問(wèn)題：常見(jiàn)的數(shù)據(jù)結(jié)構(gòu)有哪些？ 暈死啊，前端上沒(méi)有這個(gè)要求啊，就算對(duì)算法有要求，也 不至于去操作底層吧。我回答說(shuō)有鏈表、堆棧、樹(shù)。面試 官說(shuō)，好，那你給我解釋下 B 樹(shù)。我了個(gè)去直接傻過(guò)去了， 我是萬(wàn)萬(wàn)沒(méi)有

31、想到會(huì)問(wèn)這個(gè)的，balabla 解釋了一堆，最后 又扯成了數(shù)據(jù)庫(kù)索引，然后這個(gè)題目就杯具了，說(shuō)白了， 我 B 樹(shù)方面的東西已經(jīng)忘記完了，因?yàn)榭紤]自己以后要搞 前端，所以數(shù)據(jù)結(jié)構(gòu)和算法就沒(méi)有再去研究！所以建議大 家，去這些大公司的，最好還是對(duì)常見(jiàn)算法和數(shù)據(jù)結(jié)構(gòu)有 比較好的了解！ 在這個(gè)題目杯具了之后，就問(wèn) cookie 和 session 的區(qū) 別這個(gè)我知道，回答了，不過(guò)聽(tīng)起來(lái)人家對(duì)我的回答并不 是很滿(mǎn)意，中間打斷過(guò)一次。 然后問(wèn)我會(huì)不會(huì) ajax，這個(gè)算是前端技術(shù)，但是我用 的很少，我就照實(shí)說(shuō)了，說(shuō)我用不多，只知道是異步刷新， 后邊又問(wèn)說(shuō)知道 javascript 的一個(gè)什么東東來(lái)著，沒(méi)聽(tīng)說(shuō)

32、過(guò)，就說(shuō)不知道，這個(gè)記得，一定要誠(chéng)實(shí)，不然撒謊的話(huà)， 最后吃虧的一定是自己！ 又問(wèn)我用的哪個(gè) javascript 的庫(kù)，我說(shuō) jquery，然后 就沒(méi)有下文了在這兒的時(shí)候，我差不多在心里確定了， 這哥們是做后端的！我那個(gè)囧啊，今天看來(lái)出師不利 ?。『蠖撕颓岸穗m然說(shuō)都是做站的，但是相差還是太大！ 在一起就沒(méi)什么好聊的。 下來(lái)就問(wèn)我項(xiàng)目經(jīng)驗(yàn)了，說(shuō)看簡(jiǎn)歷我做過(guò)很多項(xiàng)目， 感覺(jué)最成功的項(xiàng)目是什么（看過(guò)很多面經(jīng)，貌似百度都會(huì) 問(wèn)到這個(gè)問(wèn)題） ， 我說(shuō)有三個(gè)，然后開(kāi)始說(shuō)第一個(gè)，第一 個(gè)是原來(lái)和同學(xué)做過(guò)的一個(gè) web 方面的分析工具，叫 bingker 絡(luò)安全工具包，然后他就問(wèn)我說(shuō)里面有個(gè)殺毒模塊 算法是

33、怎么實(shí)現(xiàn)的？暈掉，這個(gè)太囧了，當(dāng)時(shí)算法的確是 我們一起討論的，但是代碼實(shí)現(xiàn)我沒(méi)有參與，我就給解釋 說(shuō)這個(gè)算法是用特征碼對(duì)比技術(shù)實(shí)現(xiàn)的，不過(guò)聽(tīng)起來(lái)他似 乎也不是很熟悉這個(gè)，我說(shuō)了半天，他只是嗯，也沒(méi)有反 駁沒(méi)有去打斷，這個(gè)算是過(guò)去了 下來(lái)就問(wèn)說(shuō)做過(guò)的站 里有沒(méi)有沒(méi)有用非開(kāi)源程序?qū)崿F(xiàn)的，我了個(gè)去，現(xiàn)在貌似 大公司都是用的開(kāi)源程序啊，雖然我們改動(dòng)了很多，但是 這么一問(wèn)，只能說(shuō)沒(méi)有了。 資料來(lái)源：中國(guó)教育在線(xiàn) http:/ 然后呢，就沒(méi)有然后了，前端方面的東西就都沒(méi)有問(wèn)， 他說(shuō)你還有什么問(wèn)題嗎？我問(wèn)他說(shuō)，那你們對(duì) GUI 和用戶(hù) 體驗(yàn)都是怎么做的呢？他說(shuō)，這個(gè)公司專(zhuān)門(mén)有個(gè)部門(mén)來(lái)搞， 他們不管的。言外之

34、意，你去了，也就是堆砌代碼，有想 法？一邊寫(xiě)代碼去。所以我前面說(shuō)的，看了那么多設(shè)計(jì)方 面的還有重構(gòu)之類(lèi)的書(shū)，都似乎是白看了，或許你去了有 想法也不會(huì)被實(shí)現(xiàn)。恩，這個(gè)想下也是正常，公司注重的 是商業(yè)，并不是你的這個(gè)想法是不是夠新穎吧！所以大家 看人家的要求的時(shí)候，就好好關(guān)注下前面提到的各種技術(shù)， 比如 js、css、sql、數(shù)據(jù)結(jié)構(gòu)之類(lèi)的，后面說(shuō)有啥創(chuàng)新精 神啊之類(lèi)的全部忽略好了暫時(shí)是這個(gè)看法，不知道別的 公司怎么樣了 再后來(lái)就沒(méi)后來(lái)了，也沒(méi)有電話(huà)沒(méi)有任何通知，當(dāng)時(shí) 有一個(gè)和我一起面試的同學(xué)，他當(dāng)天就接到電話(huà)通知二面 了，據(jù)說(shuō)面試他的是一個(gè)搞前端的，丫，起碼有的聊啊！ 總的來(lái)說(shuō)還是哥太水了囧，好

35、好學(xué)習(xí)技術(shù)吧，以后好 好堆砌代碼才是王道！ 總結(jié)起來(lái)，這樣的大公司分工太明確，如果想著去學(xué) 習(xí)各個(gè)方面的同學(xué)，要好好想清楚了！ 資料來(lái)源：中國(guó)教育在線(xiàn) http:/ 篇八：騰訊實(shí)習(xí)生 web 前端 JS 開(kāi)發(fā)工程師面試經(jīng)歷 在騰訊面試之前我申請(qǐng)了淘寶的前端，可是筆試就被 淘寶鄙視了。這之前還有一個(gè)百度內(nèi)推的，二面已經(jīng)結(jié)束 了，不過(guò)還真的不知道結(jié)果，人家給我答案是這周之內(nèi)， 如果沒(méi)有過(guò)的話(huà)，還有三面，如果過(guò)了的話(huà)，直接就可以 拿 offer。 相比之下騰訊是很人性化的，不放過(guò)一個(gè)有才能的人。 從筆試就可以看出來(lái)，我當(dāng)時(shí)申了，但是沒(méi)有申請(qǐng) 崗位所以最后只能去霸筆。到了那里以后才發(fā)現(xiàn)霸筆的人 真的不

36、少?。」P試完以后晚上就聽(tīng)說(shuō)有同學(xué)收到面試的通 知了，我那個(gè)心里著急啊，不過(guò)后面一個(gè)牛人告訴我說(shuō)大 家都過(guò)了，那時(shí)候開(kāi)心??！然后去站上查看了一下自己的 面試時(shí)間和地點(diǎn)，唉那個(gè)悲劇啊。我本人做一些兼職給一 群中學(xué)生上課，每次星期天都要上到下午六點(diǎn)回來(lái)，面試 時(shí)間居然是下午 5 點(diǎn)，我也顧不了多少了，直接請(qǐng)假，唉！ 被那個(gè)負(fù)責(zé)人批了一大堆。由于去那里的時(shí)候在路上我一 直用手機(jī)看面經(jīng)，有時(shí)候看著我都想吐了。下午四點(diǎn)多我 就帶上了筆記本（這里強(qiáng)調(diào)一下，如果是技術(shù)的最好帶上 自己的作品，那樣可能面試的時(shí)候主動(dòng)權(quán)會(huì)掌握在自己手 里）趕去了華工。 騰訊一面 一面的人還真的很多呀，在面試地點(diǎn)看到了很多牛人， 比

37、如說(shuō)我的研究所師兄，我們班的百度牛人。簽到完以后 我就走到了一個(gè)房間門(mén)口，乍一看，哇那么多人在排隊(duì)， 最后一個(gè) MM 告訴我她們面試的是產(chǎn)品的，幸好，不然會(huì)等 死人的。我面試的是前端 js，大概 5 點(diǎn)左右的時(shí)候一個(gè) gg 把我叫了進(jìn)去，進(jìn)去以后就感覺(jué)一種親切感沒(méi)有之前的緊 張感，然后面試官叫我等等，估計(jì)他還有些事情處理，之 后我看到我的筆試成績(jī)丟人?。ú缓靡馑颊f(shuō)了）！然后面 試官叫我自我介紹一下，然后我就 balabala 的說(shuō)了一下自 己對(duì) web 開(kāi)發(fā)的興趣以及一些自己開(kāi)發(fā)的項(xiàng)目，然后我就 把筆記本帶來(lái)的項(xiàng)目一一介紹給他看，似乎他只看我運(yùn)行 的結(jié)果。然后就開(kāi)始問(wèn)我一些簡(jiǎn)歷上的問(wèn)題. 面試

38、官：你講一下你的學(xué)生實(shí)踐工作吧。然后我就說(shuō) 了一下自己擔(dān)任過(guò)學(xué)生處助理、院的團(tuán)委副部長(zhǎng)，然后就 是講了一下自己的學(xué)生工作的體驗(yàn)和感受。 面試官：你有學(xué)過(guò)數(shù)據(jù)結(jié)構(gòu)是嗎？那我就問(wèn)你一些問(wèn) 題。 資料來(lái)源：中國(guó)教育在線(xiàn) /retype/zoom/23e934925fbfc77da269b158pn=1 padding: 0 9. text-align:center; margin: 0; padding: 0 10.  11.  12.  13. 居中 14.  15. 中 margin 和 padding 的區(qū)別 margin 是外邊距，屬于元素之外，相鄰元

39、素的 margin 可以融合。 padding 是內(nèi)邊距，在元素之內(nèi)，相鄰元素的 padding 不可融合。 中如何檢測(cè)一個(gè)變量是一個(gè) String 類(lèi)型？請(qǐng)寫(xiě)出函數(shù) 實(shí)現(xiàn) function(obj) returntypeof(obj) = ”string”; 5.頁(yè)中實(shí)現(xiàn)一個(gè)計(jì)算當(dāng)年還剩多少時(shí)間的倒數(shù)計(jì)時(shí)程 序，要求頁(yè)上實(shí)時(shí)動(dòng)態(tài)顯示“年還剩天時(shí) 分秒” 這個(gè)看我論壇右上角的就知道了 6.如何控制頁(yè)在絡(luò)傳輸過(guò)程中的數(shù)據(jù)量 題目貌似有問(wèn)題，應(yīng)該是減少數(shù)據(jù)量吧。 最顯著的方法是啟用 GZIP 壓縮。此外保持好的編碼習(xí) 慣，避免重復(fù)和 css、 JavaScript 代碼，多余的 HTML 標(biāo)簽和屬

40、性。 7.補(bǔ)充代碼，是鼠標(biāo)單擊后 Button1 到 Button2 的后 面 var parent =; (this); (this); 中，將 a、b 打包為，命令是（ ） 不知道。 、Ajax 各自的優(yōu)缺點(diǎn)，在使用中如何取舍？ Flash 的缺點(diǎn)是需要客戶(hù)端安裝 Flash 插件，比較大， 且更改了默認(rèn)的 HTML 頁(yè)面行為；但可以方便地實(shí)現(xiàn)很多特 效及動(dòng)畫(huà)，且具有較高權(quán)限。 Ajax 的缺點(diǎn)是編程較為復(fù)雜，需要服務(wù)器端的支持， 能實(shí)現(xiàn)的效果只能是 DOM API 提供的，權(quán)限很低，較難跨 域；但可以顯著加快頁(yè)面的載入速度和用戶(hù)體驗(yàn)。 此外，二者都不能被搜索引擎索引（Google 已支持

41、 Flash 文本的索引） ，不利于 SEO。 建議:重要和關(guān)鍵部分 直接用 HTML，交互部分可以使用 Ajax，復(fù)雜的動(dòng)畫(huà)可采用 Flash。 百度 XX 1、JS 主要數(shù)據(jù)類(lèi)型？5 分 答：主要的類(lèi)型有 number、string、object 以及 Boolean 類(lèi)型,其他兩種類(lèi)型為 null 和 undefined。 2、img 的 alt 和 title 的異同？10 分 答：title 屬性為設(shè)置該屬性的元素提供建議性的信息。 比如為鏈接添加描述性文字。 為不能顯示圖像、窗體或 applets 的用戶(hù)代理（UA） ，alt 屬性用來(lái)指定替換文字。 使用 alt 屬性是為了給那些

42、不能看到你文檔中圖像的瀏覽 者提供文字說(shuō)明。 3、CSS 的 JS 調(diào)用？如 font-family, -moz-border- radius 10 分 答：fontFamily、MozBorderRadius 4、CSS 布局：兩列，左邊寬度自適應(yīng)，右邊寬度固 定 200px 15 分 1. #box1width:100%;height:600px;position:relative; 2. #left1margin-right:200px;border:1px solid red;height:100%; 3. #right1width:200px;height:100%;position

43、:absolute;t op:0px;right:0px;border:1px solid blue; 4. 5. 6. 7. 5、js 對(duì)象的深度克隆？20 分 1. =function() 2. function cloneObj() 3. =this; 4. var obj=new cloneObj(); 5. for(var o in obj) (typeof(objo)=“object“)objo=objo.deepClone(); 7. return obj; 8. 6、動(dòng)態(tài)打印時(shí)間，格式為 yyyy-MM-dd hh:mm:ss 15 分 1. function printTim

44、e() 2. var timer1=new Date(); 3. var timer=(); 4. timer=(/年月/g,“-“); 5. timer=(/日/,“); 6. =timer; 7. setInterval(“printTime()“,1000); 7、如何提高頁(yè)運(yùn)行性能？20 分 沒(méi)寫(xiě)。 8、linux 下刪除當(dāng)前目錄下擴(kuò)展名為 c 的文件（如， ） 5 分 rmr *.c find. -name “*.doc” -type f -exec cp /tmp/doc ;找到當(dāng)前目錄（.）下擴(kuò)展名為(doc)的文件并 拷貝到指定目錄【注意-type f 指普通文件，-exec

45、ls-l列 出文件，最后加上】 cpoptions source dest 復(fù)制 9、flash 和 flash 在面向?qū)ο蠓矫娴漠愅?0 分 答：面向?qū)ο蠓矫?，?javascript，像 java。 到了 AS ,面向?qū)ο蟊灰肓?，但它?shí)質(zhì)上是動(dòng)態(tài)腳本 語(yǔ)言，雖然已經(jīng)有了類(lèi)的概念和 class 關(guān)鍵字，但對(duì)象支 持還是基于類(lèi)似 JavaScript 的 prototype 機(jī)制動(dòng)態(tài)繼 承。 同時(shí)支持靜態(tài)類(lèi)型，即基于類(lèi)的繼承方式；以及動(dòng)態(tài) 類(lèi)型，即基于 prototype 的繼承方式。推薦用靜態(tài)類(lèi)型。 10、Flash、Ajax 各自的優(yōu)缺點(diǎn)，在使用中如何取舍？ 10 分 1、Flasha

46、jax 對(duì)比 Flash 適合處理多媒體、矢量圖形、訪(fǎng)問(wèn)機(jī)器；對(duì) CSS、處理文本上不足，不容易被搜索。 Ajax 對(duì) CSS、文本支持很好，支持搜索；多媒體、矢 量圖形、機(jī)器訪(fǎng)問(wèn)不足。 共同點(diǎn)：與服務(wù)器的無(wú)刷新傳遞消息、用戶(hù)離線(xiàn)和在 線(xiàn)狀態(tài)、操作 DOM 2、項(xiàng)目中遇到什么問(wèn)題？如何解決？ 前端題目總結(jié) HTML 相關(guān) 1. 標(biāo)簽的定義與用法。 2. 塊級(jí)元素和行內(nèi)元素都有哪些？ 3. 你真的了解 HTML 嗎？ 雅虎面試題把前面黃底那段 拿去搜索下就知道了(曾在某浪公司面 試的時(shí)候被問(wèn)到過(guò)，確實(shí)是很好的問(wèn)題)。 CSS 相關(guān) 1. 介紹所知道的 CSS hack 技巧(如：_， *， ，

47、9， !important 之類(lèi))。 2. 介紹 CSS 盒模型。 3. CSS 層疊是什么？介紹一下。 4. 都知道哪些 CSS 瀏覽器兼容性問(wèn)題。 5. 有時(shí)會(huì)被問(wèn)到些刁鉆點(diǎn)的題，比如 position 值都 有哪些，CSS3 都有哪些新內(nèi)容. JavaScript 基礎(chǔ)相關(guān) 1. HTTP 協(xié)議的狀態(tài)消息都有哪些？(如 200、302 對(duì)應(yīng) 的描述) 2. AJAX 是什么 AJAX 的交互模型(流程) AJAX 跨域的 解決辦法 3. 同步和異步的區(qū)別 4. 簡(jiǎn)述 JavaScript 封裝。 5. JavaScript 繼承有哪兩種形式形式，進(jìn)行描述。 6. 什么是閉包？以下代碼點(diǎn)擊 會(huì)輸出什么？為什 么？能大概說(shuō)明白的話(huà)繼續(xù)問(wèn)能想出幾 種解決辦法。 答案: 5 解釋: 由于閉包 i 被保留在內(nèi)存中,alert 顯示的是 i 當(dāng)前的值, 最后一次 i 會(huì)導(dǎo)致 i 為 5