A. 各位web前端開發的大神們,問一下,僅div+css如何實現,點左邊導航欄,右邊出現內容
正常來講js、jquery都可以實現的
但是要用html 和css來做的話 需要使用到框架
<html>
<framesetcols="25%,50%,25%">
<framesrc="frame_a.htm"/>
<framesrc="frame_b.htm"/>
<framesrc="frame_c.htm"/>
</frameset>
</html>
B. 國內有哪些前端開發牛人
目前隨著科技的發展,國家的進步,各行各樣涌現出了許許多多的人才與前段開發牛人
今天就介紹一些行業的前段開發牛人
:還有#@just.jayac到他的關於頁面,很有Geek風格總之,現在的前段牛人各行各業都有很多了。不僅僅只是限於騰訊與淘寶的科技開發人員了。更多的活躍於flash與游戲領域。只要大家多多發掘,也可以認識許許多多的牛人大神。
C. Web前端高手入門學習Web前端的方法
今天小編要跟大家分享的文章是關於Web前端高手入門學習Web前端的方法。現在從事IT方向的人有很多,由於Web前端薪資水平高,職業前景廣闊,崗位缺口大,就業口徑寬,想通過學習Web前端開發從而進入到該行業工作的人越來越多。當然也有很多人在猶豫不知道Web前端開發都學哪些內容?零基礎的可以學會嗎?好不好學。
前端涉及到的東西太多了,學習的過程中也很浮躁,看了挺多書,可是代碼缺敲得卻不多。技術菜,又什麼都想學,比如現在糾結要不要先學scss或者php或者angularjs,backbone等框架,還是深入學習html5+css3?
在我看來前端這20%的東西大概就是常用的html標簽,css的盒子模型,基本的原生js,以及熟練使用jquery,ajax,常見瀏覽器的兼容。拿下這些東西意義非凡,一方面證明你適合做前端這份工作,另一方面這些技能能讓你找到一份工作。讓你能夠從容地去學習剩下的80%。下面就來和小編一起看一看怎麼零基礎學習Web前端。
1.先說一下學習完Web前端之後能幹什麼
學完Web前端之後你可以開發網頁,做h5動畫,做手機端app,可以做自己的博客網站,可以做微信公眾號開發,可以開發小程序,可以結合nwjs做電腦客戶端軟體:比如微信的pc版,釘釘的pc版
都是Web前端來做的
2.怎麼開始學習
兩條路:自學或者找培訓班,這塊我們一點就過,我主要講下怎麼去自學。
對於自學最直接的方式就是看視頻學習,可以是在線視頻
視頻找好了之後,如果你不想中途放棄,或者,浪費太多時間又沒效果的話。就找找一個引路人,引路人當然是能力越強越好,找引路人的目的在於為你制定學習計劃,把控學習質量,及時糾正錯誤的學習方向,教你正確的學習方式。給你做心理輔導。為你及時打氣持續性補充你的信心。
我之前接觸和輔導過很多自學的學生,有成功的也有放棄的,放棄的那些同學基本都是輸在錯誤的學習思路和心理迷茫期。聽他們抱怨說:沒有人去指導他們,每天學完就學完了,第二天接著學,但是東西太亂都串不起來,也都不知道是幹嘛用的,尤其是js部分,這種問題完全可以把一個人摧毀!所以
我一直對我的學生強調:有問題一定要去問,去解決,千萬不要不懂裝懂,弄明白了再往下走,人的心理是很脆弱的,一旦倒了可能就再也站不起來了。敬告各位新入行的同學,除非你之前有過編程經驗,不然就找個引路人指導你。
3.列一個學習大綱
01.環境搭建
前端環境很好搭建,一個開發工具即可,Webstorm,hbuilder,vscode,sublime。初學者建議sublime
也不要裝插件,沒有語法提示,可以打基礎
02.html基礎
帶你去認識html,讓你學習去運行html,等瀏覽器上面打開你的頁面的時候,你會有很強的成就感,然後開始學習html的基礎標簽
03.css基礎
html是勾勒,css是染色,基礎的css學完你會有種想寫頁面的沖動,這時候你不用抑制住那種感覺,直接按照自己所想開寫,這是你的第一個項目
04.js基礎
js是頁面的邏輯,作為一個Web前端工程師,js是很核心的部分,也是很難的部分。js的學習之後放長一些,尤其是前一周,要讓自己去熟悉那種語法環境,培養自己的開發思路,而且有一點就是學完一個星期的知識之後,及時和你的指引人溝通,看卡自己的理解是否有誤,還有就是學習思路是否有問題,他會給你指出那些東西需要多學習,哪些不常用,還有就是給你點一下你學的這些在項目中會是怎麼去應用,理論聯系實際是最好的學習方式。
05.純ja操作dom和jquery
這階段要知道怎麼去用js來更改頁面的元素,怎麼去寫dom事件,經過一番聯系後,再引入jquery,不要本末倒置,有個同學學完jquery之後說發誓以後再不用原生js操作dom!然後被我狠狠罵了一頓
06.開始你的ui框架之旅
這個階段我推薦從bootstrap開始,這個框架很經典,響應式的珊格系統被後來框架一直沿用,在我線下教學的那幾年,我都會帶著學生一起看bootstrap的源碼,讓他們學會這種設計思想,因為之後對他們太有用了,當時他們很痛苦,現在他們說起來覺得很受益,如果可以,你也要去看看源碼,先學會去定製bootstrap,公司注重二次開發,定製
bootstrap正好可以練手。
07.開始深入css3
基礎學完css3要提上日程,這時你會看到不一樣的世界
08.深入js
這階段你就要去解讀原型鏈,原型替換,this指向,es6,es7的新語法,
09.學一套主流mv*框架
vue,react,angular2選一種
我建議從vue開始,react的jsx語法不適合你入門去學習,angular2的typescript語法糖難度也比較高,vue學起來平滑些,結合vue,學一下vue-router,vuex,element
ui,axios,Webpack。做個項目玩一下這個全家桶
10.升級後台語言nodejs
這個不作要求,你在學vue的時候其實已經在用nodejs了,你用的npm就是nodejs的一部分,這個階段說的是nodejs編程,比較難理解,畢竟是寫伺服器的東西,不過前面基礎打牢固,讓別人一點撥就能上手,技術不難,難在思路轉換。
4.總結做項目
兩個項目,
一個是側重於css特效方面的,要求就是非常酷,帥到沒朋友
第二個項目側重邏輯處理,用來升華你的邏輯能力
這兩個項目可以從網上搜幾個網站來模仿,之前我的學生有做過:蘋果官網,魅族官網,花瓣網,網易雲音樂,在行等很多網站,做的也很不錯。
5.面試技巧培養階段
這個階段要培養下公司項目的具體流程以及面試技巧的培養,面試回答思路,如果有同學想多了解這方面,我很樂意給大家講解
因為現在Web前端這個職業非常火,這個不是最重要,重要的在五年之後,Web前端發展前景是勢不可擋的。但是我現在看到的問題是,大家看到Web前端這個職業發展非常好,未來前景也是非常好,掙錢也是非常多,但是大家都忽略了一個東西,既然是這么好的職業,那麼它一定沒有那麼容易讓你勝任這個工作,我們都知道現在前端的競爭非常大,而這種競爭是在新手之中的競爭,在初級工程師、中級工程師、高級工程師是沒有競爭的,很多人眼紅前端工程師工資這么高,自己也想這樣去拿高薪,但是大家不知道當初這些人在學習前端的時候是怎麼學習的,才有今天,為了避免大家有這樣錯誤的思想。
以上就是小編今天為大家分享的關於Web前端高手入門學習Web前端的方法的文章,希望本篇文章能夠對正在從事Web前端工作的小夥伴們有所幫助,想要了解更多Web前端知識記得關注北大青鳥Web培訓官網,最後祝願小夥伴們工作順利,成為一名優秀的Web前端工程師。
D. 國內web前端大神級人物有哪些人(博客名、網名、真名)
阮一峰,司徒正美
E. Web前端學習的入門方法有哪些
今天小編要跟大家分享的文章是關於web前端學習的入門方法有哪些?web前端入門方法,總結從零基礎到具備前端基本技能的道路、學習方法、資料。由於能力有限,不能保證面面俱到,只是作為入門參考,面向初學者,讓初學者少走彎路。
互聯網的快速發展和激烈競爭,用戶體驗成為一個重要的關注點,導致專業前端工程師成為熱門職業,各大公司對前端工程師的需求量都很大,要求也越來越高,優秀的前端工程師更是稀缺。個人感覺前端入門相對容易,但是也需要系統地認真學習,在打好基礎後堅持學習,成為優秀前端工程師也只是時間問題。
學習任何知識最重要的都是興趣,如果經過一段時間的學習感覺不喜歡,那可能強迫自己學習是很痛苦的,效果也不會好,畢竟這很可能就是以後很多年生存的技能。不過隨著互聯網行業的發展,前端必然是Web開發人員需要學習的知識,有時候是沒有專業前端工程師一起合作的,所以即使不做專門的前端工程師,掌握基本的前端技能為工作帶來方便。下面來和小編一起看一看吧!
一、必備基礎技能
以下是個人覺得入門階段應該熟練掌握的基礎技能:
§HTML4,HTML5語法、標簽、語義。
§CSS2.1,CSS3規范,與HTML結合實現各種布局、效果。
§Ecma-262定義的javascript的語言核心,原生客戶端javascript,DOM操作,HTML5新增功能。
§一個成熟的客戶端javascript庫,推薦jquery。
§
一門伺服器端語言:如果有伺服器端開發經驗,使用已經會的語言即可,如果沒有伺服器端開發經驗,熟悉Java可以選擇Servlet,不熟悉的可以選PHP,能實現簡單登陸注冊功能就足夠支持前端開發了,後續可能需要繼續學習,最基本要求是實現簡單的功能模擬。
在掌握以上基礎技能之後,工作中遇到需要的技術也能快速學習。
二、基本開發工具
恰當的工具能有效提高學習效率,將重點放在知識本身,在出現問題時能快速定位並解決問題,以下是個人覺得必備的前端開發工具:
§文本編輯器:推薦SublimeText,支持各種插件、主題、設置,使用方便
§瀏覽器:推薦GoogleChrome,更新快,對前端各種標准提供了非常好的支持
§調試工具:推薦Chrome自帶的Chromedevelop
tools,可以輕松查看DOM結構、樣式,通過控制台輸出調試信息,調試javascript,查看網路等
§輔助工具:PhotoShop編輯圖片、取色,fireworks量尺寸,AlloyDesigner對比尺寸,以及前面的到的Chrome
developtools,
§FQ工具:lantern,壁虎漫步
三、學習方法和學習目標
方法:
§入門階段反復閱讀經典書籍的中文版,書籍中的每一個例子都動手實現並在瀏覽器中查看效果。
§在具備一定基礎之後可以上網搜各種教程、demo,了解各種功能的實際用法和常見功能的實現方法。
§閱讀HTML,CSS,Javascript標准全面完善知識點。
§閱讀前端牛人的博客、文章提升對知識的理解。
§善用搜索引擎。
目標:
§熟記前面知識點部分的重要概念,結合學習經歷得到自己的理解。
§熟悉常見功能的實現方法,如常見CSS布局,Tab控制項等。。
四、入門之路
在整個學習過程中HTMLCSSJavaScript會有很多地方需要互相結合,實際工作中也是這樣,一個簡單的功能模塊都需要三者結合才能實現。
動手是學習的重要組成部分,書籍重點講解知識點,例子可能不是很充足,這就需要利用搜索引擎尋找一些簡單教程,照著教程實現功能。以下是一些比較好的教程網址
可以搜索各大公司前端校招筆試面試題作為練習題或者他人總結的前端面試題還有個人總結的面試題(帶參考答案)。
原生javascript是需要重點掌握的技能,在掌握原生javascript的基礎上推薦熟練掌握jQuery,在實際工作中用處很大,這方面的書籍有《Learning
jQuery》或者去jQuery官網。
建一個https://github.com/賬號,保存平時學習中的各種代碼和項目。
有了一定基礎之後可以搭建一個個人博客,記錄學習過程中遇到的問題和解決方法,方便自己查閱也為其他人提供了幫助。
經常實用Google搜索英文資料應該經常找到來自#/的高質量答案,與到問題可以直接在這里搜索,如果有精力,注冊一個賬號為別人解答問題也能極大提高個人能力。
經典書籍熟讀之後,可以打開前面必備基礎技能部分的鏈接。認真讀對應標准,全面掌握知識。
五、繼續提高
有了前面的基礎之後,前端基本算是入門了,這時候可能每個人心中都有了一些學習方向,如果還是沒有。可以參考前面必備技能部分提到的那兩個項目,從裡面選一些進行發展學習。以下是一些不錯的方面:
§Grunt:前端自動化工具,提高工作效率
§lesscss:優秀的CSS預處理器
§bootstrap:優秀的CSS框架,對沒有設計師的團隊很不錯,與less結合使用效果完美
§requirejs:AMD規范的模塊載入器,前端模塊化趨勢的必備工具
§Node.js:JavaScript也可以做後台,前端工程師地位更上一步
§AngularJS:做SinglePageApplication的好工具
§移動端web開發:智能手機的普及讓移動端的流量正在逐步趕超PC端
§Javascript內存管理:SPA長期運行需要注意內存泄露的問題
§HighPerformanceJavaScript()
§:重要技能
六、語言基礎
1、JavaScript:
作用域鏈、閉包、運行時上下文、this
原型鏈、繼承
NodeJS基礎和常用API
2、CSS:
選擇器
瀏覽器兼容性及常見的hack處理
CSS布局的方式和原理(盒子模型、BFC、IFC等等)
CSS3,如animation、gradient、等等
3、HTML:
語義化標簽
其他
有些東西不是考敲碼就能弄好的,我參與實習的時候感受到了很多,這些是我遇到的也是我感覺自己做的不好的地方
對於業務的思考:我個人這方面非常欠缺,所以放在最前面,在敲碼前要多思考業務
交流和溝通能力:這個非常重要,前端同時需要與項目經理、產品、交互、後台打交道,溝通不善會導致很多無用功,延緩項目。
知識管理、時間管理:input和output的平衡,output是最好的input。如何做好分享,參與社區,做好交流,作好記錄。
對新技術的渴望,以及敢於嘗試。
七、入門書
入門可以通過啃書,但書本上的東西很多都已經過時了,在啃書的同時,也要持續關注技術的新動態。這里推幾本我覺著不錯的書:
《JavaScript高級編程》:可以作為入門書籍,但同時也是高級書籍,可以快速吸收基礎,等到提升再回來重新看
《JavaScript權威指南》:不太適合入門,但是必備,不理解的地方就去查閱一下,很有幫助
《編寫可維護的JavaScript》和:
《Node.js開發指南》:不錯的Nodejs入門書籍
《深入淺出Node.js》:Nodejs進階書籍,必備
《JavaScript非同步編程》:理解JS非同步的編程理念
《JavaScript模式》和《JavaScript設計模式》:JavaScript的代碼模式和設計模式,將開發思維轉變到JavaScript,非常好的書
《JavaScript框架設計》:在用輪子同時,應當知道輪子是怎麼轉起來的,講解很詳細,從源碼級別講解框架的各個部分的實現,配合一個現有框架閱讀,可以學到很多東西
《Dontmakemethink》:網頁設計的理念,了解用戶行為,非常不錯
《CSS禪意花園》:經久不衰的一部著作,同樣傳遞了網頁設計中的理念以及設計中需要注意的問題
《高性能JavaScript》和《高性能HTML5》:強調性能的書,其中不只是性能優化,還有很多原理層面的東西值得學習
《HTML5Canvas核心技術》:我正在讀的一本書,對於canvas的使用,動畫的實現,以及動畫框架的開發都非常有幫助
《HTTP權威指南》:HTTP協議相關必備,前端開發調試的時候也會經常涉及到其中的知識
《響應式Web設計》:技術本身不難,重要的是響應式網頁的設計理念,以及移動先行的思想
《JavaScript語言精粹》:老道的書,也是普及JavaScript的開發思維的一本好書,非常適合入門
八、一些不錯的網站
github:沒啥好說的,多閱讀別人的源碼,多上傳自己的源碼,向世界各地的大牛學習
codepen:感受前端之美的必選之地,裡面有很多酷炫的效果和優秀的插件
echojs:快速了解js新資訊的網站
stackoverflow和segmentfault:基本上各種問題都能在上面獲得解答
googlewebfundamentals:每篇文章都適合仔細閱讀
staticfiles:開放的CDN,很好用
iconfont:阿里的矢量圖標庫,非常不錯,支持CDN而且支持項目
html5rocks:一個不錯的網站,很多瀏覽器的新特性以及前沿的技術,都能在這上面找到文章
csstricks:如何活用CSS,以及了解CSS新特性,這里可以滿足你
JavaScript秘密花園JavaScript初學必看,非常不錯
w3cplus:一個前端學習的網站,裡面的文章質量都挺不錯的
nodeschool:一個不錯的node學習網站
learngitbranch:一個git學習網站,交互很棒
前端亂燉:一個前端文章分享的社區,有很多優秀文章
正則表達式:一個正則表達式入門教程,非常值得一看
各路大牛的博客:這個太多了,就不貼了,知乎上有很全的
各種規范的官方網站,不懂得時候讀規范
九、前端的定位
前端的定位關乎到你需要吸收什麼樣的知識和技能,決定在技術世界裡你對什麼需要格外敏感。如果你認為前端僅僅停留在切頁面,實現交互和視覺的要求,那你對前端的認識還停留在初級階段。阿里終面的時候我問了考官這么個問題:前端技術日新月異,范圍越擴越寬,標准越來越豐富,似乎任何一個觸角都能伸出很遠。怎麼給前端一個合適的定位?考官給我分析了半天,然後總結成一句話,就是用戶和網站的聯結者,用戶體驗的創造者(原話不是這樣,但大體是這個意思)。也就是說前端的終極目標其實就是創造用戶體驗,提升用戶體驗,以用戶體驗為中心。不管你是從交互設計上下手,還是從性能優化出發,或者改進工作流提升工作流效率,最終都是為了創造和提升用戶體驗,最終都要體現到用戶體驗這一點上來。我認為這個總結非常有道理(當然「用戶體驗」這個詞太寬泛了,並且不僅僅是前端工程師的范疇,比如開發後台的時候對一個數據處理過程進行優化,提升了整體性能,這也是對用戶體驗的一個提升)。
現在的前端工程師做到一定階段不可避免會接觸到很多比切頁面、實現視覺要求、實現交互等更深入的問題,比如前端自動化、圖像編程、性能優化等等,再往後推一點就是PHP/JSP/ASP/nodeJs,過去後端模板一般屬於後端的范疇,現在隨著前端架構的演進,可能會讓你去寫後端模板的代碼,需要用到後端語言(PHP/Java/C#等),這就是所謂大前端(然而這與前端的定位並不是相背離的,大前端處理的依然是與用戶接觸的部分,仍然是對用戶體驗的優化)。可能最常見或者被談論最多的就是node,其實這幾種技術選型都可以,bat三家據說網路用PHP比較多,阿里用node比較多。
以上就是小編今天為大家分享的關於web前端學習的入門方法有哪些的文章,希望本篇文章能夠對正准備學習web前端知識的小夥伴們有所幫助,想要了解更多web前端知識記得關注北大青鳥web培訓官網最後祝願小夥伴們工作順利,學習成功。
轉載自:https://github.com/qiu-deqing/FE-learning,部分內容有刪減。
F. 目前比較火的web前端 論壇和博客有哪些
目前比較火的論壇博客有哪些? 這里收集一些比較好的技術開發者社區供大家參考,具體如下:
1、快速開發平台社區 -天翎論壇,主要是以Java低代碼開發平台為主的技術性論壇社區,目前低代碼平台商用授權對外開放;
2、CSDN -專業開發者社區 IT技術交流平台;
3、IT圈,圈圈精彩 - 原軟媒論壇、IT之家,國內最人氣的科技社交圈層,繼軟媒論壇、IT之家社區演變而來;
4、51CTO技術論壇-中國領先的IT技術社區 國內主流IT技術社區,論壇擁有大批IT技術人/IT專家;
5、ITPUB技術論壇-中國專業的IT技術社區。
G. 在哪裡可以找到web前端高手啊
你好,一起學習交流,可以加入我們團隊,一起解答前端所有問題!
H. web前端開發,關於博客系統刪除功能的實現,nodejs
沒看到你的原文,不清楚是什麼,一般來說伺服器刪除的就是資料庫里的對應ID的數據,其它的是不是要操作緩存什麼的看你的功能而定,並不是必須的,而且這個操作都是一次完成的(也就是ajax只傳一次ID就行了,不需要傳兩次)
I. Web前端開發比較好的技術類資源網站有哪些
github 程序員的天堂
W3CPlus | css3教程-css3實例-css3動畫
W3CPLUS是一個前端愛好者的家園,W3CPLUS努力打造最優秀的web 前端學習的站點。W3CPLUS力求原創,以一起學習,一起進步,共同分享為原則。W3CPLUS站提供了有關於css,css3,html,html5,jQuery,手機移動端的技術文檔、DEMO、資源,與前端愛好者一起共勉。
W3Help - W3help是由國內多家關注Web標準的公司、團體、標准組織,及科研單位等共同創立的Web標准推廣網站。我們創辦該網站的目的是為了促進Web標准技術在國內業界的應用和推廣,提供跨瀏覽器開發資源,推動國內Web環境與國際標準的接軌,最終實現國內Web的標准化。我們真誠歡迎國內業界同仁一起加入到推廣Web標準的事業中來。
Can I use... Support tables for HTML5, CSS3, etc 查看主流瀏覽器對css、css3等兼容性,很強大。
奇舞周刊 領略前端技術 閱讀奇舞周刊。收集每周前端精華文章,集結成冊,每周五發送給您
碼農周刊 碼農周刊是一份專為程序員打造的IT技術周刊。我們會為你精選一周IT技術干貨,每周三發送,完全免費。
J. 我第一次做網站,建了個前端開發技術博客
收錄的話還是要看時間,看到的人多了,自然而然就會被收錄了。所以你最好是都更新一點內容,發一些比較優質的帖子來吸引其他人關注你的博客。