Maison > interface Web > Tutoriel H5 > 已经编写了两个网站的前端代码,在暑假里接下来是了解些后端知识,还是重点研究下js或者框架?

已经编写了两个网站的前端代码,在暑假里接下来是了解些后端知识,还是重点研究下js或者框架?

WBOY
Libérer: 2016-06-07 08:43:38
original
1407 Les gens l'ont consulté

回复内容:

一个一个来

前端:
css:
  • 关于怎么组织好css结构这个坑很大。不过已经有一些规范了,最出名的oocss Home · stubbornella/oocss Wiki · GitHub
  • 关于复用css主要靠组件化,把常用的东西组件化,比如Button,Dropdown,以后用就加一下class。
  • Bootstrap结构挺好,学一下LESS(很简单的,一天看完),看一下源码,自己照着定制一下UI库。(主要就是Grid system, Button,Dropdown,Form,Modal,Collapse,其他的用到的时候加)
js:
  • 以前是前端发个请求,后端渲染个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 题主的每一个问题都是我所需要解决的,,这是帮我归纳了。。。 已改
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal