标题 | web前端总结 |
范文 | web前端总结(精选3篇) web前端总结 篇1做了整一年web前端开发,对这个职业感触颇多。 这是一个新的职业,入门相对后台的开发人员较低,会一些基本的技术就可以了,如:html、css、js等。 但是,随着开发时间的增长你就会发现自己很快的就会进入一个瓶颈,可能会错误的认为,做前端开发不过如此。可是,如果你静下心来在回头看你写的代码,你会发现之前需求的实现方式并不是最好的,举个最简单的例子,有没有使用jquery的连缀式编程。 如:$(#id).css({color:red});$(#id).show; 可以写成,$(#id).css({color:red}).show; 不要小看这次小小的优化,实力都是慢慢积累的。 上面只是一个简单举例,要说明的是,虽然这个职业入门比较低,但是每一次提高都是艰难的。 几乎每个前台工程师都是自学成才,因为牛人本来就少,难得遇见,就算遇到一个你也不一定就有机会能跟着他学习。所以在自学过程是坎坷的,甚至都不知道改如何进步,当然本人也在努力中,呵呵。 分享一点经验: 1.千万注意写代码、和命名规范(也许n久之后或者项目大的时候这才是重中之重)。 3.尽量尽自己的水平优化代码html,css,js(每一次优化都是提高)。 4.多去关组网站性能优化的方式(最后网站的访问速度和用户体验是证明你能力的时候)。 个人目前的水平有限,就分享这么多吧。 学习经验: 个人觉得,尽量看书加上实际操作来学习,因为从书上学习东西比较系统,学到的东西是系统的而不是一片一片或者一点一点的。最重要的是要去验证书上写的跟实战的结果进行对比,你会发现实际可能还真不一定是那样的。等系统学习完之后,再要提高可能就要找论坛,博客等针对某个点进行突破,后面的成长还有很长。个人能力不到那个地方不在妄加说辞。 如果按照这样的方式来学习,那么开什么书就是最重要的了,看一本好的书可以使你恍然大悟,看一本垃圾的书可能连作者都不知道他写的是什么。个人觉得“图灵”系列的书籍都是不错的,清晰、透彻,比较适合我们来学习,比如:javascript高级程序设计,精通html与css设计模式等。 记得,每个web前台开发工程师都应该具有很强的想象力,发挥想象力,并去验证自己的想法才会提高。 web前端总结 篇2这里跟大家谈谈个人对WEB前端开发的一些经验(当然都是个人的一些理解,有什么地方说的欠妥或不对的地方还请包含和指正),这里我就从WEB标准开始吧。 WEB标准是什么? 说是WEB标准,不过我这里主要是对XHTML1.1和CSS2.1的一些经验总结。因为WEB含盖的内容实在是太多了,“WEB标准”是一系列标准的总称,包括HTML4.0、XHTML1.1、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。所以这里要跟大家指出来一下,WEB标准不是我们所说的DIV+CSS。刚刚上面提到了——DIV+CSS,这里要说明下,这样说其实是不正确的。DIV+CSS准确的说法(个人的理解)应该是:采用W3C推荐的WEB标准中的XHTML1.1结合CSS2.0样式表制作页面的方法,DIV应该指的是XHTML标签,而CSS显示是指的CSS样式表了。 采用WEB标准开发的好处? 那么W3C为什么会推荐这样的页面制作方法呢?下面我们就简单的看看采用WEB标准开发(个人理解的)相对以前TABLE布局的优势有哪些? 1、节约运营成本 看看我们的WEB标准制作方法是如何做到的? 采用WEB标准制作,我们可以做到表现很形式的分离,我们用XHTML来表现(数据),用CSS来控制(页面元素呈现的)形式。写的好的页面,XHTML代码中基本上都是用户要看的数据,还其他修饰性的东西,全部由我们的CSS来控制。这样一来我们的(XHTML)页面的体积就大大减小了,这样你在带宽上的费用就会大家降低了,这个怎么降低的,你可以想象一下,YAHOO的首页小1K,100W个人一起访问,那么带宽节约了多少?而且可以更充分的利用带宽。 而我们的CSS控制了,所有的页面元素的样式,现在想改网站的整体风格,你只需要花几分钟修改一下一个CSS文件,就可以轻松搞定了。维护的成本也下来了,省了不少钱了吧?还有,你开这个页面的速度会快很多啊,一个让你等半分钟的页面,除非里面的信息对你很有用,不然我们大家基本都没有太多的时间去用来等待的。 2、对用户友好更友好,且有机会获得更多的用户。 现在来说说用户友好。首先我想把我们的用户来分下类。 第一类:普通用户(每个访问我们网站的人); 第二类:搜索引擎; 采用WEB标准开发的页面,结构清晰,页面体积小,浏览器兼容性好。普通用户访问的时候,页面打开速度快,而且不管用户使用那种浏览器,都能够正常访问(显示)页面,且页面的结构清晰,要找的数据可以很方便的浏览到。 而对搜索引擎来说,一个好的采用WEB标准开发的页面,都是做过SEO优化的,它访问起来很友好,很容易理解你的页面中哪里是标题(H1~H6标签),哪里是段落(p标签),哪里是段落里要强调的内容(strong标签)等,它可以很容易的分析出来。而一个SEO好的站点,大家都知道,被搜索引擎收录的机会更多,这个也意味着您的网站会被更多的普通用户访问到,给你的站点带来更多的用户。 一个能帮我们省下大笔费用,提高工作效率。同时又能够提高页面浏览速度,对用户友好,甚至能够不花钱宣传,就能给你带来更多用户的技术。你说你会不会去使用它?这个也正式我们的W3C推荐使用WEB标准开放网站的原因啊。而这个技术也得到了我们广大用户的认可,所以您现在需要学习WEB标准啊。温习完了基础课程,现在正式开始讲XHTML和CSS的技巧了。 合理的布局 有朋友会开始问了,怎么一开始就开始讲合理的布局了呢?前面我们提到了一些知识点——“结构清晰、SEO优化、页面体积小、XHTML代码中基本上都是用户要看的数据”。这些东西,都是我们做了合理布局的结果。而且我个人觉得,我们采用WEB标准制作的一切都是从这个知识点开始的,所以我这里就先来说这个话题。 那么大家又会开始问,怎样的一个页面,才算是合理的布局的呢?这个问题问题问得好,也是我们大家刚开始学用WEB标准的问得最多的问题之一,我也曾经常被这个问题所困扰,这里就说说我对合理布局的一些理解。 在开始讲合理布局的页面要达到的要素前,我们还是用个实例来讲解会更直观些。先来看看这个图片:不错,这个是一个文章详细页,没有左右两栏布局,不过这里我重点要讲的是合理的布局,在稍后的文章中我会详细的介绍浮动元素。好,回到刚才的话题,大家看到了这个页面了。 web前端总结 篇3作为公司的网站前端开发和美工,20xx年本人主要负责的是经文保总队的各个系统的界面设计及动态页面制作,包括以下内容: 一、吉林省单位内部安全保卫平台内网及外网设计及制作,同时包括平台下边九个子系统首页制作(包括经文保综合管理系统、散装汽油销售管理系统、安保人员考试系统、高校少数名民族学生管理系统、考试服务系统、金融服务系统等); 二、公安内网网站吉林公安经文保信息网整站设计及动态效果制作和后期维护; 三、吉林省单位内部安防信息网协同其他行政部门联合办公系统整站设计及动态网页制作; 四、系统内警踪平台整体界面制作; 五、经文保警用手机、平板app客户端界面设计及切图; 六、移动端网站建设; 七、经文保管辖单位重点部位和检查项3D全景建模技术学习及制作,720云场景应用线上展示重点单位主要监控部位动态效果。 经文保之外的临时项目与任务,包括以下内容: 一、省移动公司处系统项目界面设计及制作,家庭宽带项目管理系统界面制作及相关临时项目需要制作; 二、省公安厅汇报项目美化设计; 三、甘南农业项目app客户端制作及后台信息管理系统界面制作; 四、吉林省网优大数据平台demo制作; 五、公司电力部和工程部各类材料、检验报告合同修改以及发票制作; 六、社保材料制作; 七、临时投标演示项目demo效果制作。 以上列出了本人20xx年的工作内容,首先感谢公司提供这样优秀平台和机会,让我在工作中和公司一起度过忙碌而充实的一年,工作中努力协同后台开发人员一起完成界面系统的精美展现,同时选择当下主流框架界面,仔细研究客户的需求和业务流程,不断优化用户操作界面,提供给用户良好的用户体验和用户舒适度。 除了系统开发这一块,在经文保项目还中应用了新领域的720度3D全景动态展示技术,720全景动画展现也是近几年比较火爆市场需求,结合百度地图,实景展现任何地方的办公及生活场景。 这一年做项目过程中在本岗位上提升了自己,同时也学习了新领域的知识,不断充实自己赶在技术的前沿,随时接受新的任务和挑战。 希望公司在新的一年里拓展新领域业务,课余多开展一些培训活动,提高员工学习新技术的积极性,同时培养团队能更好的配合完成任务。 在工作之外,希望公司多组织一些体育活动和知识竟赛活动,这样在日常工作中既可以活动身心和头脑,有能找到更多的工作乐趣,劳逸结合,才能更好的钻研项目,在技术领域有更多的突破,和公司共同创新与成长,同时希望公司项目顺利开展,我会尽全力发挥自己的能力,实现个人的目标和公司的目标,在飞快发展的大环境下和公司共同进步,最后希望公司未来发展越来越好! |
随便看 |
|
范文大全网提供教案、简历、作文、工作总结等各类优秀范文及写作素材,是综合性免费范文平台。