1. 電腦中了僵屍網路怎麼辦
第一劍:採用Web過濾服務
Web過濾服務是迎戰僵屍網路的最有力武器。這些服務掃描Web站點發出的不正常的行為,或者掃描已知的惡意活動,並且阻止這些站點與用戶接觸。
第二劍:轉換瀏覽器
防止僵屍網路感染的另一種策略是瀏覽器的標准化,而不是僅僅依靠微軟的Internet Explorer 或Mozilla 的Firefox。當然這兩者確實是最流行的,不過正因為如此,惡意軟體作者們通常也樂意為它們編寫代碼。
第三劍:禁用腳本
另一個更加極端的措施是完全地禁用瀏覽器的腳本功能,雖然有時候這會不利於工作效率,特別是如果雇員們在其工作中使用了定製的、基於Web的應用程序時,更是這樣。
第四劍:部署入侵檢測和入侵防禦系統
另一種方法是調整你的IDS(入侵檢測系統)和IPS(入侵防禦系統),使之查找有僵屍特徵的活動。例如,重復性的與外部的IP地址連接或非法的DNS地址連接都是相當可疑的。另一個可以揭示僵屍的徵兆是在一個機器中SSL通信的突然上升,特別是在某些埠上更是這樣。這就可能表明一個僵屍控制的通道已經被激活了。您需要找到那些將電子郵件路由到其它伺服器而不是路由到您自己的電子郵件伺服器的機器,它們也是可疑的。
第五劍:保護用戶生成的內容
還應該保護你的WEB操作人員,使其避免成為「稀里糊塗」的惡意軟體犯罪的幫凶。如果你並沒有朝著WEB 2.0社會網路邁進,你公司的公共博客和論壇就應該限制為只能使用文本方式。如果你的站點需要讓會員或用戶交換文件,就應該進行設置,使其只允許有限的和相對安全的文件類型,如那些以.jpeg或mp3為擴展名的文件。(不過,惡意軟體的作者們已經開始針對MP3等播放器類型,編寫了若干蠕蟲。而且隨著其技術水平的發現,有可能原來安全的文件類型也會成為惡意軟體的幫凶。)
第六劍:使用補救工具
如果你發現了一台被感染的計算機,那麼一個臨時應急的重要措施就是如何進行補救。像Symantec等公司都宣稱,他們可以檢測並清除即使隱藏最深的rootkit感染。Symantec在這里指明了Veritas和VxMS(Veritas Mapping Service)技術的使用,特別是VxMS讓反病毒掃描器繞過Windows 的文件系統的API。(API是被操作系統所控制的,因此易於受到rootkit的操縱)。其它的反病毒廠商也都試圖保護系統免受rootkit的危害,如McAfee 和FSecure等。
2. 下一代網上銀行的基於Web2.0的第二代網上銀行
1. 虛擬性,網路銀行由用戶終端機和銀行的網路服務形成的虛擬化平台,它不需要實體建築、裝修、網點經理,只需要網址就可以實現在全世界都可以訪問銀行提供的服務。實現了「AAA」式服務,即任何時間(Anytime)、任何地方(Anywhere)和任何方式(Anyhow)。
2. 廣泛性,跨越服務提供的時間、空間限制,實現了服務的廣泛可達性。任何用戶只需要一台可以上網的電腦(未來將是手機),就可以隨時隨地的訪問銀行服務。和傳統銀行網點渠道相比,它能夠達到服務更多、更廣泛客戶的要求。
3. 創新性,相對於網點,基於互聯網的網路銀行具有其獨特的一些特點。由於互聯網的普及,網銀的邊際傳播成本趨於0,所以相比於其他銀行渠道的擴展,網銀給各大小銀行提供了一個平等創新平台。不管大小銀行,都可以通過金融服務的創新,推陳出新個性化,多樣化的產品,來符合市場的需求。好的金融產品和服務可以超越網點少的束縛,將服務延伸到全球任何一個角落,提高銀行的品牌和價值。
4. 低成本,相較於銀行網點,網路銀行的成本十分低廉,其成本只佔收入的15%到20%左右,而相比下網點的成本佔到收入的60%左右。
網路銀行由於其獨特的特點和優勢,成為銀行重要的戰略渠道。但現今的網路銀行也有其局限性。其主要表現為目前的第一代網銀是以銀行為中心的網上交易渠道,銀行的主要目標就是提供在線的交易(出發點是將櫃台交易自助化),並沒有體現太多互聯網,尤其是Web2.0帶來的新的發展趨勢和特性。所有的用戶登錄到網路銀行後,看到的是同樣的服務,同樣的產品推薦,同樣的信息。所以,當今的銀行網路銀行渠道是以銀行自我為中心的交易平台,而不是以用戶為中心服務平台。 隨著互聯網的發展(尤其是Web 2.0的迅速發展)、市場的變化、競爭對手的壓力,以及客戶越來越個性化的需求。傳統的以交易為中心的網路銀行渠道已經不能符合銀行業務發展的需求。
1. 來自市場的壓力
當前國內銀行由於其銀行的商業化運作過程起步較晚,贏利模式單一,中間業務和國外發達國家來說,相對較弱。下面是某國內銀行和某西方商業銀行的收入來源圖:
從圖中可以看出,西方商業銀行的收入比例多來源於金融增值服務-中間業務,而國內商業銀行的收入來源多來源於利息差。當前國內商業銀行要扭轉局勢,必須進行轉型,大力發展並提高中間業務收入。而銀行渠道作為客戶接觸銀行的接觸點,如何在渠道系統中進行客戶細分,如何為不同類型的客戶提供個性化的服務,並最終把銀行的渠道從以交易為中心的渠道轉型為以客戶為中心的智能的渠道,是銀行進行渠道轉型的驅動力之一,而網路銀行又是其中最重要的渠道之一。
2. 來自競爭對手的壓力
現在銀行之間金融產品的同質性越來越嚴重,有人說:金融產品的生命周期只有一個月。也就是說一個銀行推出一個創新的金融產品後,一個月內就有其他銀行類似的金融產品推出市場,可見同行之間的競爭激烈程度。而對於全業務經營下的大銀行而言,競爭尤為激烈。剛開始運營新的業務和產品,都會面臨競爭對手的猛烈擠壓,原有的傳統優勢業務也將受到新進競爭者的嚴重沖擊。如何在對方的優勢領域中拓展市場,同時繼續保持傳統業務中的持續領先優勢,成為當前大小銀行所關注的重點。而銀行提升核心競爭力的關鍵,將由產品本身轉移到服務、品牌、客戶忠誠度等「軟性指標」上面。我們認為,應從關注顧客讓渡價值的角度出發,提供高於競爭對手的顧客讓渡價值,才能提升銀行在行業中的整體競爭力,為持續性利潤的增長找到出路。
3. 來自客戶的壓力
隨著網路的發展,Web2.0理念深入人心,伴隨著「網路次生代」群體的發展(網路次生代是指:30歲以下,伴隨著網路而成長,崇尚個性化的生活、自由、共享,追求客戶體驗等),網路新生代正在迅速成為社會的中間力量。據統計到2010年,社會將有40%的勞動力由「網路次生代」組成。
網路次生代將帶來「社會零碎化」的加劇。20世紀的時候,一個產品推出往往能夠符合80%客戶的需求。而21世紀所謂「消費者主權時代」的到來,意味著有相同需求的客戶已經越來越少,客戶需求越來越多樣化、個性化。這就迫使銀行必須進一步地鑽研和了解不同客戶的需求和購買行為,才能為客戶提供符合他們需求的服務,達到好的客戶體驗和客戶忠誠度。
我們知道,「定製化」的服務必將帶來成本的急劇增加(比如私人銀行業務),所以成本的約束使得傳統的網點無法大規模推廣個性化的服務。但是,隨著互聯網的不斷發展(尤其是Web2.0的誕生),利用網路獨有的特性,「大規模定製化」(既符合個性化的服務需求,又能滿足大規模生產的低成本要求)將通過銀行電子渠道成為可能。
隨著消費者素質的不斷提高以及銀行產品和業務的同質化,用戶會越來越理性地選擇能夠給自己帶來最大利益的銀行。利益最大化對於消費者來說是一個相對的概念,根本體現為總顧客價值與總顧客成本之差,這個差值在營銷學上叫做顧客讓渡價值。其中,總顧客價值是指顧客從某一特定產品或服務中獲得的一系列利益,如產品價值、服務價值、人員價值和形象價值等;而總顧客成本是指在評估、獲得和使用該產品或服務時引起的顧客預計費用,如貨幣成本、時間成本、體力成本和精力成本等。用公式表示為:顧客讓渡價值=總顧客價值-總顧客成本。
因此,銀行的核心競爭力將逐漸的由以產品、以風險為中心轉向以客戶為中心。如果銀行要想在市場上有較高的競爭地位,就要向客戶提供高於競爭對手的顧客讓渡價值,即在顧客讓渡價值上佔有優勢。這對於銀行如何在經營服務中全面設計與評價自己產品的價值,使顧客獲得最大限度的滿意,進而提高銀行的整體競爭力具有重要意義。
需求催生變革,當前網路銀行理念、技術、功能和體驗已經無法滿足當前商業銀行的業務發展需要,需要下一代網路銀行產生。Web2.0則正是這樣的一個理念、技術和體驗,與銀行的業務發展相伴相生。 說到Web 2.0,技術人員說它是技術,市場人員說它是營銷,設計人員說它是客戶體驗,創業者說它是商業模式。這些說法既對也不對,因為Web 2.0既可以是所有這些,又不僅僅是這些,Web 2.0概念從不同角度看有不同的含義。
文章從兩個層面簡單介紹Web 2.0——商業應用模式和技術層面。
1. Web 2.0商業模式及應用
Web 2.0衍生的商業模式和應用有很多,如C2C電子商務、基於視頻的營銷、長尾理論等等,這樣的例子多不勝數。其核心思想是從傳統的以企業為中心,轉向為以用戶為中心。
Web 2.0時代,終端用戶在網路中扮演著越來越重要角色,從社區的普及、blog/Wiki的流行、視頻/Flash的風靡、標簽的廣泛應用、用戶積極參與產品和服務的體驗反饋,到終端用戶在網路中開展商業活動等,終端用戶已經不再單純是企業信息和服務的消費者,同時也是信息和服務的提供者。Web2.0時代,是用戶為主角的時代,各種商業模式和應用都將更加註重用戶需求和用戶體驗。
2. Web 2.0技術
Web 2.0是一個網路富客戶端技術,隨著Web 2.0技術的流行,產生了一系列優秀的AJAX框架,如Dojo、jQuery、Prototype、Ext等。基於這些Ajax框架,Web 2.0應用具有非常豐富的展現和客戶體驗。
Web2.0中還有一個重要的技術:Mashup混搭技術。Mashup技術和標準的產生和發展,極大促進了Web2.0的發展,Web2.0應用以MashupWidget方式發布服務,然後通過Mashup技術可以非常方便的組合各種Widget,組合成一種新的應用。
此外,還有一系列Web 2.0技術,如Atom、Restful、JSON等。
Web 2.0理念及技術已經應用到了很多行業,尤其是社會化網路和零售業。在銀行業雖然起步較晚,但影響正逐漸增大。而IBM不僅在Web 2.0的技術方面,而且在基於Web 2.0的行業解決方案方面都在影響著整個市場。 在其他行業,Web2.0的理念和應用已經非常廣泛,如搜索行業的Google、Bai等,電子商務方面有Ebay、TaoBao等,社區有Facebook、Youtube等。相對於較保守的銀行業,Web2.0的應用則起步較晚,而且都只是一些簡單的社區等應用。但Web2.0給銀行網路帶來的影響已經越來越大。如ING集團美國某總裁說的那樣:現在不採用Web 2.0對銀行產生的風險比採用Web 2.0大的多得多。
1. 新的商業模式誕生
Web2.0帶來的理念上的影響遠比技術上的影響大得多,如淘寶、Ebay等Web2.0電子商務顛覆了傳統電子商務理念。在銀行業,伴隨著Web2.0的開展,也必將帶來創新的金融商業模式和服務。圍繞以用戶為中心的Web2.0思想,銀行必能推陳出新出更多的符合市場需要的服務。下面是一個基於Web 2.0的小額貸款創新案例。
C2C小額貸款案例:傳統商業銀行,對客戶提供服務或貸款產品,銀行是服務的唯一提供者,這是屬於典型的B2C的業務模式。而一個名為Zopa的網站開展的業務(見下圖),不屬於任何一個傳統的銀行業務,它是對傳統銀行業務的創新,基於這個平台,允許客戶和客戶之間非常方便的進行小額貸款。這種C2C的銀行業務模式,是基於Web2.0理念的商業模式創新。也已經開始對銀行的現有業務模式產生了巨大的影響,而銀行也可以採用Web2.0的理念和技術來提供更多、更好的增值服務服務客戶,否則新業務模式的產生即將會影響到銀行傳統業務模式的運營和盈利。
2. 分走了客戶和資金
Web2.0影響著各個行業,而由此間接影響著銀行業。典型的例子是淘寶、Ebay等電子商務網站分走了大批的銀行客戶,而像支付寶等在線支付機構,也帶走了大量銀行的資金和業務。隨著金融混業經營的全面開展,銀行可以經營其他業務,相同的其他機構也可以經營金融業務。在面對機遇的同時,銀行業也迎來了激烈的挑戰。如前面所說,網路銀行提供了一個相對公平的平台,一個有創新性的銀行如果能夠推陳出新,不斷推出符合市場需求的產品和服務,就能通過網路銀行把產品和服務推向全世界,提高競爭力,這也給了一些小銀行重新瓜分市場的機會。所以對銀行來說,不進行網路銀行渠道轉型的後果是,散失越來越多的客戶,轉而被其他行業或公司搶走優質資源。
3. 社區式理財
傳統的理財由銀行理財專員或客戶經理向銀行客戶提供理財咨詢和服務,這是一種B2C的服務提供方式。Web2.0的發展,帶來的是用戶與用戶緊密聯系,用戶不僅是信息和服務的接收者,他們的經驗和經歷感受也可以作為信息和服務的提供者,而且客戶之間提供的信息和服務更容易讓其他客戶信任、更有效。所以基於Web 2.0社會化網路和銀行業務結合,可以衍生出基於社區的理財方式。
4. 豐富的用戶體驗
當前大多銀行的網路銀行用戶體驗都較差,利用Web 2.0的客戶端技術,可以增加客戶體驗,如下:
· 大多銀行採用傳統方式展現網路服務,如大量的文本文字。如果採用Flash視頻或者豐富的圖表,用戶體驗則會好很多。
· 全局刷新。採用Web 2.0技術,可以實現局部刷新,客戶體驗和易用性更好。
· 集成更多用戶增值服務。如:可以集成Google Map或BaiDu Map到網路銀行服務中,與銀行網點結合,提供豐富的支行地址、支行服務情況等信息。
· 提供社區環境,供客戶之間實時交流銀行服務以及理財經驗。
· 提供在線人工服務。 結合Web 2.0技術與銀行業務發展需求,產生了基於Web 2.0的下一代網路銀行。與傳統的以銀行為中心的網路銀行相比,基於Web 2.0的下一代網路銀行是網上金融超市,是以用戶為中心的網上營銷平台,為終端用戶提供良好的客戶體驗:
1. 網上金融超市:隨著混業經營逐漸開展和深入,網路銀行的產品將越來越多,越來越多樣化,如銀行傳統業務、保險、基金、期貨、黃金、外匯等。網路銀行就不僅僅是一個網上的交易平台,而是一個金融超市,客戶在網路銀行上可以得到一站式的金融服務。
2.、以客戶為中心的營銷平台:一方面隨著社會零碎化,網路次生代逐漸成為社會的主要勞動力,客戶越來越多樣化,需求越來越個性化;另一方面網路銀行能夠提供的產品越來越多,怎樣在網路銀行把合適的服務,通過合適的渠道,讓合適的客戶非常方便的選擇和使用是當前的一個矛盾和挑戰。以客戶為中心的營銷平台,首先是個性化的網上渠道,不同的客戶登錄後可以看到不同的服務,甚至不同的背景,風格,顏色,推薦服務,緊急通知等。在個性化平台基礎上,銀行也可以基於客戶的渠道行為習慣、歷史交易、風險偏好等信息為客戶提供個性化的服務。
3.、客戶體驗:作為客戶接觸銀行服務的接觸點,客戶在服務過程中的客戶體驗至關重要。根據馬斯洛需求層次理論,人的需求是有多個層次。功能滿足只是客戶的最基本需求,客戶體驗則是功能基礎上的更高層次的客戶需求。當前,大部分網路銀行都能在功能上滿足客戶,但大部分銀行的客戶體驗都有待於提高。這里的客戶體驗包括用戶個性化的服務,是否能夠方便的找到自己熟悉的服務(很多網路銀行,用戶需要點擊5次滑鼠才能找到服務),在購買過程中的是否有各種相關信息的支持,是否支持自定義的服務列表等都將變成客戶基本的要求。
基於Web2.0的下一代網路銀行,首先將不再僅僅是一個「交易點平台」,而變成一個全面的「營銷鏈平台」,能結合客戶的整個消費過程提供服務。傳統網路銀行是基於交易的,每個客戶在網路銀行的交易都是一個個的「交易點」,這些交易點是用戶和銀行之間進行服務的唯一的交互所在。基於Web2.0網路銀行,把這個「交易點」進行延伸,使其變成一個「營銷鏈」,為客戶的消費過程進行服務,如下圖所示:
1. 激發消費慾望
在下一代網路銀行,能結合視頻、圖表等豐富的展現方式,或以游戲的方式為客戶提供金融理財資訊和信息。用以激發用戶的消費慾望。
2. 售前調研
金融產品屬於「高介入度」產品,用戶需要充分的信息查閱,分析調研後才會進行消費決策。基於Web 2.0的下一代網路銀行中,能夠提供產品和服務的全面信息整合,並且信息的推送是與產品「上下文」與「個人偏好」結合,實現信息的價值。
信息來源可以是銀行的分析報告,同類產品的對比,也可以是第三方的新聞等,充分滿足用戶的售前調研需求(技術上可以利用Web 2.0 Mashup混搭技術進行信息集成與關聯)。
3. 售中
在用戶的消費操作過程中,一方面可以提供在線的幫助,輔助用戶順利的完成消費操作過程(技術上可以利用ClicktoCall和Co-Browsing技術實現網路銀行與CallCenter之間的多渠道協同協助);另一方面,銀行可以根據用戶的「事件」,增加交叉銷售與追加銷售的功能。具體可以參考《基於事件營銷的銀行系統架構》一文。
4. 售後關注
售後是營銷中非常重要的一個環節,客戶一旦對售後服務不滿意,將直接導致客戶忠誠度的降低,也將直接帶來銀行利潤的下降。如:客戶在購買基金產品後,容易產生「感知焦灼」,害怕收益縮水,哪怕是正常的波動也會造成客戶的「厭惡感」,並由此降低對銀行的滿意度。在下一代的網路銀行中,應該考慮為客戶提供基金波動分析,甚至同業的業績對比,降低客戶的感知焦灼。
下一代網路銀行的售後服務還包括持續的產品相關信息推送,基於事件的客戶忠誠度跟蹤和服務,客戶感興趣的禮品推送等。
5. 重復購買
隨著客戶的售後服務滿意度提高,客戶重復購買的幾率提高,逐漸成為銀行的忠實客戶;同樣,隨著客戶購買銀行產品的數量增加,客戶對銀行的粘度和依賴性也會增強(如持有儲蓄卡和信用卡兩個產品的客戶的忠誠度,遠遠高於單獨持有儲蓄卡的客戶的忠誠度)
6. 客戶終身價值
在一個人的生命周期過程中,需求是不斷變化的。如在學生階段、畢業工作階段、為人父人母階段、退休階段等,各個階段對金融服務和產品的需求是不同的,銀行應關注保持和客戶的長期關系,視客戶為資產,實現基於客戶生命周期的全面關系營銷。而這些都可以通過下一代網路銀行渠道成為現實。 IBM的WM-BTT(WebSphere Multichannel Bank Transformation Toolkit)產品能夠幫助銀行實現新一代網路銀行。下圖是IBM WM-BTT產品基於Web 2.0的下一代網路銀行架構圖:
IBM提供的基於Web 2.0的下一代網路銀行解決方案,提供豐富的客戶體驗,個性化的服務,定製化的網銀桌面,基於事件的營銷,服務、信息的上下文關聯等特性。下圖是基於該解決方案的一個演示截圖:
下面是一個銀行代銷樓盤服務為實例。在網路銀行中,選中該服務,下圖中左邊顯示可供銷售的樓盤信息,右邊是GoogleMap服務和Google街景服務,右下角是貸款計算器服務。這些服務與信息集成在一起組成了代銷樓盤服務。這樣的服務無疑比傳統的文字加圖片的描述,更加吸引用戶,也能為用戶提供更多的增值信息。
3. Web前端工程師成為職場新貴五類人群適合從事Web前端
草創型互聯網公司獲得風投時,首先就要把錢砸向前端把客戶體驗做好
一般初創的互聯網公司最燒錢的時候往往都是剛剛獲得風投或融資的時候,因為他們要把錢砸向前端,因為那時候沒有客戶訪問,對於企業來說只有先做好前端技術、做好客戶體驗一切才有可能。用戶體驗做好,才有人訪問,訪問的人多了,才會優化後端,才做客戶分析。互聯網公司都清楚只有把客戶體驗做好一切才有可能,因此,他們獲得融資後第一件事就是招聘Web前端開發人員,先把前端開發做起來,把客戶體驗做起來,這就是為什麼前端開發很火,前端工程師工資很高的原因。
根據招聘門戶網站前程無憂和智聯招聘公布的數據,每個月企業在51job上公布的職位量在1.3萬左右,在智聯招聘上公布的職位量是2.4萬左右,從這個數據我們可以看到企業對Web前端工程師需求的旺盛程度。不僅如此,智聯招聘的職業專家介紹:Web前端工程師工作1~2年後通常會成為Web前端高級軟體工程師,年薪可以達到15萬以上;工作3-5年後通常可以成為Web前端技術主管或者經理,年薪在15-50萬之間;工作年限5年以上,通常會成為互聯網公司的技術總監或產品經理,年薪將達到50萬-100萬之間。
優秀的WEB前端工程師具備編寫任何一個互聯網系統的前端頁面、交互代碼的能力
互聯網的高速發展促使互聯網企業對於網站等頁面的用戶體驗要求也越來越高,導致網站開發難度越來越大,於是一個新興職業應運而生——web前端工程師。因為互聯網時代的高速發展,公司企業的迫切需求web前端工程師,web人才成為各大公司名企爭搶的「香餑餑」。
根據對100家互聯網名企對Web開發工程師的招聘要求分析,企業要求主要有兩部分,一個是核心要求,一個是輔助要求,核心要求包括:語言技術:JS基礎和核心/HTML5/CSS3、框架技術:JQuery、AJAX、Bootstrap、AngularJS、通訊協議技術:HTTP協議、服務端開發技術、交互技術:UI交互設計、客戶端技術:微信開發技術、html5、JS、SDK開發、Android、iOS、Web_pp開發技術。輔助要求有1-3年Web工作經驗(近80%的企業)、學歷及相關專業、文檔規范寫作能力、團隊合作能力、責任心。
UI設計師、後台程序員、網蟲、站長、畢業生成為五類從事Web前端工程師的主要群體
相對於其他IT技術職位來說,Web前端工程師算是半個程序員,很多從事此項工作的都是非計算機相關專業出身,這當然是因為互聯網行業吸引人以及HTML和CSS入門起點低,目前大學里尚能全民考C(計算機二級),全民做網頁也沒有什麼稀奇,而且因為Web前端工程師職位所處位置的交叉性,註定有很多Web前端開發人員是轉行而來。
第一類人群:設計師轉Web前端工程師
這種情況最常見,究其原因與web標准在中國的推廣手法有關,我們最先接觸的是"禪意花園"那些漂亮的設計,另一方面中國的網頁設計師通常要兼顧頁面製作,所以自然也會對其樣式和數據分離的特性產生興趣。搞設計出身的前端有一個優勢是能更好地把握設計稿的表現重點。
第二類人群:後台程序員轉Web前端工程師
作為與代碼有關的工作,更適合程序員學習,其思維方式相似。像淘寶第一位前端工程師本身是寫Java的,經常也聽到有面試後台程序員結果被推到前端然後被錄取的,很多後台轉戰前端的程序員,大多去做Web_pps,即基於Ajax和各種復雜架構的Web運用,而這一技術方向,也是Web前端的大勢所趨。
第三類人群:網蟲轉Web前端工程師
隨著互聯網的普及,越來越多的小孩很早便接觸了互聯網,玩游戲、做博客等等,想學點與互聯網相關的內容,首選自然是前端,因為入門要求低,很多Twitter名人就是其中的典型,他們更懂得網民需要什麼,寫的程序操作簡單。
第四類人群:策劃、編輯、草根站長轉Web前端工程師
很多的網站策劃和編輯不再只是復制和轉帖這類重復性的工作,也需要看懂常見的代碼,對於提高工作效率和質量有一定的幫助,慢慢的也開始了解這個行業,比一般性的文字工作有趣,並且經過深入的學習。還有很多在實踐中成長起來的草根站長,最初就是搞幾個站玩玩,在不斷的建站過程中學到一些前端技術,提高了"前端修養"。
第五類人群:大學畢業生轉Web前端工程師
2015年大學生畢業749萬,並且這個人數正在逐年增加,大學生就業壓力逐漸增大,面對積重難返的大學生就業困境,很多畢業生看到了Web前端工程師主要是在互聯網企業工作,但技術門檻相對較低、需求量較大,薪資待遇良好,以及廣闊的發展空間等優勢依然選擇了Web前端工程師作為職位方向,也是一個不錯擇業的選擇。
北大青鳥Web前端課程四大優勢,成為選擇Web前端培訓「非達莫屬」
2015年北大青鳥科技重磅推出了最時尚的Web前端工程師課程,一經推出就受到各界好評,究竟北大青鳥Web前端工程師課程與其他培訓機構相比有何特點和優勢呢?第一,北大青鳥公司是Adobe官方指定UI培訓機構,開設最專業的UI課程,國內只有北大青鳥最懂UI設計課程,因此,北大青鳥是最懂前端設計的;_浯危貝笄嗄窆揪奐幸的100多名頂級技術專家,開設技術最強的14大技術課程,在中國只有北大青鳥最懂後端技術;最後,北大青鳥在全國擁有5萬家合作企業,20萬被名企高薪錄用畢業學員的成功經驗,是中國最了解企業招聘需求的教育公司,正是這四大優勢北大青鳥是行業內最懂Web前端技術,開設最科學Web前端課程。
第二,北大青鳥為了更好地讓學員就業,對上萬家合作企業進行調研,了解他們對Web前端工程師最核心的技能要求和技術要求而設置課程內容,這樣保證北大青鳥Web前端工程師與企業招聘要求的匹配度最高;
第三,WEB前端的職位屬性決定了他既需要對接設計,又需要對接後端的程序,起到承上啟下的關鍵作用,這個關鍵的職位屬性,決定了其學的技術內容覆蓋的技術面肯定要更為廣泛。北大青鳥Web前端課程設置是行業內技術內容最全面、最專業的。而目前市場上,大多數培訓機構開設Web前端課程,4個月只學HTML/CSS/JS,這意味著課程內容設置不夠專和也不夠深,而且大多數機構會把課程分設計型和技術型,要麼把Web課程嵌入到PS/HTML/CSS/JS課程內容里,要麼把Web課程嵌入到UI課程里,還有的機構把Web課程嵌入到PHP課程內容里,這樣都會使Web前端課程學習變得很片面,很難滿足企業對Web前端工程師的要求。
第四,北大青鳥Web前端課程培養的是全棧式Web前端工程師,學會的技能數量多、性價比最高,學完對於瀏覽器、手機、微信等領域均能勝任,而其他的培訓機構只教HTML/JS/CSS等瀏覽器的前端技術,學完只會1-3種技能,從企業招聘需求來看,沒有任何一個企業招聘只會JS、CSS的技能單一型求職者。
4. 武漢哪裡有午夜劇場電影
一般不是大的像萬達的都有 但是不是很晚 就一兩點就結束了像樓上的已經回答的很仔細了!如果不是經常看的話 建議不要辦會員卡 也沒多劃得來
5. Web前端工程師應該知道的用CSS隱藏頁面元素的方法!
今天小編要跟大家分享的文章是關於Web前端工程師應該知道的用CSS隱藏頁面元素的方法!用CSS隱藏頁面元素有許多種方法。你可以將opacity設為0、將visibility設為hidden、將display設為none或者將position設為absolute
然後將位置設到不可見區域。
你有沒有想過,為什麼我們要有這么多技術來隱藏元素,而它們看起來都實現的是同樣的效果?每一種方法實際上與其他方法之間都有一些細微的不同,這些
不同決定了在一個特定的場合下使用哪一個方法。本篇文章就帶大家了解一下不同的方法分別用於那種場合更合適,下面就讓我們一起來看一看吧!
一、opacity
opacity屬性的意思是設置一個元素的透明度。它不是為改變元素的邊界框(boundingbox)而設計的。這意味著將opacity設為0
只能從視覺上隱藏元素。而元素本身依然占據它自己的位置並對網頁的布局起作用。它也將響應用戶交互。.hide{
opacity:0;}
如果你打算使用opacity
屬性在讀屏軟體中隱藏元素,很不幸,你並不能如願。元素和它所有的內容會被讀屏軟體閱讀,就像網頁上的其他元素那樣。換句話說,元素的行為就和它們不透明時一致。
我還要提醒一句,opacity屬性可以用來實現一些效果很棒的動畫。任何opacity屬性值小於1
的元素也會創建一個新的堆疊上下文(stackingcontext)。
看下面的例子:
看@SitePoint提供的例子「用opacity隱藏元素」
當你的滑鼠移到被隱藏的第2個的區塊上,元素狀態平滑地從完全透明過渡到完全不透明。區塊也將cursor屬性設置為了
pointer,這說明了用戶可以與它交互。
二、visibility
第二個要說的屬性是visibility。將它的值設為hidden將隱藏我們的元素。如同opacity
屬性,被隱藏的元素依然會對我們的網頁布局起作用。與opacity唯一不同的是它不會響應任何用戶交互。此外,元素在讀屏軟體中也會被隱藏。
這個屬性也能夠實現動畫效果,只要它的初始和結束狀態不一樣。這確保了visibility
狀態切換之間的過渡動畫可以是時間平滑的(事實上可以用這一點來用hidden實現元素的延遲顯示和隱藏——譯者注)。.hide{
visibility:hidden;}
下面的例子演示了visibility與opacity有怎樣的不同:
看@SitePoint提供的例子「用visibility隱藏元素」
注意,如果一個元素的visibility被設置為hidden,同時想要顯示它的某個子孫元素,只要將那個元素的visibility顯式設置為
visible即可(就如例子裡面的.o-hidep——譯者注)。嘗試只hover在隱藏元素上,不要hover在p
標簽里的數字上,你會發現你的滑鼠游標沒有變成手指頭的樣子。此時,你點擊滑鼠,你的click事件也不會被觸發。
而在
標簽則依然可以捕獲所有的滑鼠事件。一旦你的滑鼠移動到文字上,
本身變得可見並且事件注冊也隨之生效。
三、display
display屬性依照詞義真正隱藏元素。將display屬性設為none
確保元素不可見並且連盒模型也不生成。使用這個屬性,被隱藏的元素不佔據任何空間。不僅如此,一旦display設為none
任何對該元素直接打用戶交互操作都不可能生效。此外,讀屏軟體也不會讀到元素的內容。這種方式產生的效果就像元素完全不存在。
任何這個元素的子孫元素也會被同時隱藏。為這個屬性添加過渡動畫是無效的,它的任何不同狀態值之間的切換總是會立即生效。
不過請注意,通過DOM依然可以訪問到這個元素。因此你可以通過DOM來操作它,就像操作其他的元素。.hide{
display:none;}
看下面的例子:
@SitePoint提供的例子「用display隱藏元素」
你將看到第二個塊元素內有一個
元素,它自己的display屬性被設置成block,但是它依然不可見。這是
visibility:hidden和display:none的另一個不同之處。在前一個例子里,將任何子孫元素visibility顯式設置成
visible可以讓它變得可見,但是display不吃這一套,不管自身的display值是什麼,只要祖先元素的display是
one,它們就都不可見。
現在,將滑鼠移到第一個塊元素上面幾次,然後點擊它。這個操作將讓第二個塊元素顯現出來,它其中的數字將是一個大於0
的數。這是因為,元素即使被這樣設置成對用戶隱藏,還是可以通過JavaScript來進行操作。
四、position
假設有一個元素你想要與它交互,但是你又不想讓它影響你的網頁布局,沒有合適的屬性可以處理這種情況(opacity和visibility影響布局,
display不影響布局但又無法直接交互——譯者注)。在這種情況下,你只能考慮將元素移出可視區域。這個辦法既不會影響布局,有能讓元素保持可以操作。下面是採用這
種辦法的CSS:.hide{
position:absolute;
top:-9999px;
left:-9999px;}
下面的例子闡明了怎樣通過絕對定位的方式隱藏元素,並讓它和前面的那個例子效果一樣:
看@SitePoint提供的例子「用position屬性隱藏元素」
這種方法的主要原理是通過將元素的top和left
設置成足夠大的負數,使它在屏幕上不可見。採用這個技術的一個好處(或者潛在的缺點)是用它隱藏的元素的內容可以被讀屏軟體讀取。這完全可以理解,是因為你只是將元素移到可視區域外面讓用戶無法看到它。
你得避免使用這個方法去隱藏任何可以獲得焦點的元素,因為如果那麼做,當用戶讓那個元素獲得焦點時,會導致一個不可預料的焦點切換。這個方法在創建
自定義復選框和單選按鈕時經常被使用。(用DOM模擬復選框和單選按鈕,但用這個方法隱藏真正的checkbox和radio
元素來「接收」焦點切換——譯者注)
五、clip-path
隱藏元素的另一種方法是通過剪裁它們來實現。在以前,這可以通過clip屬性來實現,但是這個屬性被廢棄了,換成一個更好的屬性叫做
clip-path。NitishKumar最近在SitePoint發表了「介紹clicp-path
屬性」這篇文章,通過閱讀它可以了解這個屬性的更多高級用法。
記住,clip-path屬性還沒有在IE或者Edge下被完全支持。如果要在你的clip-path中使用外部的SVG
文件,瀏覽器支持度還要更低。使用clip-path屬性來隱藏元素的代碼看起來如下:.hide{
clip-path:polygon(0px0px,0px0px,0px0px,0px0px);}
下面是一個實際使用它的例子:
看@SitePoint提供的例子「用clip-path屬性隱藏元素」
如果你把滑鼠懸停在第一個元素上,它依然可以影響第二個元素,盡管第二個元素已經通過clip-path隱藏了。如果你點擊它,它會移除用來隱藏的
class,讓我們的元素從那個位置顯現出來。被隱藏元素中的文字仍然能夠通過讀屏軟體讀取,許多WordPress站點使用clip-path或者之前的
clip來實現專門為讀屏軟體提供的文字。
雖然我們的元素自身不再顯示,它也依然占據本該占據的矩形大小,它周圍的元素的行為就如同它可見時一樣。記住用戶交互例如滑鼠懸停或者點擊在剪裁區
域之外也不可能生效。在我們的例子里,剪裁區大小為零,這意味著用戶將不能與隱藏的元素直接交互。此外,這個屬性能夠使用各種過渡動畫來實現不同的效果。
結論
在這篇教程里,我們看了5種不同的通過CSS
隱藏元素的方法。每一種方法都與其他幾種有一點區別。知道你想要實現什麼有助於你決定採用哪一個屬性,隨著時間推移,你就能根據實際需求本能地選擇最佳方式了。
以上就是小編今天為大家分享的關於Web前端工程師應該知道的用CSS
隱藏頁面元素的方法!的文章,希望本篇文章能夠對正在從事web前端工作的小夥伴們有所幫助。想要了解更多web前端知識記得關注北大青鳥web培訓官網,最後祝願小夥伴們工作順利哦~
*聲明:內容與圖片均來源於網路(部分內容有修改),版權歸原作者所有,如來源信息有誤或侵犯權益,請聯系我們刪除或授權事宜。
6. 如何建立WEB站點 重點說如何將IP地址訪問改為域名訪問
Windows 2003伺服器建立web站點並發布:
利用Windows 2003中的IIS 6組件實現讓多個不同的網站都用80埠對外發布,而訪問時直接輸入地址即可不用加任何虛擬目錄路徑也不需要修改默認埠號。這就是IIS 6中的主機頭功能。通過一個案例詳細介紹 配置windows2003伺服器IIS主機頭發布多個站點:實現的功能就是在同一台伺服器上發布兩個不同的網站,而這兩個網站都使用80埠,而且訪問時不通過虛擬目錄完成。首先建立站點:
第一步:在Windows 2003中啟動IIS組件,然後在網站選項上點滑鼠右鍵選擇「新建」-「網站」。
第二步:在網站描述處填寫「softer站點」來區分不同網站名稱,點「下一步」按鈕繼續。
第三步:接下來就是主機頭設置的關鍵了,網站IP地址處信息保持默認的「全部未分配」即可,埠是默認的80,最下面的「此網站的主機頭」輸入一個域名,當然如果真的要對internet發布自己的網站,這個域名是要輸入真實的已經注冊的已經做好網站備案的。
第四步:選擇網站發布的主目錄,通過「瀏覽」按鈕定位站點文件夾。
第五步:設置網站訪問許可權,這個就要根據站點的特徵決定。至此就完成了站點的創建和發布工作。
按之前的步驟建立其他站點:網站描述填寫「其他描述內容」以示區別。設置網站的主機頭信息,填寫區別於A站點的url地址作為此站點的主機頭,其他保持默認。即可實現多個站點都使用了80埠對外發布。
7. 怎樣用手機瀏覽WEB網頁
我用手機上網2個月以來,摸出來用手機上web互聯網站點三種方式,現寫出來一起分享。
1、用手機登錄「移動夢網」,在「我的夢網」里打開「夢網搜索」,搜索「瀏覽器」,你會搜到一個「手機瀏覽器」,你可以定製它用來瀏覽web站點,但是每月要收二兩銀子的,而且效果不怎麼好,在這方面,我說的第二種方法就略勝一籌。
2、用手機登錄「E聚網」,該網站提供web站點轉換,該網站網址是:wap.ejoint.net或者wapmail.yi.org,有興趣的友友記下了,你登錄該網站後,選擇「瀏覽普通KTML網站」,然後輸入你要瀏覽的web站點地址,去點擊「轉換」,這樣就可以瀏覽了,你也可以點擊「帶圖轉換」來瀏覽帶圖片的網頁,值得一提的是,要瀏覽帶圖的網頁的話,手機內存空間最好在兩兆以上,這樣會更好一點,此站點是免費服務,比起「移動夢網」的瀏覽器要好一些。另外再補充一點,手機不支持kjava擴展,下載不到QQ聊天程序,還想用手機聊QQ的網友們注意了,你可以打開此站點的W-QQ,輸入自己的QQ號碼來聊天,為了方便,你還可以把W-QQ加入書簽哦!
3、如果你的手機支持k-java擴展的話,我建議你最好用這種方式,那就是下載一個瀏覽器,比起前兩種來更上一層樓。下載瀏覽器網址是:ucfly.com/ota/,上面有說明,哪一版本支持哪一種手機下載的,我試過幾款手機用這個軟體,N記手機用要好一點,運行起來感覺真是暢通無阻。在應用該軟體時,你還可以選擇是否顯示圖像,如果只為看文字,最好是把圖像顯示關了,網速會快一些。
8. Web前端工程師應該知道的CSS隱藏頁面元素的方法
今天小編要跟大家分享的文章是關於Web前端工程師應該知道的CSS隱藏頁面元素的方法。用CSS隱藏頁面元素有許多種方法。你可以將opacity設為0、將visibility設為hidden、將display設為none或者將position設為absolute
然後將位置設到不可見區域。
你有沒有想過,為什麼我們要有這么多技術來隱藏元素,而它們看起來都實現的是同樣的效果?每一種方法實際上與其他方法之間都有一些細微的不同,這些
不同決定了在一個特定的場合下使用哪一個方法。這篇教程將覆蓋到那些你需要記住的細小不同點,讓你根據不同情況選擇上面這些方法中適合的方法來隱藏元素。正在從事web前端工作的小夥伴們來和小編一起學習一下吧!
一、opacity
opacity屬性的意思是設置一個元素的透明度。它不是為改變元素的邊界框(boundingbox)而設計的。這意味著將opacity設為0
只能從視覺上隱藏元素。而元素本身依然占據它自己的位置並對網頁的布局起作用。它也將響應用戶交互。
.hide{
opacity:0;}
如果你打算使用opacity
屬性在讀屏軟體中隱藏元素,很不幸,你並不能如願。元素和它所有的內容會被讀屏軟體閱讀,就像網頁上的其他元素那樣。換句話說,元素的行為就和它們不透明時一致。
我還要提醒一句,opacity屬性可以用來實現一些效果很棒的動畫。任何opacity屬性值小於1
的元素也會創建一個新的堆疊上下文(stackingcontext)。
看下面的例子:
看@SitePoint提供的例子「用opacity隱藏元素」
當你的滑鼠移到被隱藏的第2個的區塊上,元素狀態平滑地從完全透明過渡到完全不透明。區塊也將cursor屬性設置為了
pointer,這說明了用戶可以與它交互。
二、visibility
第二個要說的屬性是visibility。將它的值設為hidden將隱藏我們的元素。如同opacity
屬性,被隱藏的元素依然會對我們的網頁布局起作用。與opacity唯一不同的是它不會響應任何用戶交互。此外,元素在讀屏軟體中也會被隱藏。
這個屬性也能夠實現動畫效果,只要它的初始和結束狀態不一樣。這確保了visibility
狀態切換之間的過渡動畫可以是時間平滑的(事實上可以用這一點來用hidden實現元素的延遲顯示和隱藏——譯者注)。
.hide{
visibility:hidden;}
下面的例子演示了visibility與opacity有怎樣的不同:
看@SitePoint提供的例子「用visibility隱藏元素」
注意,如果一個元素的visibility被設置為hidden,同時想要顯示它的某個子孫元素,只要將那個元素的visibility顯式設置為
visible即可(就如例子裡面的.o-hidep——譯者注)。嘗試只hover在隱藏元素上,不要hover在p
標簽里的數字上,你會發現你的滑鼠游標沒有變成手指頭的樣子。此時,你點擊滑鼠,你的click事件也不會被觸發。
而在
標簽則依然可以捕獲所有的滑鼠事件。一旦你的滑鼠移動到文字上,
本身變得可見並且事件注冊也隨之生效。
三、display
display屬性依照詞義真正隱藏元素。將display屬性設為none
確保元素不可見並且連盒模型也不生成。使用這個屬性,被隱藏的元素不佔據任何空間。不僅如此,一旦display設為none
任何對該元素直接打用戶交互操作都不可能生效。此外,讀屏軟體也不會讀到元素的內容。這種方式產生的效果就像元素完全不存在。
任何這個元素的子孫元素也會被同時隱藏。為這個屬性添加過渡動畫是無效的,它的任何不同狀態值之間的切換總是會立即生效。
不過請注意,通過DOM依然可以訪問到這個元素。因此你可以通過DOM來操作它,就像操作其他的元素。
.hide{
display:none;}
看下面的例子:
@SitePoint提供的例子「用display隱藏元素」
你將看到第二個塊元素內有一個
元素,它自己的display屬性被設置成block,但是它依然不可見。這是
visibility:hidden和display:none的另一個不同之處。在前一個例子里,將任何子孫元素visibility顯式設置成
visible可以讓它變得可見,但是display不吃這一套,不管自身的display值是什麼,只要祖先元素的display是
one,它們就都不可見。
現在,將滑鼠移到第一個塊元素上面幾次,然後點擊它。這個操作將讓第二個塊元素顯現出來,它其中的數字將是一個大於0
的數。這是因為,元素即使被這樣設置成對用戶隱藏,還是可以通過JavaScript來進行操作。
四、position
假設有一個元素你想要與它交互,但是你又不想讓它影響你的網頁布局,沒有合適的屬性可以處理這種情況(opacity和visibility影響布局,
display不影響布局但又無法直接交互——譯者注)。在這種情況下,你只能考慮將元素移出可視區域。這個辦法既不會影響布局,有能讓元素保持可以操作。下面是採用這
種辦法的CSS:
.hide{
position:absolute;
top:-9999px;
left:-9999px;}
下面的例子闡明了怎樣通過絕對定位的方式隱藏元素,並讓它和前面的那個例子效果一樣:
看@SitePoint提供的例子「用position屬性隱藏元素」
這種方法的主要原理是通過將元素的top和left
設置成足夠大的負數,使它在屏幕上不可見。採用這個技術的一個好處(或者潛在的缺點)是用它隱藏的元素的內容可以被讀屏軟體讀取。這完全可以理解,是因為你只是將元素移到可視區域外面讓用戶無法看到它。
你得避免使用這個方法去隱藏任何可以獲得焦點的元素,因為如果那麼做,當用戶讓那個元素獲得焦點時,會導致一個不可預料的焦點切換。這個方法在創建
自定義復選框和單選按鈕時經常被使用。(用DOM模擬復選框和單選按鈕,但用這個方法隱藏真正的checkbox和radio
元素來「接收」焦點切換——譯者注)
五、clip-path
隱藏元素的另一種方法是通過剪裁它們來實現。在以前,這可以通過clip屬性來實現,但是這個屬性被廢棄了,換成一個更好的屬性叫做
clip-path。NitishKumar最近在SitePoint發表了「介紹clicp-path
屬性」這篇文章,通過閱讀它可以了解這個屬性的更多高級用法。
記住,clip-path屬性還沒有在IE或者Edge下被完全支持。如果要在你的clip-path中使用外部的SVG
文件,瀏覽器支持度還要更低。使用clip-path屬性來隱藏元素的代碼看起來如下:
.hide{
clip-path:polygon(0px0px,0px0px,0px0px,0px0px);}
下面是一個實際使用它的例子:
看@SitePoint提供的例子「用clip-path屬性隱藏元素」
如果你把滑鼠懸停在第一個元素上,它依然可以影響第二個元素,盡管第二個元素已經通過clip-path隱藏了。如果你點擊它,它會移除用來隱藏的
class,讓我們的元素從那個位置顯現出來。被隱藏元素中的文字仍然能夠通過讀屏軟體讀取,許多WordPress站點使用clip-path或者之前的
clip來實現專門為讀屏軟體提供的文字。
雖然我們的元素自身不再顯示,它也依然占據本該占據的矩形大小,它周圍的元素的行為就如同它可見時一樣。記住用戶交互例如滑鼠懸停或者點擊在剪裁區
域之外也不可能生效。在我們的例子里,剪裁區大小為零,這意味著用戶將不能與隱藏的元素直接交互。此外,這個屬性能夠使用各種過渡動畫來實現不同的效果。
結論
在這篇教程里,我們看了5種不同的通過CSS
隱藏元素的方法。每一種方法都與其他幾種有一點區別。知道你想要實現什麼有助於你決定採用哪一個屬性,隨著時間推移,你就能根據實際需求本能地選擇最佳方式了。
以上就是小編今天為大家分享的關於Web前端工程師應該知道的CSS
隱藏頁面元素的方法的文章,希望本篇文章能夠對正在從事web前端工作的小夥伴們有所幫助,想要了解更多web前端相關知識記得關注北大青鳥web培訓官網。最後祝願小夥伴們工作順利!