“小栗子”通过精心收集，向本站投稿了13篇web前端实训心得体会，下面是小编帮大家整理后的web前端实训心得体会，希望对大家的学习与工作有所帮助。
- 目录
篇1：web前端实训心得体会
一、实训目的
通过对java语言、JavaWeb、Oracle数据库应用设计及SQL语言的复习和锻炼，并且通过使用MyEclipse开发平台设计库存管理系统项目，以达到充分熟悉开发平台及其应用设计。
同时掌握并实践软件项目设计规范及其开发流程：需求分析、概要设计、详细设计、代码编写、系统测试及软件手册编写，以便提前适应软件公司开发流程、环境和工作要求进一步了解java开发的相关知识，掌握java开发的基本技术，丰富java开发的实战经验。
学习SQL的基础知识及正确的运用方法，和有用的相关技术，提高自己的工作效率。
通过实训，培养我们综合运用已学知识Java语言的面向对象编程能力；培养我们动手能力；培养我们良好编程规范、编程方法；以便能较全面地理解、掌握和综合运用所学的知识，提高自身的编程能力；增强自己的团队协作意识，了解软件开发的思考角度和主要流程。
为毕业之后能够更快地进入工作状态并且能够更好的工作，打好一定的基础。
二、实训主要流程
1、公司管理规则，程序员素质，程序员编码规范；
2、需求开发与管理；
3、面向对象分析与设计，面向对象编程的特性；
4、javaSE、javaWeb、页面设计―JSP页面；
5、数据库设计、SQL应用；
6、软件需求分析与设计；
7、项目实战；
三、实训内容
Oracle数据库
数据库是数据的结构化集合。
计算机是处理大量数据的理想工具，因此，数据库管理系统在计算方面扮演着关键的中心角色，或是作为独立的实用工具，或是作为其他应用程序的组成部分。
Oracle服务器还有一套实用的特性集合，这些特性是通过与我们用户的``密切合作而开发的。
在我们的基准测试主页上，给出了Oracle服务器和其他数据库管理器的比较结果。
Oracle服务器最初是为处理大型数据库而开发的，与已有的解决方案相比，它的速度更快，多年以来，它已成功用于众多要求很高的生产环境。
尽管Oracle始终在不断发展，但目前Oracle服务器已能提供丰富和有用的功能。
它具有良好的连通性、速度和安全性，这使的Oracle十分适合于访问Internet上的数据库。
java与SQL的应用。
Java语言是编写数据库应用程序的杰出语言之一，它提供了方便访问数据的技术。
利用Java语言中的JDBC技术，用户能方便地开发出基于Web网页的数据库访问程序，从而扩充网络应用功能。
JDBC（Java Database Connectivity，Java数据库连接）是一种用于执行SQL语句的Java API，可以为多种关系数据库提供统一的访问接口。
JDBC由一组用Java语言编写的类与接口组成，通过调用这些类和接口所提供的方法，用户能够以一致的方式连接多种不同的数据库系统（如Access、SQL Server 20xx、Oracle、Sybase等），进而可使用标准的SQL语言来存取数据库中的数据，而不必再为每一种数据库系统编写不同的Java程序代码。
篇2：web前端实训总结
一、实训项目
简易记事本
二、实训目的和要求
本次实训是对前面学过的所有面向对象的编程思想以及JAVAWEB编程方法的一个总结、回顾和实践，因此，开始设计前学生一定要先回顾以前所学的内容，明确本次作业设计所要用到的技术点并到网上搜索以及查阅相关的书籍来搜集资料。
通过编写采用JSP+Servlet+JavaBean技术框架的应用系统综合实例，以掌握JavaWEB开发技术。
具体要求有以下几点：
1。问题的描述与程序将要实现的具体功能。
2。程序功能实现的具体设计思路或框架，并检查流程设计。
3。代码实现。
4。设计小结。
三、实训项目的开发环境和所使用的技术
基于J2SE基础，利用MyEclipse8。5以上版本的集成开发环境完成实训项目，界面友好，代码的可维护性好，有必要的注释和相应的文档。
四、实训地点、日程、分组情况：
实训地点：4栋303机房日程：
第一阶段：1、班级分组，选定课题，查阅相关资料半天2、划分模块、小组成员分工半天3、利用CASE工具进行系统设计和分析，并编制源程序5天
第二阶段：上机调试，修改、调试、完善系统2天
第三阶段：撰写、上交课程设计报告，上交课程设计作品源程序（每人1份）2天。
篇3：web前端实训总结
一、实习目的
通过对java语言、JavaWeb、Oracle数据库应用设计及SQL语言的复习和锻炼，并且通过使用MyEclipse 开发平台设计库存管理系统项目，以达到充分熟悉开发平台及其应用设计。
同时掌握并实践软件项目设计规范及其开发流程：需求分析、概要设计、详细设计、代码编写、系统测试及软件手册编写，以便提前适应软件公司开发流程、环境和工作要求进一步了解java开发的相关知识，掌握java开发的基本技术，丰富java开发的实战经验。
学习SQL的基础知识及正确的运用方法，和有用的相关技术，提高自己的工作效率。
通过实习，培养我们综合运用已学知识Java语言的面向对象编程能力；培养我们动手能力；培养我们良好编程规范、编程方法；以便能较全面地理解、掌握和综合运用所学的知识，提高自身的编程能力；增强自己的团队协作意识，了解软件开发的思考角度和主要流程。
为毕业之后能够更快地进入工作状态并且能够更好的工作，打好一定的基础。
二、实习主要流程
1、公司管理规则，程序员素质，程序员编码规范；
2、需求开发与管理；
3、面向对象分析与设计，[大学生java实习报告]面向对象编程的特性；
4、javaSE、javaWeb、页面设计—JSP页面；
5、数据库设计、SQL应用；
6、软件需求分析与设计；
7、项目实战
三、实习内容
Oracle数据库
数据库是数据的结构化集合。计算机是处理大量数据的理想工具，因此，数据库管理系统在计算方面扮演着关键的`中心角色，或是作为独立的实用工具，或是作为其他应用程序的组成部分。
Oracle服务器还有一套实用的特性集合，这些特性是通过与我们用户的密切合作而开发的。在我们的基准测试主页上，给出了Oracle服务器和其他数据库管理器的比较结果。
Oracle服务器最初是为处理大型数据库而开发的，与已有的解决方案相比，它的速度更快，多年以来，它已成功用于众多要求很高的生产环境。尽管Oracle始终在不断发展，但目前Oracle服务器已能提供丰富和有用的功能。它具有良好的连通性、速度和安全性，这使的Oracle十分适合于访问Internet上的数据库。
java与SQL的应用
Java语言是编写数据库应用程序的杰出语言之一，它提供了方便访问数据的技术。利用Java语言中的JDBC技术，用户能方便地开发出基于Web网页的数据库访问程序，从而扩充网络应用功能。
JDBC（Java Database Connectivity，Java数据库连接）是一种用于执行SQL语句的Java API，可以为多种关系数据库提供统一的访问接口。
JDBC由一组用Java语言编写的类与接口组成，通过调用这些类和接口所提供的方法，用户能够以一致的方式连接多种不同的数据库系统（如Access、SQL Server 2000、Oracle、Sybase等），进而可使用标准的SQL语言来存取数据库中的数据，而不必再为每一种数据库系统编写不同的Java程序代码。
篇4：web实训心得体会
这学期接近尾声的一个月里我们又继续我们开学本就该学的《web应用与技术》。在开学初，刚开始的两节课里听老师的介绍，感觉这门课还是很有兴趣的，它不像《计算机网络》那么的只是理论，又不像语言类那么的空洞，敲着代码出来个黑框框。它运用着语言，展现着生动的画面，只有你有想法，你很可能就会在小小的浏览器里实现呢。
这门课是理论和实践的结合，虽然实验课相对来说少了点，每次实验课都会很有收获。从一窍不通到慢慢的深入了解。其中老师起着非常大的作用，老师讲课很丰富，展示例子多，并且很幽默。老师还很和蔼可亲。使对这门课的学习很有信心，每每实验课上的提问，不管简单难易，老师总是不厌其烦的解答，实验课老师是最忙碌的。使我对学习这门课的信心倍增。
首先接触的是开发运行环境，Tomcat的配置，以及对MyEclipse的使用。不得不佩服人类的大脑，它就是个小宇宙，这些神奇的东西都是上辈的智慧结晶，我们在运用着这些结晶，一直为选择计算机专业而后悔，天天对着电脑敲着代码，今天带着另一种眼光来看计算机，其实是很有趣的，我们在一点点的学习着先辈们的智慧结晶。这些神奇的软件，它是怎么样的应运而生的。实在是让人遐想万千，他们是怎么知道要做这些的。配置好了Tomcat，新建的web工程部署进去就可以在浏览器里访问自己编写的html。学习总是一个由浅到深的过程，慢慢的接触css，javascript，servlet，jsp。由于实用以及方便性，软件在不断的更新，语言也在不断的更新。很不幸的是我曾经把jsp和javascript弄混淆了。这学期课程是很繁重的，虽然不太多，但是内容是相当的难。可能有时对web的偷懒就是以忙为借口的吧。终于其它课程结束了，可以好好的学习web了。不管你学或者不学，web就在那里，不来不去。
期末web课程设计如期而至，说实话，web学的是半深半浅，考考试，做做实验还可以，做一个系统恐怕、就这样打开电脑好好的研究web了。好的web工程不是一两个html，jsp就可以完成的，其实要思考，要想的很多。夸张点说web课程设计我们可谓“衣带渐宽终不悔，为伊消得人憔悴”。晚上做梦还是jsp。由于开始的基础不好，后期付出的代价是可想而知的，如今课程设计已经结束，在web学习方面，收获的比其他的要多的多，它的连接性，它的应用性，甚至让我想到今后是否要从事网页的开发。这是我在大学里接触的最有意义的一门学科。花的时间最短而学习的一门学科。“无可奈何花落去，似曾相识燕归来。”一直以来很欣赏古人的这两句词，觉得很是雅美而深沉，每每读来总是能触动心灵深处那根恍然生锈的丝弦。于这“似曾相识”的心境，经常忍不住的敛眉沉思，心弦独奏。闭上眼睛回想着写过的web代码，竟有种“似曾相识”之感。或许是老朋友了吧。总而言之，web学习有趣，收获，只可意会不可言传。
篇5：web实训心得体会
进入XXweb班近一个月了，从一无所知的小白到现在也完成了京东详情页的一个小项目。学习过程中除了偶尔遇到困难，总体还算顺利。在这里主要想分享自己以一个文科生——零基础学员的角度来学习web前端开发的感受。
由于之前在大学里是学的旅游专业，和计算机毫无关系，来到XX时对自己有些半信半疑。不少人甚至怀疑XX是行骗机构。在做了全面的了解之后，我劝服家人同意我来这里学习。另一方面，我向老师咨询了自己学习的方向，考虑到自己从文科到计算机专业跨度较大的转变，我在Java与web之间选择了web。相对于Java，web的学习更基础，容易入手，就业的机会也非常多。
Web开班第一天，老师即从网页基础、HTML入手，攫取重点，给我们介绍了它的相关知识。我们主要学习了HTML5，里面有很多的新特性且时下较为流行。它相当于一个网页界面的宏观架构。如果把一个网页的实现比作是一座建筑的建造过程，那么HTML即是这座建筑里的钢筋混泥土，搭建起整个建筑的框架、承重。
之后，我们又学习了CSS基础样式，仍然借用上面的比喻，CSS则相当于建筑里各个房间的不同结构，它们使得这座建筑更加的多样化。且相对于HTML，它更加的复杂、多样化，呈现的效果也具有更多的可能性。老师向我们推荐了《CSS禅意花园》这本书，里面列举了丰富且多种多样的CSS样式。
作为今后可能成为的优秀前端工程师，仅仅学习自己内部的知识是远远不够的。因此，第一个月中我们也学习了UI中PS绘图制作基础，这对于一个前端来说也是非常重要的，在今后的工作中，我们可能会面对各种各样的问题，如果掌握部分PS尤其是切图技术，在和UI的接触中可以减少很多不必要的繁琐工作。
总之，作为一个前端工程师，我们所要掌握的知识是全面的，当我们写代码时的思维是缜密的。HTML和CSS是基础中的基础。之后我们会学习更多的JavaScript相关知识和其他，希望自己在这过程中仍能保持谦逊的的心态，去学习前人留下的珍贵宝藏。
篇6：web前端学习心得体会
过这五周的学习，在老师的精心教导下和同。
以前我一直在做网页，不过是在博客上，那里提供了模板，只需要自己在里面添舔改改就行了，对一些代码我更本就看不懂，现在好了，虽然我不是很会，但是可以看懂一些了，也能改一些代码了。
通过这五周的学习，在老师的精心教导下和同学们的帮助下，以及通过自己在平时的学习和实践，对ASP动态网页知识有了初步认识。
通过学习ASP动态网页，不但增加了我的知识面，还使我学会了很多以前不会使用的工具，当然这样还不够，因为我还有很多需要学习的地方，ASP课程虽然上完了，但是在以后的时间里我一定会继续努力，争取做更多的精美的网页出来。
通过ASP动态网页的学习还让我明白了做网页时页面不一定要很复杂，但留白的地方不能很多，这样看起来就不会觉得呆板，反面显得有层次，比较高档，而且百看不厌。
网页的特点就是要有一副漂亮的背景图，整个页面看起来就比较舒服。
网页的文字要排得整齐紧凑，这样才能给人一种舒服的感觉。
在网页适当的地方可以加一些图片，每张画面再加一些不同的文字说明和加一些不同的文字效果，再加一些小动画，这样网页会显得更加的精美。
这次做的网页虽不是很好看，可是我花了很多时间来按成它，所以呢它对我以后做网页有很大的帮助。
在此次做网页的过程中也让我学到了很多东西，所以呢从我内心来说我是很满意我的这次经历，同时也要谢谢老师安排这样的考试，为什么呢?因为在制作过程中我不仅学到了书上没有的东西，也培养了我独立思考问题的能力，同时还增强了同学之间的团结互助的友谊。
因此，不论从哪个角度来说，老师此次布置的任务是上大学以来唯一把知识用于实践的第一回，再一次谢谢你老师。
篇7：web前端学习心得体会
1、先从画页面开始，当你做出来一些东西的时候很有成就感，你就会对你所学的东西越来越感兴趣，当你的兴趣足够时你就开始不会在百度知道这里问别人该怎么办。而是会自己去寻找各种博客各种学习视频文档之类，最后你会发现上述任何一个都不如书带给你的知识广泛并且具有系统性。
2、然后页面的HTML代码熟悉了，就开始想想如何让你的页面不再显得那么寒碜，想着如何看着美观。你就会自觉的去学习css。
3、上面两个都是相对简单的语言。接下来你就应该考虑如何让你的页面有人机交互的功能，你需要在一个按钮被点击时做出某种页面动作或者数据响应。这时你就会主动去查阅JavaScript教程之类的网站(w3cshool、菜鸟教程)书籍(JavaScript高级程序设计)。再后来你觉得JavaScript好是好，但是一个操作写很多代码，这时你就会发现有一样JavaScript库种东西(比如jquery)，只要两三个单词就能解决JavaScript十几行的代码解决的问题。
4、再后来你会发现，你学了这么久，什么知识都一样掌握得挺好了，可感觉得自己的页面还是没别人家的好看好用。这时你就会发现有框架这种东西，你就开始学习并熟练地使用起来。过些时日，你发现这框架无论怎么好都没有那种称心如意的感觉，总觉得这是别人的东西，用起来总是会遇到奇怪的问题，这时你发现还是你最初学习HTML、css、js时的基础不够好，你就会发现还是看书对自己有真正的帮助。
篇8：java web实训总结
实训方向：软件技术Java所属班级：软件学院0920031学号：092003119姓名：苏令哲实训时间：
成绩评定
20XX年4月24日
一、实习目的
通过对Java语言、JavaWeb、Oracle数据库应用设计及SQL语言的复习和锻
炼，并且通过使用MyEclipse开发平台设计库存管理系统项目，以达到充分熟悉开发平台及其应用设计。同时掌握并实践软件项目设计规范及其开发流程：需求分析、概要设计、详细设计、代码编写、系统测试及软件手册编写，以便提前适应软件公司开发流程、环境和工作要求二、实习内容
1、公司管理规则，程序员素质，程序员编码规范;2、需求开发与管理;
3、面向对象分析与设计，面向对象编程的特性;4、javaSE、javaWeb5、数据库设计、SQL应用6、软件需求分析与设计7、项目实战三、实习总结
通过这一期的实训，虽然倍感折磨，但是收获却很大的，学习中我不但有了学习成果的喜悦，而且自己也日渐成熟，有种说不出的喜悦。
当我们正式准备学习实训java编程技术时，让我倍感兴奋，虽然以前大学学的是.Net方向，但毕竟Java是自己以后想主攻的技术，所以自然也就非常的亢奋。感觉肩上责任之重大，那一刻起，我就决心带领我们小组，奋战我们的实训路。当然开始学习后也并非是想象中那样顺利，开始的学习让我异常感到学习任务的艰巨，因为学习中我们遇到了很多以前未曾遇到的难点，有时难免冥思苦想也无济于事，通过我们小组的积极努力协作，同时请教老师和其他同学，我们顺利的化解了一道道的障碍。
这让我不断的对学习技术又有了新的认识：学习中我们必须边总结边学习，开始阶段对老师交代的任何方法和类都不要放过，不管是否简单与否都要乐于地接受，因为老师肯定有他的道理，相信老师走过的路比我们长，那么其经验也就肯定比我们丰富。上课时一定要专心听讲，一个关键的知识点听漏了，可能会使一个人在课下花很多时间去消化，这样也就会花掉做其他事情的大量时间，同时也使得学习不能和老师的讲的课程同步，以至出现以后就跟不上老师讲课的进度而掉队。所以学习中我们宁可劳其筋骨，苦其心志，恶其体肤，也不能掉队跟不上学习进度。
在学习的过程中也体会到，遇到问题也要请教。不然的话自己一个人去做的话会花很多的时间，我在做这个在线考试的项目中，其中也问到过许多问题，通过同学的帮助下解决了，提高了程序的开发进程。其他的同学有问题的话我也是给他们尽量解决。我认为学习知识的过程当中就应该是相互学习相互进步的。
Java是面在的主流技术我会努力将它学好，现在我缺乏的是坚持不懈的精神，周贤军给了我很大的影响，我会向他学习，虽然学习java的路还很找，但我会继续走下去。
在这里，我非常感谢实训的`指导老师，在老师的帮助和指导下，我克服了Java学习上的一道道难关，课上认真听讲，摘好必要的笔记，并通过自己课后的不断消化学习，现在自己已经基本掌握了java的基础知识，并等待知识的进一步提升。
实训即将结束了，我非常怀念在达内科技的实训，在实训的这4个半个月时间里，我每一天过的都市踏实的，充实的;我相信，只要我秉持艰苦奋斗，为理想拼搏的精神，尽管在未来的java路上荆棘丛丛，我一定可以披荆斩刺，度过重重难关，实现自己未来的理想!
篇9：java web实训总结
一、实训目的
通过对java语言、JavaWeb、金仓数据库KingbaseES V6.1.1应用设计及SQL语
言的复习和锻炼，并且通过使用elipse 开发平台设计库存管理系统项目，以达到充分熟悉开发平台及其应用设计。同时掌握并实践软件项目设计规范及其开发流程：需求分析、概要设计、详细设计、代码编写、系统测试及软件手册编写，以便提前适应软件公司开发流程、环境和工作要求
二、实训内容
1、公司管理规则，程序员素质，程序员编码规范; 2、需求开发与管理;
3、面向对象分析与设计，面向对象编程的特性; 4、javaSE、javaWeb 5、数据库设计、SQL应用 6、软件需求分析与设计 7、项目实战
三、实习收获总结
经过一周的实习培训，让我们收获颇丰，作为即将步入工作岗位的大三学生，我们了解了企业项目的工作过程，为以后的实践打下基础，积累宝贵经验。同时我们也初步掌握了金仓数据库的功能和使用方法。通过对金仓数据库KingbaseES数据库的学习，掌握应用程序的部署：包括数据库的设计、安装数据库、创建数据库对象、数据导入等。加深理解了Tomcat的使用方法，包括中间件服务安装及配置。
开始学习后也并非是想象中那样顺利，开始的学习让我异常感到学习任务的艰巨，因为学习中我们遇到了很多以前未曾遇到的难点，有时难免冥思苦想也无济于事，通过我们小组的积极努力协作，同时请教老师和其他同学，我们顺利的化解了一道道的障碍。
这让我不断的对学习技术又有了新的认识：学习中我们必须边总结边学习，开始阶段对老师交代的任何方法和类都不要放过，不管是否简单与否都要乐于地接受，因为老师肯定有他的道理，相信老师走过的路比我们长，那么其经验也就肯定比我们丰富。上课时一定要专心听讲，一个关键的知识点听漏了，可能会使一个人在课下花很多时间去消化，这样也就会花掉做其他事情的大量时间，同时也使得学习不能和老师的讲的课程同步，以至出现以后就跟不上老师讲课的进度而掉队。
所以学习中我们宁可先劳其筋骨，苦其心志，饿其体肤，也不能掉队跟不上学习进度。我克服了Java学习上的一道道难关，课上认真听讲，摘好必要的笔记，并通过自己课后的不断消化学习，现在自己已经基本掌握了一定的java的基础知识，并且能应用到相应的项目开发中，对项目开发的一些相关文档也有了一定的了解，。
实训即将结束，我非常感谢XX在我校的校内实训，给我们一次亲身实践的机会同时给我们以后就的就业之路打下一定基础，通过这次实训也让我更加的明白的团队的重要性，要想做好一件事就要付出百分之百的努力，最后再一次感谢王老师教给我们新的知识以及在实训中对我们的帮助。
篇10：web前端工程师实习心得体会
仔细想来，在Web前端开发方向实习已经一年多了，从最初的DIV+CSS学起，到JavaScript、jQuery、Bootstrap框架等等，前端要学习的东西很多。接下来就总结一下我在学习过程中的一些经验吧。
第一、学好基础知识，做一个基础扎实的开发者。在IT行业，每年都会有很多新的技术诞生并且得到广泛的推广，前端技术也不例外。所以无论学到多深的程度，扎实的基本功肯定是必不可少的。
（1）HTML：尽量掌握尽可能多的标签。必须掌握的标签有等，这些虽然平时比较少用甚至几乎不用，但是当你学到Boostrap框架时，你会发现Boostrap框架为这些标签赋予了特定的功能与外观。除此之外，新增了很多标签和属性，使得HTML语言更加强大。还有很多新的内容，需要初学者更多的接触并掌握。
（2）CSS：对各个属性以及一些属性之间结合使用的技巧应该多钻研。CSS能够统一有效地对页面的布局、字体等网页中的各个元素显示属性进行控制，可以方便快捷地实现精美的页面表现效果。你会用CSS技术的使用技巧解决下列问题吗？清除浮动有哪些方式？比较好的方式是哪一种？当容器中具有浮动元素时，如何为容器设置边框或背景颜色？怎样让块级元素在容器中水平居中？当多个连续块级元素的浮动布局影响了原本不想浮动的对象时该如何处理？容器内部的对象如何实现相对于容器的自由定位？为什么要初始化CSS样式？
（3）CSS+div布局模式：许多布局模式的基础，也是大部分前端开发人员接触到的第一种布局方式。这种布局模式对于PC端页面的设计是非常有帮助的，同时对于后面将会遇到的“移动端布局”、“响应式布局”等，这种布局方式都具有一定的指导意义。
第二、将JavaScript作为前端学习的重点。JavaScript是目前大多数主流浏览器支持的面向对象的脚本语言，它可以在不与服务器交互的前提下对HTML的页面内容进行修改。JavaScript控制着网页的行为，决定着网页“做什么”。系统学习过JavaScript的同学们，你看看下列问题你能准确的找到答案吗？通过表达式来系统阐述“==”和“===”这两个运算符的区别。把某个元素移除你的视线的方法有哪些？你对JSON了解吗？通过哪个函数可以判断从文本框中获取的内容是不是数字？DOM 操作——怎样添加、移除、移动、复制、创建和查找节点？怎样判断是否为整数？运算符都能删除哪些内容？在脚本中，this有几种使用情况呢？
第三、多练习多操作，实践是检验真理的唯一标准。IT编程是需要多加实践的，要不断反复进行上机操作，是学习编程开发的唯一方法。
这些问题的答案就是我的实习心得，经过这段时间的实习，我觉得自己可以独当一面，当一个web前端工程师了呢。
篇11：web前端工程师实习心得体会
作为web前端工程师，在XX工作了5个月，自己从刚开始的一名新人到最后和大家融为一体，为组内贡献自己的一份力量，我经历了很多，成长了很多。
刚进到公司，我内心是很惶恐的。我对自己没有一个正确的定位，对公司的环境也是那么的陌生。我不知道自己能不能胜任公司的工作。我所能做的就是努力再努力，用自己的勤奋来掩饰自己内心的慌张。
很欣慰的是我们组内有一个女生。她性格很柔和。每次，和他请教问题他都会耐心的帮助你。我和他成为了闺蜜，我经常的去问他问题，一些环境的配置，系统的某部分业务或者其他的问题等等。很感谢她，他帮助我尽快的去熟悉了系统的环境及业务。除了组长，组内还有李大牛和许小牛。后来许小牛走了，又来了两名同事，工作期间，他们都对我有很大的帮助，无论是工作上还是生活上，很欣慰能够遇到他们并共事一场。
工作中不是那么的顺利。别人是因为任务重，工作压力大。而我则是因为任务太轻而烦恼。我的任务总是比较简单，我很快就能做完，我体现不了自己的价值，我不开心。我去向组长争取机会，赢得了自己的第一份比较有挑战性的工作。
我要做一个webservice接口。这个任务的需求很不明确，需要我去和接口使用方进行沟通。我对系统的数据库了解甚少，对自己的库就不太了解，将他们的库对应到我们的库就更困难了。加上交流也不是很有经验，我最后搬出我们组长去跟他们沟通确定需求才开始进行开发。需求的确定用了好长时间，之后的验证也用了好久。当时开发时，接口由于没有数据，只用一条数据进行了验证，但到部署到现场时出现了好多的问题。客户天天催，自己的压力好大。好几天都加班到好晚。这件事情比较曲折，后面的博文会详细讲述这件事情。
最后一个月，我们组要进行封闭开发。这是我在XX的最后一个月了。刚开始我以为不会给我分配什么有含量的活了。这里非常感谢组长，他并没有让我的这一个月荒废。我有我的任务，而且也很重要。因为这些，我可以和大家共同奋斗。全组成员一起加班到晚上两点那次，虽然很累，但是我很开心。这是一件很值得回忆的`事情。曾经，我们也疯狂过。
篇12：web前端面试题
http_request.onreadystatechange = alertContents;
http_request.open('GET', url, true);
http_request.send(null);
}
function alertContents {
if (http_request.readyState == 4) {
if (http_request.status == 200) {
alert(http_request.responseText);
} else {
alert('There was a problem with the request.');
}
}
}
字符串拼接改良方案
把要拼接的字符串写入数组arr，然后调用arr.join(“”);
title和alt的区别?
都是提示词。简单的说，title给人看，alt给引擎看
CSS选择器有哪些?
通配选择器(*)，标签选择器(tag)，类选择器(.class)，id选择器(#id)，属性选择器(selector[attr=“val”])，后代选择器(selector1 selector2)，子代选择器(selector1 >selector2)，相邻选择器(selector1 ~ selector2)，伪元素(selector:first-child等)，伪类(selector:hover等)。叫法可能不大一样，所以举出一些例子供参考。
function foo(){ console.log(this); }; foo.call(null);
window。call第一个参数为null，所以调用者为全局，也就是window，而this指向调用者
DOCTYPE作用及意义
为了告诉浏览器以什么标准来解析文档。这是因为部分网页并没有遵循标准，或者遵循的是旧版本的标准。
具体用法，可以参考：www.jb51.net/web/34217.html
readyState有哪些值?各代表什么?
0 - (未初始化)还没有调用send()方法
1 - (载入)已调用send()方法，正在发送请求
2 - (载入完成)send()方法执行完成，已经接收到全部响应内容
3 - (交互)正在解析响应内容
4 - (完成)响应内容解析完成，可以在客户端调用了
js闭包概念
js函数里声明的局部变量会在退出函数时被销毁。而闭包则是保留对局部变量的引用，使其久居内存。
HTML5和HTML4相比多出哪些功能?CSS3和CSS2相比多出哪些功能?
HTML5：表单验证、websocket、语义化标签等等
CSS3：动画，计算，新的属性
less是什么?有什么特点?如何判断less的兼容性
less是一种CSS预编译器，在CSS原有基础上引入了变量、函数等元素，使得CSS更容易维护、扩充。
less是靠less.js来解析的，所以，与浏览器没有关系。IE6+和其他主流浏览器都可以使用less
JS的属性可以直接在构造函数中定义，也可以在原型中定义。两者有什么不同?
前者定义是写在内存中，而后者是写在硬盘中
Array(6).join('a')结果是多少?
“aaaaa”。join是指数组每一项用join的参数隔开。
123456['toString']['length'];
1。Number.toString是一个函数，长度为1
{}+'a'<{}+'b';
false。{}+“a”会转化成数字相加，结果为NaN。NaN与NaN比较永远返回false
var arr = [1,2,3,4,5,6];arr.splice(1,3);arr.toString();
156。splice(index, length)。第一个参数表示开始切割的下标，第二个是切割的长度。注意这个切割是从原数组中去除
var arr = [1,2,3,4,5,6];arr.slice(1,3)['toString']();
23。和上例不同，slice(index1, index2)第一个参数表示开始切割的下标，第二个参数是结束切割的下标(不含)。且这个切割返回切除部分。
({a:1,b:2,c:3})[['b']];
2、写一个hack样式实现 IE6、IE7、firefox 下分别使用不同颜色
以下分别用条件注释和属性前缀法实现
[css] view plaincopyprint?
[css] view plaincopyprint?
color: #67f; // firefox, IE6, IE7
*color: #667; // IE6,IE7
_color: #666; // IE6 only
/* 只在IE6下生效 */
/* 只在IE7下生效 */
color: #777;
/* 在非IE下生效 */
项目规划题：
假如你是项目负责人，你会如何规划整个项目的CSS文件?
reset.css
public.css
各模块按文件夹分配CSS，或直接以模块划分CSS
如何在项目中避免和其他小组冲突?例如类名的命名?
在类名中加模块前缀，例如登录的提交按钮命名可以为“login-btn-submit”(个人用法，不一样的欢迎提出来交流)
逻辑题：
七点四十五分的时候，时针和分针之间的角度是多少?
37.5°
给你N个苹果和一座天平，其中一个苹果比较重，其他苹果一样重。假设其他因素完全一样，假设天平两侧可以放无限个苹果。现在要找出那个较重的苹果，需要使用几次天平。求最差情况的最优解。(设计一种算法，让平均次数最少)
想说二分的都准备挂吧2333，不信想一下N=8的情况。
我能想到的最好方案是三分，即N/3并向上取整*2，剩下的作为第三堆。即每次天平称的时候两边是ceil(N/3)。例如上面说的，N=8的时候，按二分的思路，第一次称是4,4，第二次称的时候是2,2，第三次是1,1，总共三次。而用三分的思路，第一次是3,3,2，第二次(最坏)是1,1,1，只需要两次。
篇13：web前端面试题
HTML+CSS
1.对WEB标准以及W3C的理解与认识
标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性;
2.xhtml和html有什么区别
HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言
最主要的不同：
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。
3.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
用于声明文档使用那种规范(html/Xhtml)一般为 严格 过度 基于框架的html文档
加入XMl声明可触发，解析方式更改为IE5.5 拥有IE5.5的bug
4.行内元素有哪些?块级元素有哪些?CSS的盒模型?
块级元素：div p h1 h2 h3 h4 form ul
行内元素: a b br i span input select
Css盒模型:内容，border ,margin，padding
5.CSS引入的方式有哪些? link和@import的区别是?
内联 内嵌 外链 导入
区别 ：同时加载
前者无兼容性，后者CSS2.1以下浏览器不支持
Link 支持使用javascript改变样式，后者不可
6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?
标签选择符 类选择符 id选择符
继承不如指定 Id>class>标签选择
后者优先级高
7.前端页面有哪三层构成，分别是什么?作用是什么?
结构层 Html 表示层 CSS 行为层 js
8.css的基本语句构成是?
选择器{属性1:值1;属性2:值2;……}
9.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?
Ie(Ie内核) 火狐(Gecko) 谷歌(webkit) opear(Presto)
10.写出几种IE6 BUG的解决方法
1.双边距BUG float引起的 使用display
2.3像素问题 使用float引起的 使用dislpay:inline -3px
3.超链接hover 点击后失效 使用正确的书写顺序 link visited hover active
4.Ie z-index问题 给父级添加position:relative
5.Png 透明 使用js代码 改
6.Min-height 最小高度 !Important 解决’
7.select 在ie6下遮盖 使用iframe嵌套
8.为什么没有办法定义1px左右的宽度容器(IE6默认的行高造成的，使用over:hidden,zoom:0.08 line-height:1px)
11.标签上title与alt属性的区别是什么?
Alt 当图片不显示是 用文字代表。
Title 为该属性提供信息
12.描述css reset的作用和用途。
Reset重置浏览器的css默认属性 浏览器的品种不同，样式不同，然后重置，让他们统一
13.解释css sprites，如何使用。
Css 精灵 把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量
14.浏览器标准模式和怪异模式之间的区别是什么?
盒子模型 渲染模式的不同
使用 window.top.document.compatMode 可显示为什么模式
15.你如何对网站的文件和资源进行优化?期待的解决方案包括：
文件合并
文件最小化/文件压缩
使用CDN托管
缓存的使用
16.什么是语义化的HTML?
直观的认识标签 对于搜索引擎的抓取有好处
17.清除浮动的几种方式，各自的优缺点
1.使用空标签清除浮动 clear:both
2.使用overflow:auto(空标签元素清除浮动而不得不增加无意代码的弊端,,使用zoom:1用于兼容IE)
3.是用afert伪元素清除浮动(用于非IE浏览器)
Javascript
1.javascript的typeof返回哪些数据类型
Object number function boolean underfind
2.例举3种强制类型转换和2种隐式类型转换?
强制(parseInt,parseFloat,number)
隐式(== C ===)
3.split() join() 的区别
前者是切割成数组的形式，后者是将数组转换成字符串
4.数组方法pop() push() unshift() shift()
Push()尾部添加 pop()尾部删除
Unshift()头部添加 shift()头部删除
5.事件绑定和普通事件有什么区别
6.IE和DOM事件流的区别
1.执行顺序不一样、
2.参数不一样
3.事件加不加on
4.this指向问题
7.IE和标准下有哪些兼容性的写法
Var ev = ev || window.event
document.documentElement.clientWidth || document.body.clientWidth
Var target = ev.srcElement||ev.target
8.ajax请求的时候get 和post方式的区别
一个在url后面 一个放在虚拟载体里面
有大小限制
安全问题
应用不同 一个是论坛等只需要请求的，一个是类似修改密码的
9.call和apply的区别
Object.call(this,obj1,obj2,obj3)
Object.apply(this,arguments)
10.ajax请求时，如何解释json数据
使用eval parse 鉴于安全性考虑 使用parse更靠谱
11.b继承a的方法
12.写一个获取非行间样式的函数
function getStyle(obj,attr,value)
{
if(!value)
{
if(obj.currentStyle)
{
return obj.currentStyle(attr)
}
else
{
obj.getComputedStyle(attr,false)
}
}
else
{
obj.style[attr]=value
}
}
13.事件委托是什么
让利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行!
14.闭包是什么，有什么特性，对页面有什么影响
闭包就是能够读取其他函数内部变量的函数。
15.如何阻止事件冒泡和默认事件
16.添加 删除 替换 插入到某个接点的方法
obj.appendChidl()
obj.innersetBefore
obj.replaceChild
obj.removeChild
17.解释jsonp的原理，以及为什么不是真正的ajax
动态创建script标签，回调函数
Ajax是页面无刷新请求数据操作
18.javascript的本地对象，内置对象和宿主对象
本地对象为array obj regexp等可以new实例化
内置对象为gload Math 等不可以实例化的
宿主为浏览器自带的document,window 等
19.document load 和document ready的区别
Document.onload 是在结构和样式加载完才执行js
Document.ready原生种没有这个方法，jquery中有 $().ready(function)
20.”==”和“===”的不同
前者会自动转换类型
后者不会
21.javascript的同源策略
一段脚本只能读取来自于同一来源的窗口和文档的属性，这里的同一来源指的是主机名、协议和端口号的组合
22.编写一个数组去重的方法
function oSort(arr)
{
var result ={};
var newArr=[];
for(var i=0;i
{
if(!result[arr])
{
newArr.push(arr)
result[arr]=1
}
}
return newArr
}
★ 实训心得体会范文
★ 实训心得体会以上
★ 实训报告心得体会
★ 外贸实训心得体会
★ 管理实训心得体会
web前端实训心得体会（集锦13篇）
