web前端报告（通用5篇）.docx

《web前端报告（通用5篇）.docx》由会员分享，可在线阅读，更多相关《web前端报告（通用5篇）.docx（7页珍藏版）》请在第壹文秘上搜索。

1、web前端总结Web前端总结(通用5篇)总结是指社会团体、企业单位和个人对某一阶段的学习、工作或其完成情况加以回顾和分析，得出教训和一些规律性认识的一种书面材料，它可以帮助我们有寻找学习和工作中的规律，让我们好好写一份总结吧。那么你真的懂得怎么写总结吗？下面是小编整理的web前端总结(通用5篇)，希望能够帮助到大家。做了整一年Web前端开发，对这个职业感触颇多。这是一个新的职业，入门相对后台的开发人员较低，会一些基本的技术就可以了，如：htmkcssjs等。但是，随着开发时间的增长你就会发现自己很快的就会进入一个瓶颈，可能会错误的认为，做前端开发不过如此。可是，如果你静下心来在回头看你写的代码

2、，你会发现之前需求的实现方式并不是最好的，举个最简单的例子，有没有使用jquery的连缀式编程。如：$(#id).css(color:red);$(#id).show();可以写成，$(#id).css(color:red).show();不要小看这次小小的优化，实力都是慢慢积累的。上面只是一个简单举例，要说明的是，虽然这个职业入门比较低，但是每一次提高都是艰难的。几乎每个前台工程师都是自学成才，因为牛人本来就少，难得遇见，就算遇到一个你也不一定就有机会能跟着他学习。所以在自学过程是坎坷的，甚至都不知道改如何进步，当然本人也在努力中，呵呵。分享一点经验：1 .千万注意写代码、和命名规范(也许n

3、久之后或者项目大的时候这才是重中之重)。2 .html的文档结构。好的文档结构会让你写css,js变的简单合理(胜过好的代码实现方式)。3 .尽量尽自己的水平优化代码html,css,js(每一次优化都是提高)。4 .多去关组网站性能优化的方式(最后网站的访问速度和用户体验是证明你能力的时候)。个人目前的水平有限，就分享这么多吧。学习经验：个人觉得，尽量看书加上实际操作来学习，因为从书上学习东西比较系统，学到的东西是系统的而不是一片一片或者一点一点的。最重要的是要去验证书上写的跟实战的结果进行对比，你会发现实际可能还真不一定是那样的。等系统学习完之后，再要提高可能就要找论坛，博客等针对某个点进

4、行突破，后面的成长还有很长。个人能力不到那个地方不在妄加说辞。如果按照这样的方式来学习，那么开什么书就是最重要的了，看一本好的书可以使你恍然大悟，看一本垃圾的书可能连作者都不知道他写的是什么。个人觉得“图灵系列的书籍都是不错的，清晰、透彻，比较适合我们来学习，比如：javascript高级程序设计,精通html与css设计模式等。记得，每个Web前台开发工程师都应该具有很强的想象力，发挥想象力，并去验证自己的想法才会提高。写这个20xx的年终总结，没什么经验之谈，只是继往开来，反省反省；继续追逐大神们的脚步，偶尔站在巨人的肩膀上眺望下未来！一、原谅我，Jquery：工作之前，那时什么基础都没有

5、，只是逼于即将毕业后的压力，百度到了前端开发，就直接从原生JS开始学了；学不动了，问了下认识的计算机系的学长，知道了JqUery,OK,学吧。然而我并没有太大兴趣。因为我买了本高三，jquery只是对，高三，进行了整体的封装，他把我要做的事都做了，那好吧，继续原生JS喽；不得不说那时做的最多的就是原生JS仿写各种特效；还想了个主题，弄了一堆静态页面，拼了个网站的样子作为找工作的作品后来，我知道我错了，写那些只是属于前端基础的一小部分，工作毕竟是工作，Demo终难上台面，团队的配合以及开发的效率才是最重要的；现在工作以jquery为主,至于曾经写的各种效果，现在也都有对应的现成组件，拿来用就是；

6、之前无知时忽视了的jquery,工作后开始马不停蹄的搜索各种资源补缺了，还好原生JS没有丢，作为前端的根基，在jquery以外帮了我不少；现在，基础组件一般都是以jquery插件的形式做的,但是业余有时间我都会用原生JS实现一些，因为我不想因为jquery而逐渐忽视原生JSo二、必须追求的模块化：前端的模块化是非常必要的，之前对模块化一直是停留在概念阶段，没有太多实践，只是感觉特别好，毕竟在追逐大神们的脚步嘛！忍不住选择了玉伯老师的Seajs,试着把原来写的jquery和几个组件，划分成模块,用Seajs组织到一起；由于工作中的前端结构已趋于稳定，一下子不可能整体改，所以我只是在本地新建了个目

7、录，一有时间就考虑下，怎么以模块化的搞法从新组织下；私下里，为了证实我在工作的本地前端结构可用，还专门弄了个简单的博客，按照自己对模块化的想法，首先以自己的博客作为实验场，来验证可行性；不管结果怎么样，不管这样做好不好，就当是一种锻炼吧；愚论拙见，只当逗大神们一笑吧。三、弱小者的强大力量CSS：HTML、CSS作为前端开发最基础的一部分，可能在后端眼中不值一提吧（忽视这个小小的吐槽吧），确实我也这么认为；但是，我更认为，前提是你能够把这些基础乱熟于心，并且对各种浏览器的兼容性了然于胸，闭着眼睛也能写出简洁明了的HTML、CSS；好吧，其实这只是我对自己的一个长期的要求；因为模块化，不只是JS,

8、对应的少不了HTML、CSS；为了与JS的模块化遥相呼应，那么CSS的模块化是不可忽略的，只是就CSS来说，要想做到极致精简、模块化、可复用，不是想想就可以的。是的，你必须还是得要把一些逻辑性的东西引入CSS才行。恩，SASS是首选的CSS预编译器之一；风行于前后端的Bootstrap之前是基于LeSS的，后来全部开始转向SaSS了；所以，无论现在对于Be）OtStraP熟练度有多少，我想其对于前端样式的构建思想是非常值得学习的；以SaSS作为前端样式的构建工具，来实现精简、模块化、可复用的样式，我想那不是梦，当然，一切都是需要历练和积累的。四、革命性的转折点：Nodejs不管Nodejs属于

9、前端还是后端，我想其对于前端工作的变革性影响都是不言而喻的；在我心里，NOdejS将前端的模块化思想做到了极致，包的数量多达十几万的NPM社区足以证明其伟大之处；Nodejs内部实现了Commonjs规范，以require模块的方式调用内部模块和外部模块;所以NPM社区如此强大是必然的;由此各大类库和框架都实现了基于NOdejS的模块化实现；并且远不止这些，基于NoClejS还带来了前端的工程化；各种前端自动化工具推陈出新，不断向前端工作注入新的活力;比如:GruntGulp、BrowserifyWebPaCk等等。不好意思，NodejS学的还不多，若有夸大其词的地方，大神还是忽视我吧;花满楼

10、的博客只是对NOdejS小小的探索，诸多不足，有待改进，望大神路过指导。五、话说，我想多了：每次信誓旦旦做的规划，都会随着时间的脚步渐渐风化；每次回顾过去，只留一声叹：时间都去哪了？呵呵，还是走好脚下的路吧，毕竟做该做的事总归是好的；愿和我一样的小前端们，梦想都不是白日梦！六、遇见最好的你：Angularjs目前工作的情况并没有太大的变动，有些事还是得以团队工作为重；只是业余会多些躁动，20XX年，想学好AngUlarjs；一方面作为工作内的技术储备，另一方面，我的实验场还是需要多些内含的，打算首先用AngUIarjS改造博客的后端程序；权当锻炼吧！风靡前端的框架还有很多，大神们也是有各种论调

11、，我想选AngUIarjS因为我胃口小，一口吃不下一个包子，还是细嚼慢咽的好；主要是：Angularjs的思想很吸引我，MVC.路由、双向数据绑定、依赖注入、指令系统等；对我来说既陌生又无限的吊胃口；无论学的怎么样，我想理解这些思想对现在的我来说恐怕才是最重要的。这里跟大家谈谈个人对WEB前端开发的一些经验（当然都是个人的一些理解，有什么地方说的欠妥或不对的地方还请包含和指正），这里我就从WEB标准开始吧。WEB标准是什么？说是WEB标准,不过我这里主要是对XHTML1.1和CSS2.1的一些经验总结。因为WEB含盖的内容实在是太多了，WEB标准是一系列标准的总称，包括HTML4.0、XHTM

12、L1.1CSS2.1、XML1.0RSS2.0、ECMAScriptl.lDOMLO等等。所以这里要跟大家指出来一下，WEB标准不是我们所说的DlV+CSS。刚刚上面提到了一一DIV+CSS,这里要说明下，这样说其实是不正确的。DIV+CSS准确的.说法（个人的理解）应该是：采用W3C推荐的WEB标准中的XHTMLLl结合CSS2.0样式表制作页面的方法，DIV应该指的是XHTML标签，而CSS显示是指的CSS样式表了。采用WEB标准开发的好处？那么W3C为什么会推荐这样的页面制作方法呢？下面我们就简单的看看采用WEB标准开发（个人理解的）相对以前TABLE布局的优势有哪些？1、节约运营成本看

13、看我们的WEB标准制作方法是如何做到的？采用WEB标准制作，我们可以做到表现很形式的分离，我们用XHTML来表现（数据），用CSS来控制（页面元素呈现的）形式。写的好的页面，XHTML代码中基本上都是用户要看的数据，还其他修饰性的东西，全部由我们的CSS来控制。这样一来我们的（XHTML）页面的体积就大大减小了，这样你在带宽上的费用就会大家降低了，这个怎么降低的，你可以想象一下，YAHOO的首页小1K,IoOW个人一起访问，那么带宽节约了多少？而且可以更充分的利用带宽。而我们的CSS控制了，所有的页面元素的样式，现在想改网站的整体风格，你只需要花几分钟修改一下一个CSS文件，就可以轻松搞定了。

14、维护的成本也下来了，省了不少钱了吧？还有，你开这个页面的速度会快很多啊，一个让你等半分钟的页面，除非里面的信息对你很有用，不然我们大家基本都没有太多的时间去用来等待的。2、对用户友好更友好，且有机会获得更多的用户。现在来说说用户友好。首先我想把我们的用户来分下类。第一类：普通用户（每个访问我们网站的人）；第二类：搜索引擎；采用WEB标准开发的页面，结构清晰，页面体积小，浏览器兼容性好。普通用户访问的时候，页面打开速度快，而且不管用户使用那种浏览器，都能够正常访问（显示）页面，且页面的结构清晰，要找的数据可以很方便的浏览到。而对搜索引擎来说，一个好的采用WEB标准开发的页面，都是做过SEo优化的

15、，它访问起来很友好，很容易理解你的页面中哪里是标题（HLH6标签），哪里是段落（P标签），哪里是段落里要强调的内容（Strong标签）等，它可以很容易的分析出来。而一个SEO好的站点，大家都知道，被搜索引擎收录的机会更多，这个也意味着您的网站会被更多的普通用户访问到，给你的站点带来更多的用户。一个能帮我们省下大笔费用，提高工作效率。同时又能够提高页面浏览速度，对用户友好，甚至能够不花钱宣传，就能给你带来更多用户的技术。你说你会不会去使用它？这个也正式我们的W3C推荐使用WEB标准开放网站的原因啊。而这个技术也得到了我们广大用户的认可，所以您现在需要学习WEB标准啊。温习完了基础课程，现在正式开

16、始讲XHTML和CSS的技巧了。合理的布局有朋友会开始问了，怎么一开始就开始讲合理的布局了呢?前面我们提到了一些知识点一一结构清晰、SEO优化、页面体积小、XHTML代码中基本上都是用户要看的数据。这些东西，都是我们做了合理布局的结果。而且我个人觉得，我们采用WEB标准制作的一切都是从这个知识点开始的，所以我这里就先来说这个话题。那么大家又会开始问，怎样的一个页面，才算是合理的布局的呢？这个问题问题问得好，也是我们大家刚开始学用WEB标准的问得最多的问题之一，我也曾经常被这个问题所困扰，这里就说说我对合理布局的一些理解。在开始讲合理布局的页面要达到的要素前，我们还是用个实例来讲解会更直观些。先来看看这个图片：不错，这个是一个文章详细页，没有左右两栏布局，不过这里我重点要讲的是合理的布局，在稍后的文章中我会详细的介绍浮动元素。