股票论坛个人日志——第六周：前端设计之主页完善+用户交互优化

团队日志：

https://blog.csdn.net/Seb_Veeeettle/article/details/105749143

个人工作

• 主页导航栏优化
• 跳转界面制作
• 404界面制作
• 用户交互的细节优化

个人心得

整个项目的开发接近尾声，个人主要负责前端的制作，第一次按版本开发，不断地自学html5、cs、js知识，但是学的很不系统，基本上都是哪里有需求学哪里的一个状况，但是收获还是比较大的，对于前端的基本知识也比较熟练，和开始相比，运用的效率高了很多。下边大体总结一下前端开发的经验：

前端入门很快，基本自己自学一下就可以自己写出一个静态页面。前端具体要学什么，我是一直先学个基础，然后在做项目中慢慢领悟成长，很多东西你现在学得， 不用的话，过不了多久就忘了，而且我总感觉有些东西只用在项目中才会体会到它的真正用处，只有项目的实践和开发才会让你真正了解整个流程和技术是怎样的。
1，Html+css可以直接看w3school(http://www.w3school.com.cn/)上的教程，边学边练，每章后还有小测试。之后可以模仿一些网站做些页面（这个很重要，多模仿一下比较复杂的网页，其实在很多公司就是这样，设计师把图给你，你要把图用代码写出来了，实现它的兼容性和交互效果，这里还涉及到一个“切图”的技术，可以了解一下怎么把一张图切好，用代码将它实现），真正在实践中做到学以致用，如果想看书的，可以看一下《 Head First HTML与CSS、XHTML(中文版) 》，这本书对于html+Css入门比较容易点。
2，现在html和css都已经升级到了html5，css3,所以仅仅学html+css是不够的，现在外面的公司基本都用html5和css3，这两个的入门我之前也是直接看w3c文档。Html5和css3移动的会用得更多，在pc上ie浏览器很多版本都不支持。
3，JavaScript：不是所有的网页都必须有js，但是要想实现一些超酷的功能和界面的时候，就需要涉及到js。关于javascript的学习，在我上一篇已经有了初步的总结详见https://blog.csdn.net/weixin_43973320/article/details/106361383

4，jquery，bootstrap和AngularJS:这3个是前端我常用的框架，前端的框架实在太多了，参差不齐，不同人用的框架都不一样，不过这3个框架是很多人用的，jquery是javascript封装好的一个框架，用jquery实现网页的动画效果，能减少原生js的编写，代码量也会减少很多。Jquery可以看《锋利的jquery》,这本书讲得很基础，也可以看一下w3c文档关于jquery的介绍来入门。
bootstrap是Twitter推出的一个用于前端开发的开源工具包,它比较好的是响应式做得很不错，而且引入它的.css和.js文件，就可以直接调用它的class，不用写太多样式，减少自己css的编写，而且网页的很多特效可以直接套用它的模块，实现的效果也很酷炫。Bootstrap可以从它的中文网上学：http://www.bootcss.com/ 它现在已经升级到bootstrap3.0的，它更针对的是移动端响应式的，现在移动端这么火，它也是被很多公司所用，所以建议一定要去这个框架，不过它的一个很不足的是不兼容ie8以下。
AngularJS这个框架很牛逼，这个框架建议有一定基础再学，至少有做过几个完整项目再学你才会体会到他的强大，AngularJS可以去慕课网（http://www.imooc.com/course/list?c=fe）学，看“大漠穷秋”的视频。
5，用户交互体验：这个真的要等你有一定工作经验再来了解，前端这个职位本来就是位于后台与用户交互体验之间，所以既要学好前端的知识，也要了解一点后台的知识，还要了解用户交互体验，要跟这两者沟通合作好。

总之一句话，以前前端开发只是做一些很简单的特效什么的，但伴着 ajax 的兴起，随着 HTML5 以及浏览器的性能越来越高，前端的开发越来越复杂，以前在后端的事情现在会放到前端来，以便给用户更好的体验。
但是前端开发比起后台，要处理的逻辑代码要少得多，大部分逻辑都比较简单，比较难搞的是浏览器兼容，以及考虑浏览器解析执行的性能问题。但是并不是说前端的开发很容易，其实很多时候是，一件事情用前端开发有 N 种方法，要找到最好的方法是需要有良好的架构设计的。前端技术更新的速度比后台技术要快很多，很多前端框架更新得太快，而且也特别特别多，所以想从事这一行的也要做好准备，要不断学习学习再学习。。。

不过也不要怕，一开始最重要的是把html+css+JS学好，先把一个框架和样式搭好，再来实现它的 特效。原生的js如果觉得比较难的话，可以先了解一下基础，先学JQuery,再慢慢学原生js.

以上更多的技术是关于PC的，现在移动端的很火，有空可以多了解一下这方面的技术，bootstrap，jquerymoblie，phonegap，个人觉得jquerymobile各个方面都不如bootstrap.有空可以多学booststrap