前端工程师年终总结

前端工程师年终总结

篇一：XX年终总结总结研发工程师

XX年个人年终总结报告

时间飞逝，转眼一年又即将过去，来公司两年了，首先非常感谢公司领导平时的耐心指点以及各位同事的关心帮助，让我在工作中得到不断成长和磨练，同时也领悟了很多为人处事的道理。学会真诚待人，努力严格要求自己，实实在在地努力工作，少言多行，尽职尽责做好自己的本职工作。通过多看书多学习来不断提高自身的修养素质和工作能力，做到平静于心，自律于行。下面我对XX年这一年来的工作、收获以及XX年努力的方向及自我要求进行总结如下:

1、总结XX年度个人与部门的收获与不足：

这一年来，本人爱岗敬业，从不迟到早退，本着实事求是的做事原则，认真遵守公司内部的规章制度以及员工手册，虚心向自己的上级领导和同事求教，认真学习和巩固自己的专业知识和技能，做好自己本职工作。通过不断的学习和培训，熟知公司的核心系统以及前端柜面的知识，日常做好5S 工作，通过不断学习来掌握公司产品的检测方法，学会锡膏、锡线、助焊剂的非常规检验方法，协助编制或修改产品相关的技术工艺文件，协助领导解决客户在产品应用中出现的问题。现在的实验技能操作方面也比较专业化、规范化了，对自己检测的结果数据一直持负责任的态度，不弄虚作假。工

作中，遇到问题，及时向自己的上级领导反馈情况，做到有效地解决分析问题。平时积极主动认真地查阅资料，协助领导购买评估需要完善的仪器设备，不断完善公司产品、包材的质量允收标准。不断完善及规范公司产品的生产工艺及检验标准等体系文件，协助翻译产品的英文资料。认真配合并协助部门其他同事的工作需要，团结一致，齐心协力，积极有效地完成公司上级领导交待的各项工作任务。

这一年里，个人与部门在工作上都收获了不少，但也存在这样、那样的不足之处。所以自我评价是88分，不够优秀，现将问题总结如下：

个人不足：还存在很多不足之处，第一是不够谦卑，好胜心强，比如与人沟通时，有时会比较急躁，急于表述自己的观点，有点自我为中心，导致没有站在对方的立场去思考问题。第二是不够沉稳、淡定，容易自己生闷气，不够宽容他人无心的过错，没能做到虚心地接受他人善意的批评、教诲。第三是未能够保持一颗平静的心，得失心太重，遇到不顺心的事会心浮气躁，偶尔还会抱怨，没能做到失意时坦然，得意时泰然。第四还不够好学，没能坚持每天都学习，只有心情好有空时才端起书本学习他人的为人处事方法。第五不够有仁慈心，还是有分别心，经常遇到那些行乞或者需要帮助的路人都要考虑下才会施舍，甚至看到那些四肢健全的年轻人行乞者不但不给予帮助还会用鄙夷的

眼光看待他们。工作上对公司的一些体系程序文件不够熟悉，有时看待问题不够透彻，容易把问题理想化；专业素养还有待提高，个别的工作做得还不够完善、协调。

部门的不足：人员还不够用，很多时候会忙不过来，平时对我们的培训不够，比如岗位的技能、操作方法、作业指导书、体系管理方面的培训不够到位；部门的管理制度及实验室的环境管理方面还有欠缺；公司的一些质量体系文件还不够完善；还有与其他部门之间的沟通交流不够；公司产品的检测项目以及实验设备（比如粘度计、印刷台）还不够完善。

2、学习传统文化后自身的成长变化：

通过观看张选老师讲的生命智慧视频短片，我的感受很深，让我明白一个道理：一个人幸福的程度取决于他对生活的尊重以及理解的程度。就像现在的我，虽然梦想很遥远，但是我每天依然要快乐、开朗，不庸人自扰，用真心和实际行动来温暖身边的家人和朋友，学会与人友善，诚恳待人，要乐观坦然地面对生活，更要学会慷慨，学会谦虚，要有开阔的胸襟与兼容并蓄的雅量来宽容与自己不同甚至相反的意见。而不是一贯地自我为是，就像每天早读的“每执己见，以为最妙，坐井观天，所见者小”。在日常常生活中，时刻谨记：留一点余地给惹怒我们的人，少讲两句，明白了得理更需饶人，就像张选老师说的我们有理的人更要让给无理的

人。在公司上班，尊敬各位领导和长辈，同事之间团结互助，相互包容、相互理解，努力做到诚敬谦和。工作中遇到问题，会及时与自己的上级、同事合理沟通，不带情绪地解决问题，做到心平气和，不抱怨，有智慧地处理问题。不管是工作上还是生活上都要勤奋、认真，严格要求自己，努力进取，做一个不懈怠的人，有改正错误的勇气，对自己的失误要勇于承认，并及时弥补，有任何的过失先从自己开始，行有不得反求诸己。

3、做了哪些有价值有意义的事：

在家里，孝顺父母，感恩父母，认真听从父母的教诲，多与父母沟通，经常打电话回家耐心听父母在家遇到的开心事，不让父母内心孤独。了解父母的内心需求，努力工作，每个月发工资寄点零花钱给我父母。然后过年、过父亲节、母亲节时就给我父母亲买衣服鞋子，让父亲打扮舒适体面，让母亲穿的显年轻漂亮，给他们买喜欢的生日礼物，平时尽量报喜不报忧，不让自己的父母操心。尽自己所能，从身边的小事做起，比如回到家做些家务，洗衣刷碗，支持父母的业余爱好、赞美他们做的决定等，周末有空就和小侄子侄女一起看绘本讲故事，从小培养他的阅读习惯，买益智玩具给他们玩。学会珍惜简单的幸福，永远保持一颗童心，知足常乐，做一个虽然饱经世故，却又能保持单纯

朴素的人。

4、对部门和公司的期望与建议：

1）加强培训，比如进行体系管理、实验技能等进行培训；

2）加强实验室的管理规划，进一步完善实验室的仪器设备；

3）加强体系管理方面，完善产品的检测标准、检测项目；

4) 提高工作能力，希望能够跟着售后客服工程师去实践多学多看；

5）进一步完善员工的待遇和薪资福利，适当改善宿舍条件，建议宿舍提供络、书柜，还有下班之后的娱乐设施，乒乓球桌室、羽毛球等室内体育锻炼场所；

5、XX年努力的方向以及自我要求：

1）做好自己的本职工作，积极完成上级交待的各项工作目标；

2）做到平静于心，自律于行，继续用善的眼光看世界和他人；

3）多看别人的长处，多站在对方的立场思考问题，努力提高自己的心境；

4）经常检讨自己的妄为、过错，让自己时刻保持清醒。

5）不断努力进取，踏实务实，虚心向自己的上级和同事求教；

6）积极主动收集资料，不断加强学习、巩固自身的专业知识和实验技能，力争取得更好的工作成绩，期待与公司一起成长，共创辉煌。

7）一些工作中做的不到位、不够细、不协调的地方会继续努力改进。

8）通过不断努力学习、领悟生活和工作中的点点滴滴，做一个快乐幸福的职场人，尽职尽责，真正做到沉稳、细心，充满自信，做一个拥有人格魅力的人。

此致，

敬礼汇报人：******

日期：XX年01月01日

篇二：web前端学习总结(精华版)

Web总结

一.名词解释

1. 横切

在固定页面的宽度(按栅格化进行)并且对高度没有限制的容器称为一个标准横切

2. 留白

两个容器或碎片之间的上、下、左、右的空白距离

3. 继承

元素可以从其父级元素中获得一些可为自己使用的属性或值。

4. 图片定位

把图片元素放置到一个静态的、相对的、绝对的、或固定的位置中，利用CSS中对图片进行遮罩属性，多用于页面中的修饰图

5. 底图

页面中在标签中使用的背景图

6. 齐底(图)线

用于区分横切或碎片结束的线或图

7. 页面结构

页面的基础框架，由横切、布局元素组成

8. 焦点区(图)

最易注意的区域

9. 导航

在页面中具有导向性的链接集合

10. 头图

页面主题图片

11. 间距

碎片或文字间的距离

12. 行高

文字段落中行与行之间的距离

13. 首行缩进

文字段落首行缩进

14. 浮动

使被定义的区域脱离正常的页面文档流

15. 碎片

由文字、图片组合成的内容区域

16. 通栏广告

与页面内容区同宽的广告区域

17. 功能按钮

具有交互属性的按钮

18. 私有样式

当前页面独立使用的样式，不具备公用性

19. 水平(垂直)居中

在页面中的某个元素处于父级的上下或左右的相同距离

20. 标准头(尾)

定义相同的页面头或尾元素集合

二.文本格式化

1. 段落：p

2. 斜体：address（联系信息）em（强调）i（突出不同）cite（引用）dfn（首次定义术语）

3. 粗体：strong（重要）b（提醒）

4. 图片块：figure

5. 引述文段，段落缩进：blockquote

6. 背景颜色：mark

7. 虚线下划线：abbr

8. 上标下标：sub/sup

9. 下划线：ins

10. 删除线：del（标记已删除内容）s（标记不准确内容）

11. 等宽字体：code

12. 预格式化：pre

13. 字号减小，表注释：small

14. 时间：time

15. 换行：br

16. html5定义区块：header nav article section aside footer div span

三.表单表格

1. ...

2. 表单元素的组织：......

3. 创建各种框:

注：text→password/url/tel/email

Id:为了让对应的标签识别，添加CSS

Name：为了让服务器和脚本识别，通常与id设为一样

Size：文本框大小

Maxlength：能输入的最大字符数

Pattern：正则表达式

4. 添加标签：

5. 单(多)选按钮：

北京

上海

注：id各自唯一，name必须相同。checked：默认选择

6. 下拉框：

北京

上海

成都

注：size:选择框的高度 multiple：允许多选 selected：默认选择用对选择框进行分组

7. 上传文件：

注：size：输入路径和文件名的字段的宽度

8. 禁用表单元素：

9. 创建提交按钮：

创建带图像的提交按钮：点击这里创建图像按钮：

Submit→reset重置

10. 文本区域：请在此输入字符

11. 表格 :

..

..

..

..

..

四.文本格式化

1. {font：（斜体粗体小型大写字母）字体大小(必有) 行距字体集（必有）;}

2. 文本背景：{ background：#foc url（）repeat-x

scroll 0 0；}

3. 字间距：word-spacing:12px;

4. 字偶距：letter-spacing:12px;

5. 缩进增加：text-indent:12px;

6. 小型大写字母: font-variant:small-caps;

7. 文本对齐：text-align:left；适用于block，inline-block

8. 单词大小写: text-transform:capitalize(单词首字母大写)/uppercase(大写)/lowercase(小写)

9. 文本上的线：text-decoraion:underline/overline/line-through;

11. 空格：white-space:pre(显示所有空格回车)/nowrap（非断行空格）；

12. h3—16px; h5—12px; verdana,Geneva,sans-serif;

13. 列表属性： li{list-style:url() inside square;}

五.CSS布局

1. width：不包括padding，border，margin；max-width 设置外围限制；

2. 浮动：float:left; 清除浮动：clear:both;

3. 设置边框： border:dotted 4px red;(dotted点状、dashed虚线、solid实线)

4. 使元素对齐：

vertical-align:baseline/middle/text-bottom..

5. 显示：display:black/inline/inline-block;

6. 显示：visibility:visible/hiddle;

7. 相对定位：{position:relative; top:5px;} 相对于该元素的原始位置

8. 绝对定位：{position:absolute; top:5px;} 相对于body或离他最近定位的祖先元素

9. 三维位置：{z-index:50;} 越大的在最上面

10. 厂商前缀：-webkit-(safari) –moz-(firefox) –ms-(IE) –o-(opera)

11. 创建圆角：

{-moz-border-radius-topleft:50px;

-webkit-border-top-left-radius:50px;

border-top-left-radius:50px;} (左上角,角的半径是50px)

{border-radius:50px;}(所有角简写)

12. 创建椭圆角：{ border-radius:40px/20px;} （x 半径/y半径）

13. 创建圆形：{ border-radius:50px;} 50px为元素半径大小

14. 文本加阴影：{text-shadow: 2px 5px 5px #999;} x/y/模糊半径

15. 元素加阴影：{(-moz-/-webkit-)box-shadow:(inset内阴影)2px 5px 5px #999; 5px 10px 2px #555(多重阴影);}

16. 多重背景：{background:#000 url() 50% 102% no-repeat,#222 url() 12px -150px repeat-x;}

17. 透明度： {opacity:.5;} 0→1 透明→不透明

18. 渐变背景：{background:linear-gradient(left,#000,#999);} (left ：渐变线沿逆时针方向转至水平线的角度)

六.html5视频音频

1. html5支持3种视频：.ogg/.ogv .mp4/.m4v .webm

2. 添加视频：

视频属性：src autoplay controls muted loop poster width height preload

3. 为视频添加多个来源：

//嵌入Flash动画

下载该视频

4. html5支持5中音频：.ogg .mp3 .wav .aac .mp4

5.添加音频：

音频属性：src autoplay controls muted loop preload 。多个来源同video。

七.一些约定

我们结合常用的一些命名习惯，再结合CSS的实际应用，整理出一些较好的命名习惯。

1. 样式名称首字母统一为小写字母，不能为数字，下划线及特殊字符；

2. 样式名尽量语义化或简写；

3. 样式名需要组合拼写时，采用全部小写拼写并使用下划线连接，即：all_keyword；

4. 使用px(像素)为基本计量单位；

5. 页面中空格的使用：全角：中文空格半角；

6. 项目完成包中，文件夹及文件名称全部采用小写字母，不使用中文文件名；

7. 减少DIV的嵌套层数；

8. 给重要图片加上alt属性；给重要的元素和截断的元素加上title；

9. 使用正确的注释方法（详见“注释”章节）；

10. 特殊情况下要求表现和内容分离，代码中不要涉及

任何表现的元素，例如：style、font

等；

11. 双标记签都要有开始和结束标签，单标记标签的后面一定要加“ /”,例如：

等，

并且有正确的层次；

12. 其它特殊符号：

1) 2) >(>)

八.命名空间

外挂样式名称

全局：

全局样式为全站公用，为页面样式基础，页面中必须包含。

结构：

页面结构类型复杂，并且公用类型较多时使用。多用在首页级页面和产品类页面中。私有：

独立页面所使用的样式文件，页面中必须包含。

模块

产品类页面应用，将可复用类模块进行剥离后，可与其它样式配合使用。

默认

文章

图片

下载

主题

实现换肤功能时应用。

补丁

基于以上样式进行的私有化修补。

常用名称

(1)页面结构

容器: container

页头：header

内容：content/container/content(A)

页面主体：main

页尾：footer

导航：nav

侧栏：sidebar

栏目：column

页面外围控制整体布局宽度：wrapper

篇三：XX年工程师年终总结

XX年年终总结

XX年即将结束，审视自己一年来的工作，总结一年的得失，感触很多。一年来，我热衷于本职工作，严格要求自己，摆正自己的工作位置，时刻保持“谦虚”、“谨慎”、“律

己”的态度。在领导的关心、栽培和同事们的帮助支持下，始终勤奋学习、积极进取，努力提高自我，认真完成任务，履行好岗位职责。作为一名硬件工程师，但在我心中，陕西德容就是我的家，领导就是我的家长，同事就是我的兄弟姐妹，德容的事就是我自己的事，我要通过我自己的不懈努力将公司的项目做到完美，使得我们陕西德容的产品能够尽快推向市场。我明白作为陕西德容的一名硬件工程师的责任与义务。回顾过去的一年我将我的工作总结以下几个方面：

一、年度工作情况

在过去的这一年中，我从对公司项目的熟悉，逐步成长到可以承担公司项目的部分模块，并且在这些方面为公司做出了应有的贡献，对我个人而言自己的能力也得到了相应的提高。但是公司的项目复杂，要学习的东西还有很多，因此我要继续努力，对项目中的细节和难点更加深入的理解，希望通过自己的努力看到产品的完美诞生。

在这一年里我主要完成了以下任务：

1、在XX年的基础上对电台的各项指标进行细化和研究，并且根据邓工的建议与民航的指标总结出了我们自己的电台测试方法，并且对我们电台进行了详细测试，根据测试记录对电台进行了各项性能的评估。

2、根据对电台的跟踪测试，陆续整理出了电台现有存在的问题，并且将各个模块的相应参数做出了修改。随后修

改了每个模块的原理图，针对发射机频合的小数分频问题、发射机谐波大问题等提出了解决方案。

3、历时一个半月对整个电台的系统原理图进行了整合修改，同时更加明确了整个电台的各路信号含义，为后面的研发与测试奠定了基础。

4、根据发射机的测试数据对发射机做出了相应评估，提出了一些问题，例如功率不稳定、不精确、调制度漂移、失真度大、PTT超时等，随后与西工大配合解决发射机的相关问题。在此期间通过配合解决了功率稳定性问题、调制度漂移问题、PTT超时问题等，通过解决这些问题我们自己也总结出一条方法和公式，

更加深入的解决了发射机相关问题，为后续发射机调试和生产打下了基础。

5、对发射机遗留的失真度大、谐波大等问题进一步努力解决。尝试制作MOD电压产生电路，缩小排查问题的范围，尝试使用定制滤波器降低谐波，修改功放参数，解决问题。虽然问题没有得到很好的解决，但是我们从中也找到了方向，我想在沿着这个方向继续努力，这些问题一定会得到解决。

6、着手参与新方案的讨论研究，首先是调制板，减少调制板的无用信号线，使用DSP串口协议来与ARM通信；然后是电源板，将原来分立的电源板和整流板整合在了一起，减少了连接线，并且增加了散热面积；随后是ARM的改进，

根据新采购ARM的型号制定有效的隔离方案，改变原有的供电方式；再根据电台的新要求，频合增加小数分频的功能，因此频合采用ADF4351锁相环来设计。

7、绘制电源板、调制板和ARM转接板的PCB板，同时参与每个板子接口方式的讨论，为PCB板焊接配料。

8、负则公司新项目数传电台，制作数传电台测试工具，策划数传电台研发初步方案，进行了3次户外测试，对数传电台进行了评估，虽然这个项目没有进行下去，但是通过这个项目，我自己也学到了不少东西，也感受到了公司发展的动力。

9、将调制板、ARM转接板和电源板，进行单板测试，后续焊接屏蔽框，在焊接和安装过程中还对部分结构进行了修改和完善，最后进行功能性测试，将新版的调制板、电源板和ARM转接板等进行联合调试。

10、复旦项目上，主要做了以下几点：1）首先熟悉项目的基本情况，开始着手设计电压采样电路、确定电阻器的型号；2）随着项目的进展，最后确定和生产了电阻器，确定了基本电路形式；3）然后根据电阻器尺寸确定机柜的尺寸，确定了厂家，设计和加工了母排；4）后续将项目提交到上海测评，根据测评结果再次修该机柜内的安装尺寸和母排安装方式。

11、参与公司9000审核文档的编写，最后整合实验台