年前公司又接了個(gè)項(xiàng)目,現(xiàn)在一期接近尾聲了。感想好多怠硼,感覺(jué)好累
項(xiàng)目看著很簡(jiǎn)單鬼贱,就是一個(gè)介紹公司的網(wǎng)站,有pc端也有手機(jī)端(其實(shí)就是適配的問(wèn)題)
功能分布很明確香璃,也是可以互套的架構(gòu)这难。然而,特效很多葡秒;字體特殊姻乓;細(xì)節(jié)需求不明確……
不知道為什么老大這次的項(xiàng)目沒(méi)有評(píng)審,拿來(lái)就做眯牧,然后交付的時(shí)間各種延長(zhǎng)糖权。
被打回的問(wèn)題主要涉及到幾乎都在前端,UI顯示炸站,包括字號(hào)、hover疚顷、有二級(jí)菜單的主菜單的鏈接旱易、主頁(yè)與其他頁(yè)面下主圖的寬高不同問(wèn)題……其實(shí)這些問(wèn)題都可以在需求梳理時(shí)列出來(lái)的,是可以規(guī)避的-有種要拍大腿的沖動(dòng)啊(┬_┬)
所以下次要嚴(yán)格按照流程來(lái)走:
項(xiàng)目立項(xiàng)-測(cè)試需參與
需求評(píng)審-測(cè)試需參與
測(cè)試根據(jù)需求梳理測(cè)試計(jì)劃腿堤、測(cè)試用例(由于是外包項(xiàng)目可以使用思維導(dǎo)圖)
開(kāi)發(fā)編碼并交付程序-進(jìn)入動(dòng)態(tài)測(cè)試流程(提交bug并驗(yàn)證)
上線-上線驗(yàn)證
這次的項(xiàng)目阀坏,感覺(jué)測(cè)試得很匆忙,測(cè)試一直在狀態(tài)外笆檀,沒(méi)有人通知有項(xiàng)目忌堂,到甲方前端和后臺(tái)都看到了,測(cè)試還是不知道酗洒。之后才通知說(shuō)要測(cè)試(OMG)士修,而且只給了個(gè)前端,測(cè)試到某些問(wèn)題的時(shí)候才知會(huì)說(shuō)有后臺(tái)樱衷,那些問(wèn)題都可以后臺(tái)修改(Σ( ° △ °|||)︴)棋嘲。這種時(shí)候不發(fā)飆真的不把測(cè)試當(dāng)回事了,2.1的需求一來(lái)就立馬拿到了矩桂,吃一塹長(zhǎng)一智沸移。(之后的項(xiàng)目,在需求一出來(lái)有通知測(cè)試侄榴,之前的項(xiàng)目也通知雹锣,這個(gè)項(xiàng)目著急了吧)
其實(shí)站在公司層面上來(lái)說(shuō),從一開(kāi)始評(píng)審需求癞蚕,是最節(jié)省人力的蕊爵,后期再發(fā)現(xiàn),返工成本太高涣达。所以在軟件工程上的軟件流程都把需求評(píng)審列在第一位在辆,而且測(cè)試需要參與证薇。
這時(shí)候就進(jìn)入另一個(gè)命題了:論軟件流程的重要性
哈哈,好多種開(kāi)發(fā)模式可以選擇匆篓,現(xiàn)在流行的是敏捷模式(流行浑度,不代表用得溜⊙﹏⊙),這時(shí)候需要開(kāi)發(fā)與測(cè)試結(jié)對(duì)工作
當(dāng)每個(gè)環(huán)節(jié)都按照流程來(lái)走鸦概,每個(gè)人都負(fù)責(zé)自己的環(huán)節(jié)正確運(yùn)行箩张,效率會(huì)大大提升的,不會(huì)被甲方在“屁股”后面踢一下踢一下窗市,大家的積極性也會(huì)比各種“炒冷飯”高的
每次測(cè)試網(wǎng)站的時(shí)候先慷,就會(huì)有種又學(xué)了好多東西的感覺(jué),特別是前端咨察。因?yàn)槎ㄎ粏?wèn)題要自己先來(lái)论熙,如果實(shí)在找不到,就只能丟給開(kāi)發(fā)摄狱,然后再跟他們學(xué)一招脓诡。
1.這次接觸了一個(gè)網(wǎng)站字體選擇的寫(xiě)法:font-family。以前都沒(méi)有接觸到不同字體的需求媒役,清一色的默認(rèn)字體祝谚,然后這次甲方有要求字體,如果是單一的字體酣衷,會(huì)出現(xiàn)適配的問(wèn)題交惯,如果使用font-family,就可以規(guī)避這個(gè)問(wèn)題了穿仪,如名字font-family所示席爽,它是一個(gè)字體名的集合,可以根據(jù)實(shí)際情況按照順序優(yōu)先選擇字體牡借。這個(gè)屬性簡(jiǎn)直就是神奇 的存在啊拳昌。
2.第二個(gè)是重新認(rèn)識(shí)字體大小的三種寫(xiě)法:px,em,rem。px大家都知道钠龙,就是實(shí)實(shí)在在的像素炬藤,不會(huì)變的,從出生開(kāi)始就是這么大碴里。em是相對(duì)父節(jié)點(diǎn)的沈矿,父節(jié)點(diǎn)變大它也變大,父節(jié)點(diǎn)變小它也變小咬腋,局部變量的感覺(jué)羹膳。rem就更高級(jí)了,是基于em的根竿,rem是相對(duì)根節(jié)點(diǎn)的陵像,全局變量的概念就珠。
3.!important醒颖。優(yōu)先級(jí)最高妻怎,優(yōu)先顯示!important前的屬性泞歉。但是在IE6及以下不能覆蓋后一種屬性逼侦,但是可以分兩條。如:div{color:blue !important;color:red;}優(yōu)先顯示藍(lán)色
4.圖片作為背景可以適配不同分辨率腰耙,且下載速度會(huì)比img標(biāo)簽快榛丢。何時(shí)使用img標(biāo)簽,何時(shí)使用background-image背景圖像