已经编写了两个网站的前端代码,在暑假里接下来是了解些后端知识,还是重点研究下js或者框架?
回复内容:
一个一个来前端:
css:
- 关于怎么组织好css结构这个坑很大。不过已经有一些规范了,最出名的oocss Home · stubbornella/oocss Wiki · GitHub
- 关于复用css主要靠组件化,把常用的东西组件化,比如Button,Dropdown,以后用就加一下class。
- Bootstrap结构挺好,学一下LESS(很简单的,一天看完),看一下源码,自己照着定制一下UI库。(主要就是Grid system, Button,Dropdown,Form,Modal,Collapse,其他的用到的时候加)
- 以前是前端发个请求,后端渲染个html页面回来。前端写js主要就是操作dom,而在操作dom方面jQuery很好。
- 现在的趋势是前端发请求,后端发JSON数据(JSON就是Dictionary,一个个的Key-Value pair),前端根据JSON数据渲染页面。这时候前端方面主要工作就是怎样监视数据,在数据变化的时候让View也跟着变化。用jQuery来解决这种问题很麻烦,比如一个Todo List,增删改就得给所有按钮绑定不同的事件,业务稍微复杂点代码数目立马变得很难维护
- 所以MVVM框架应运而生,把数据绑定到View之后你只需要改数据(View Model),View就自动改。我们就不用再管dom了,管理好数据就行。这种框架最流行的是Angular,不过正在大改,马上新版本就要出来了。建议学习Knockout Knockout : Home, 或者React A JavaScript library for building user interfaces (跟MVVM不一样,是Web Components实现,现在很火,angular 2 基本就向着这方向)
- 对什么需求用什么工具,比如一个Canvas动画为主的项目用jQuery挺好。
- Build工具(Gulp), 前端组件化(RequireJS, Browserify),测试(Mocha)也稍微了解了解好。
后端:
- 后端比前端选择就多了去了,如果是以前端的角度想了解后端知识的话强烈建议Node.js 。 PHP, Apache, MySQL各种坑,各种想死。 用了MEAN之后浑身舒坦。
- 如果抛弃前端转后端的话,选个语言(java,c#,python,ruby),从新学起,学数据库,学操作系统,学网络,和前端是两回事。
其他:
- 嵌入式,物联网啥的都跟底层硬件相关的,要用c,c++,跟Web开发没啥关系。
- 学好英文,所有最新的资料都是英文的,放弃百度吧。有问题用谷歌和stackoverflow,先想怎么把问题翻译成英文的再搜索。多看英文慢慢就会了,说来说去就那么几个专业词汇。
- 至少对我来说最好的学习方法就是做项目,撸代码。比看书看视频公开课好使多了。做完了还能放到github找工作还有用。
- 找不到项目做?重新造轮子吧,山寨个知乎,山寨个某论坛,山寨Virtual Dom,模仿是最快的学习方法。
然后关于前端……你做的算是小打小闹吧-_-||主要是有兴趣就好,然后学习推荐图书馆和技术博客。
多写少犹豫,很多东西写了就懂了。
╮(╯_╰)╭其实我相当于什么都没说……最后加油吧骚年Y(^_^)Y 题主的每一个问题都是我所需要解决的,,这是帮我归纳了。。。 已改

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

H5referstoHTML5,apivotaltechnologyinwebdevelopment.1)HTML5introducesnewelementsandAPIsforrich,dynamicwebapplications.2)Itsupportsmultimediawithoutplugins,enhancinguserexperienceacrossdevices.3)SemanticelementsimprovecontentstructureandSEO.4)H5'srespo

Web标准和技术从HTML4、CSS2和简单的JavaScript演变至今,经历了显著的发展。1)HTML5引入了Canvas、WebStorage等API,增强了Web应用的复杂性和互动性。2)CSS3增加了动画和过渡功能,使页面效果更加丰富。3)JavaScript通过Node.js和ES6的现代化语法,如箭头函数和类,提升了开发效率和代码可读性,这些变化推动了Web应用的性能优化和最佳实践的发展。

H5代碼的最佳實踐包括:1.使用正確的DOCTYPE聲明和字符編碼;2.採用語義化標籤;3.減少HTTP請求;4.使用異步加載;5.優化圖像。這些實踐能提升網頁的效率、可維護性和用戶體驗。

H5不僅僅是HTML5的簡稱,它代表了一個更廣泛的現代網頁開發技術生態:1.H5包括HTML5、CSS3、JavaScript及相關API和技術;2.它提供更豐富、互動、流暢的用戶體驗,能在多設備上無縫運行;3.使用H5技術棧可以創建響應式網頁和復雜交互功能。

H5與HTML5指的是同一個東西,即HTML5。 HTML5是HTML的第五個版本,帶來了語義化標籤、多媒體支持、畫布與圖形、離線存儲與本地存儲等新功能,提升了網頁的表現力和交互性。

HTML5是構建現代網頁的關鍵技術,提供了許多新元素和功能。 1.HTML5引入了語義化元素如、、等,增強了網頁結構和SEO。 2.支持多媒體元素和,無需插件即可嵌入媒體。 3.表單增強了新輸入類型和驗證屬性,簡化了驗證過程。 4.提供了離線和本地存儲功能,提升了網頁性能和用戶體驗。

HTML5代碼由標籤、元素和屬性組成:1.標籤定義內容類型,用尖括號包圍,如。 2.元素由開始標籤、內容和結束標籤組成,如內容。 3.屬性在開始標籤中定義鍵值對,增強功能,如。這些是構建網頁結構的基本單位。

H5通過多媒體支持、離線存儲和性能優化提升網頁用戶體驗。 1)多媒體支持:H5的和元素簡化開發,提升用戶體驗。 2)離線存儲:WebStorage和IndexedDB允許離線使用,提升體驗。 3)性能優化:WebWorkers和元素優化性能,減少帶寬消耗。
