狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

[p]隨著各大互聯(lián)網(wǎng)公司設(shè)立了web前端開發(fā)工程師、設(shè)計(jì)工程師等職位，web前端越來越得到互聯(lián)網(wǎng)企業(yè)的認(rèn)可。而且其重視程度與地位也隨著瀏覽器 端的富客戶端的體現(xiàn)而日益提高。 眼前對(duì)html5的未來和走向，業(yè)內(nèi)的預(yù)測(cè)是會(huì)和flash、silverlight等相結(jié)合，從而取代傳統(tǒng)的客戶端應(yīng)用程序。而實(shí)現(xiàn)這個(gè)目標(biāo)的客戶端核 心工作是有web前端工程師來完成的。 從另一個(gè)角度，對(duì)于web產(chǎn)品來說，交互和用戶體驗(yàn)是產(chǎn)品的第一價(jià)值，這部分價(jià)值的體現(xiàn)就是在web前端。可以說web前端是一個(gè)web產(chǎn)品的長(zhǎng)相和談 吐、行為。[/p]
[p] 下面就簡(jiǎn)單的說明一下web前端的組成部分。[/p]
[p][b]1. ui設(shè)計(jì)部分[/b][/p]
[p] 這是web產(chǎn)品化的第一步。這個(gè)部分通常在稍大型的公司里，被單獨(dú)設(shè)立為一個(gè)部門或者一些人來工作。主要是要掌握photo, ai,可以很快的將創(chuàng)意轉(zhuǎn)化為平面設(shè)計(jì)圖，并制作png等小圖片。 同時(shí)，ui設(shè)計(jì)還要預(yù)包含用戶交互設(shè)計(jì)的元素，如何和用戶交互的基本原型等。[/p]
[p][b]2. html/css,頁面靜態(tài)化[/b][/p]
[p]這是web產(chǎn)品化的2步，就是將ui設(shè)計(jì)師的設(shè)計(jì)圖切成靜態(tài)頁面。這里的“切”不是單純的切，而是使用css里面背景色和邊框樣式等方式對(duì)設(shè)計(jì)原稿 進(jìn)行解讀，并形成符合web標(biāo)準(zhǔn)的html代碼。這里web前端還需要將圖片、html頁面以及css樣式進(jìn)行合理的文件分布安排等[/p]
3.javascript, as 客戶端動(dòng)態(tài)化
這是web產(chǎn)品化的3步，工程師使用dom操作、ajax，實(shí)現(xiàn)數(shù)據(jù)和服務(wù)端的通信以及本地樣式的切換。同時(shí)，由于javascript、 as是一門動(dòng)態(tài)語言，所以這部分的編碼要求web前端工程師有較好的編碼習(xí)慣，能寫高效率的oop代碼，并對(duì)代碼進(jìn)行壓縮上線以降低帶寬消耗等。
[p][b]4.flash、silverlight、video 多媒體化[/b][/p]
[p]這部分針對(duì)不同web產(chǎn)品有不同的要求，通常要求是可以使用flash和web、server進(jìn)行交互，并對(duì)flash進(jìn)行設(shè)計(jì)與開發(fā)。[/p]
[p][b]5.php、java等cgi, 服務(wù)端通信基本知識(shí)和編碼[/b][/p]
[p]這部分主要是更好的使用ajax等技術(shù)，了解服務(wù)端的工作方式將更有利于web前端工程師工作的開展。通常優(yōu)秀的web前端工程師都是對(duì)服務(wù)端的一 種開發(fā)語言很了解。[/p]
[p]下面是webryan整理的百度web前端筆試和面試的一些題目和過程，提供給大家借鑒。[/p]
[p]百度web前端筆試試卷上的題目：[/p]
[p]1.判斷字符串是否是這樣組成的，第一個(gè)必須是字母，后面可以是字母、數(shù)字、下劃線，總長(zhǎng)度為5-20[br]2.截取字符串a(chǎn)bcdefg的efg[br]3.讓一個(gè)input的背景顏色變成紅色[br]4。給一個(gè)頁面，寫html css[br]5。div的高寬等于瀏覽器可見區(qū)域的高寬，瀏覽器滾動(dòng)，div始終覆蓋瀏覽器的整個(gè)可見區(qū)域[br]6。判斷一個(gè)字符串中出現(xiàn)次數(shù)最多的字符，統(tǒng)計(jì)這個(gè)次數(shù)[br]7。ie與ff腳本兼容性問題[/p]
又重新問的是1，4，6，7，這次問出題者的意圖，并且讓給出7的更多答案，以及ie ff不兼容的原因[br]然后看了看簡(jiǎn)歷，沒有問簡(jiǎn)歷上的項(xiàng)目，而是讓自己隨便談?wù)刐br]1對(duì)于web客戶端技術(shù)未來趨勢(shì)發(fā)展談?wù)効捶╗br]javascript + ajax=ria[br]adobe flash as 3[br]flex[br]sliveright[br]2web開發(fā)團(tuán)隊(duì)人員應(yīng)該如何分工協(xié)作[br]布局 css 腳本[br]比如腳本人員長(zhǎng)期的積累可能鑄造類型yui這樣的產(chǎn)品級(jí)腳本庫（亮點(diǎn)）[br]3web開發(fā)曾經(jīng)的團(tuán)隊(duì)有沒有別人遇到問題，什么問題，向你請(qǐng)教[br]4如果要實(shí)習(xí)，什么時(shí)候可以[br]5自己在開發(fā)的過程中遇到什么問題，談?wù)効捶╗br]6web開發(fā)腳本開發(fā)環(huán)境用什么、調(diào)試用什么[br]試過aptana，現(xiàn)在就用editplus[br]調(diào)試肯定用firebug，ie下看頁面dom用ieinspector[br]7如果有個(gè)新技術(shù)，現(xiàn)在需要掌握，你會(huì)怎么做[br]新技術(shù)的發(fā)現(xiàn)我一般是通過rss工具，比如我用googlereader[br]每天有半個(gè)小時(shí)左右在看最新的資訊、技術(shù)走向[br]發(fā)現(xiàn)新技術(shù)，首先有個(gè)大概了解，如果有深入的必要[br]我一般會(huì)看他的官網(wǎng)，比如jquery，我會(huì)搜索到j(luò)query.com，然后看docs、samples[br]如果要用到項(xiàng)目中，有困難的問題，我會(huì)svn得到最新的這個(gè)技術(shù)的源碼，深入跟蹤進(jìn)去，看實(shí)現(xiàn)原理[br]一般現(xiàn)在涌現(xiàn)的技術(shù)都是opensource
[p]提問時(shí)間[br]1百度web開發(fā)腳本是否有做類似yui庫的打算[br]2百度web開發(fā)工程師打算招多少人[/p]
[p][b]百度電話二面回憶 web開發(fā)部–web開發(fā)工程師[/b][/p]
[p]首先是自我介紹[br]然后談?wù)勛龅膚eb項(xiàng)目[br]然后開始問技術(shù)問題[/p]
[p]前端開發(fā)的優(yōu)化問題[br]答:[br]產(chǎn)品發(fā)布時(shí)，js的壓縮，即函數(shù)名替換、整個(gè)文件壓縮成一行[br]css開發(fā)的時(shí)候 注釋寫清楚，先有個(gè)base.css，然后根據(jù)不同頁面需要再加css，發(fā)布的時(shí)候?qū)ss中的一個(gè)定義寫成一行，目的是壓縮文件大小[br]最終發(fā)布的時(shí)候甚至可以將css，js分別壓縮成一個(gè)文件，甚至css、js通過技巧壓縮到一個(gè)里邊（亮點(diǎn)）[br]這樣的目的是，減少用戶訪問web產(chǎn)品的http連接數(shù)[/p]
[p]web前端產(chǎn)品的開發(fā)流程[br]答:首先根據(jù)產(chǎn)品的定位、用戶群，確定配色，然后紙上設(shè)計(jì)整體布局，然后png或者psd出效果圖，切出需要的小圖片，然后手寫代碼div+css構(gòu)造出 頁面，然后根據(jù)功能寫腳本[br]參考126郵箱首頁，將所有小圖片放到一個(gè)圖片中，通過css的background-position實(shí)現(xiàn)頁面，還是為了優(yōu)化，減少http連接數(shù)[/p]
規(guī)避javascript多人開發(fā)函數(shù)重名問題[br]答:首先是通過命名規(guī)范，比如根據(jù)不同的開發(fā)人員實(shí)現(xiàn)的功能，在函數(shù)名加前綴，雖然函數(shù)名看起來復(fù)雜，發(fā)布的時(shí)候還是可以替換，從而優(yōu)化。[br]還有一種辦法是，每個(gè)開發(fā)人員都把自己的函數(shù)封裝到類中，然后調(diào)用的時(shí)候即使函數(shù)名相同，但是因?yàn)槭且?函數(shù)名來調(diào)用，所以也減少了重復(fù)的可能性。
javascript面向?qū)ο笾欣^承實(shí)現(xiàn)[br]答：我是用prototype.js extend.js擴(kuò)展[br]然后子類中parent.initialize()…[br]答的不好[br]正確答案：
[p]// 1. 構(gòu)造器[br]function animal() {};[br]function mammal() {};[br]function canine() {};[br]function dog() {};[br]// 2. 原型鏈表[br]mammal.prototype = new animal();[br]canine.prototype = new mammal();[br]dog.prototype = new canine();[/p]
[p]prototype.js實(shí)現(xiàn)的基本原理[br]答：[br]將功能封裝[br]比如ajax.request，還是有判斷瀏覽器的代碼；position這樣的實(shí)現(xiàn)頁面元素位置的計(jì)算[/p]
prototye太大，如果一個(gè)頁面功能不需要這樣的，自己實(shí)現(xiàn)，怎么做[br]答：首先頁面、css、腳本分離之后，腳本中將整個(gè)模塊功能寫成一個(gè)類var do={}[br]其中初始化函數(shù)init:function(){}，然后最后做do.init()[br]其中init會(huì)對(duì)頁面上form中需要交互的元素綁定事件，比如$(’input1′).onclick=function(){}
[p]ie、ff下面腳本的區(qū)別[br]答：[br]1.ie有outerhtml，ff沒有[br]2.頁面元素id，ie可以直接取，ff必須document.getelementbyid()[br]3.ajax里邊f(xié)f是new xmlhttprequest，而ie是[br]try new activexobject(’msxml2.xmlhttp’) try new activexobject(’microsoft.xmlhttp’)[/p]
[p]ff下面實(shí)現(xiàn)outerhtml[br]答：.parenet.firstchild .parent.innerhtml[br]這個(gè)沒答好[br]正確答案：原理是，get：取到這個(gè)標(biāo)簽的tagname，然后屬性循環(huán)構(gòu)造成這個(gè)標(biāo)簽的屬性[br]set：把字符串用insertbefore插入到這個(gè)元素前面，然后removechild這個(gè)元素[/p]
[br]
[p]ie、ff下面css的解釋區(qū)別[br]答：[br]1.png透明背景，ff下面沒有問題，ie需要用濾鏡通道[br]2.z-index在ie、ff下面的解釋問題，[/p]
[p]ie會(huì)認(rèn)為第一個(gè)z-index=0[br]3.長(zhǎng)字符串，word-wrap:break-all可以解決ie，但是ff需要overflow:hidden才行[br]馮舒婭補(bǔ)充：[br]1、有些標(biāo)簽在ff中不能用，比如button[br]2、濾鏡[br]3、鼠標(biāo)cursor:hand cursor:pointer[br]4、div的高度自適應(yīng)[br]5、對(duì)box模型解析不一樣[br]6、ul、ol的padding和margin[/p]
ie都能識(shí)別*，標(biāo)準(zhǔn)瀏覽器（如ff）不能識(shí)別*；[br]ie6能識(shí)別*，但不能識(shí)別 !important；[br]ie7能識(shí)別*，也能識(shí)別 !important；[br]ff不能識(shí)別*，但能識(shí)別 !important；[br]例如style=”*width:10px;!important width:20px;”[br]這樣在ie6下寬度為10px,在ie7下寬度時(shí)20px
web前端技術(shù)的展望[br]答：javascript ajax；flash as；flex；sliveright[br][b]附上網(wǎng)上的百度web開發(fā)工程師筆試問題集[/b] [br]1編寫一個(gè)方法 求一個(gè)字符串的字節(jié)長(zhǎng)度

[p]2編寫一個(gè)方法 去掉一個(gè)數(shù)組的重復(fù)元素[/p]

[p]3說出3條以上ff和ie的腳本兼容問題[br]ie 有children，ff沒有；ie有parentelement，ff沒有；ie有innertext,outertext,outerhtml，ff 沒有；ff有htmlelement,htmldivelement,xmldocument,documentfragment,node, event,element等等，ie沒有；ie有數(shù)據(jù)島，ff沒有；ie跟ff創(chuàng)建httprequest實(shí)例的方法不一樣。。等等。。[br]4用腳本寫去除字符串的前后空格[/p]
[p]string.prototype.trim = function(mode)[br]{//前后去空格[br]if (mode==’left’) {[br]return ((this.charat(0) == ” “ && this.length > 0) ? this.slice(1).trim(’left’) : this);[br]} else[br]if (mode == ’right’) {[br]return ((this.charat(this.length - 1) == ” “ && this.length > 0) ? this.slice(0, this.length - 1).trim(’right’) : this);[br]} else {[br]return this.trim(’left’).trim(’right’);[br]}[br]};[/p]
[p]5算出字符串中出現(xiàn)次數(shù)最多的字符是什么，出現(xiàn)了多少次[/p]
[/p]
[p]6寫出3中使用this的典型應(yīng)用[br]在html元素事件屬性中inline方式使用this關(guān)鍵字：[/p]
[p]7.最后一個(gè)問題是，如何制作一個(gè)combo選項(xiàng)，就是可以輸入可以下拉菜單選擇。[/p]
[p]這個(gè)網(wǎng)上有很多成品，主要是通過絕對(duì)定位和相對(duì)定位結(jié)合的方式，改造原有的select 標(biāo)簽和input標(biāo)簽的方法。[/p]
附上javascript正則表達(dá)式的基本知識(shí)：[br]g: 全局匹配[br]i: 忽略大小寫[br]^ 匹配一個(gè)輸入或一行的開頭，/^a/匹配”an a”，而不匹配”an a”[br]$ 匹配一個(gè)輸入或一行的結(jié)尾，/a$/匹配”an a”，而不匹配”an a”[br]* 匹配前面元字符0次或多次，/ba*/將匹配b,ba,baa,baaa[br]+ 匹配前面元字符1次或多次，/ba*/將匹配ba,baa,baaa[br]? 匹配前面元字符0次或1次，/ba*/將匹配b,ba[br](x) 匹配x保存x在名為$1…$9的變量中[br]x|y 匹配x或y[br]{n} 精確匹配n次[br]{n,} 匹配n次以上[br]{n,m} 匹配n-m次[br][xyz] 字符集(character set)，匹配這個(gè)集合中的任一一個(gè)字符(或元字符)[br][^xyz] 不匹配這個(gè)集合中的任何一個(gè)字符[br][b] 匹配一個(gè)退格符[br]b 匹配一個(gè)單詞的邊界[br]b 匹配一個(gè)單詞的非邊界[br]cx 這兒，x是一個(gè)控制符，/cm/匹配ctrl-m[br]d 匹配一個(gè)字?jǐn)?shù)字符，/d/ = /[0-9]/[br]d 匹配一個(gè)非字?jǐn)?shù)字符，/d/ = /[^0-9]/[br]n 匹配一個(gè)換行符[br]r 匹配一個(gè)回車符[br]s 匹配一個(gè)空白字符，包括n,r,f,t,v等[br]s 匹配一個(gè)非空白字符，等于/[^nfrtv]/[br]t 匹配一個(gè)制表符[br]v 匹配一個(gè)重直制表符[br]w 匹配一個(gè)可以組成單詞的字符(alphanumeric，這是我的意譯，含數(shù)字)，包括下劃線，如[w]匹配”$5.98″中的5，等于[a-za- z0-9][br]w 匹配一個(gè)不可以組成單詞的字符，如[w]匹配”$5.98″中的$，等于[^a-za-z0-9[br]舉例：驗(yàn)證email[br]var myreg = /^[_a-z0-9]+@([_a-z0-9]+.)+[a-z0-9]{2,3}$/;[br]if(myreg.test(stremail)) return true;