《xxweb前端工作总结.doc》由会员分享，可在线阅读，更多相关《xxweb前端工作总结.doc（37页珍藏版）》请在金锄头文库上搜索。
1、XXweb前端工作总结篇一：程序员-web前端-个人年度工作总结XX个人年度工作总结 工作回顾 在我进入公司的这七个月里，我陆续接触了公司的软件开发平台，一些已经完成的项目,b2b,收银等。在工作之余，我也在努力的学习，和同事及客户友商进行交流，学习先进的开发技术，请教别人相关开发技术问题。存在问题1.由于开始对公司开发平台不是很熟悉，所以在了解客户所要开发的功能及表单过程中多次出现因为需求的原因，而不断修改的情况。在与客户交流的时候，这个问题多次困扰着我，对方的需求不明，每次交流的过程中都在变更需求，从而导致了效率比较低的问题。2.在工作过程中，用到很多我所不知道或很多我知道但不太熟悉的领域
2、，在这个领域内，我需要不断的学习。3.学习的知识不够广泛。对专业知识技能方面还需要努力的加强，这方面也是目前最欠缺，希望高总能给予指导和培养。一个项目中，涉及的技术往往有多种，知识多了，就会灵活变通，所以我会加强这方面的学习。工作心得1. 每一个项目在开始着手的第一步，一定要和客户把需求沟通清楚，只有了解了项目的需求，才有可能真正做好一个项目。2. 工作中，有一个无论是技术，还是经验都比较让人肯定的前辈带领，将任务详细化，详细到，每个页面、甚至是一个页面中的图片什么时候做好，做到什么程度，这样把工作进度有计划有方向的赞定下来，做事很有效率。所以希望高总多给予我们一些指导。3. 每周的工作小结真
3、的很重要，这让我们每天都有计划的知道自己干了什么，不是漫无目的的工作，所以我们应该养成，周记、月记、年记的工作习惯。4. 工作并不是一成不变的，也许有一天你要去其他岗位帮忙，所以同事之间的技术要互相学习，也许有一天，公司需要你发挥其他的技能帮忙，所以互相学习也是很重要的。自己的工作不能仅仅局限于自己的业务范畴。工作计划1. 要提高工作的主动性，做事干脆果断，不拖泥带水。2.工作要注重实效、注重结果，一切工作围绕着目标的完成。3. 要提高大局观，是否能让其他人的工作更顺畅作为衡量工作的标尺。4. 精细化工作方式的思考和实践。 5. 虚心请教比我做的优秀的其他同事，向他们学习技术或经验。 其实作为
4、一个新员工，所有的地方都是需要学习的，多听、多看、多想、多做、多沟通，向每一个员工学习他们身上的优秀工作习惯，丰富的专业技能，配合着实际工作不断的进步，不论在什么环境下，我都相信这两点：一是三人行必有我师，二是天道酬勤。 在参加工作的这短短的七个月中，我深刻的体会到，把自己所有的精力都投入进去，技术工作都不可能做到完美程度，毕竟技术工作太繁杂，项目多而人手少，但多付出一些，工作就会优化一些，这就需要认认真真沉下心去做事情，职业做事，诚信待人。篇二：web前端学习总结(精华版)Web总结一.名词解释1. 横切在固定页面的宽度(按栅格化进行)并且对高度没有限制的容器称为一个标准横切2. 留白两个容
5、器或碎片之间的上、下、左、右的空白距离3. 继承元素可以从其父级元素中获得一些可为自己使用的属性或值。4. 图片定位把图片元素放置到一个静态的、相对的、绝对的、或固定的位置中，利用CSS中对图片进行遮罩属性，多用于页面中的修饰图5. 底图页面中在标签中使用的背景图6. 齐底(图)线用于区分横切或碎片结束的线或图7. 页面结构页面的基础框架，由横切、布局元素组成8. 焦点区(图)最易注意的区域9. 导航在页面中具有导向性的链接集合10. 头图页面主题图片11. 间距碎片或文字间的距离12. 行高文字段落中行与行之间的距离13. 首行缩进文字段落首行缩进14. 浮动使被定义的区域脱离正常的页面文档
6、流15. 碎片由文字、图片组合成的内容区域16. 通栏广告与页面内容区同宽的广告区域17. 功能按钮具有交互属性的按钮18. 私有样式当前页面独立使用的样式，不具备公用性19. 水平(垂直)居中在页面中的某个元素处于父级的上下或左右的相同距离20. 标准头(尾)定义相同的页面头或尾元素集合二.文本格式化1. 段落：p2. 斜体：address（联系信息）em（强调）i（突出不同）cite（引用）dfn（首次定义术语）3. 粗体：strong（重要）b（提醒）4. 图片块：figure5. 引述文段，段落缩进：blockquote6. 背景颜色：mark7. 虚线下划线：abbr8. 上标下标：
7、sub/sup9. 下划线：ins10. 删除线：del（标记已删除内容）s（标记不准确内容）11. 等宽字体：code12. 预格式化：pre13. 字号减小，表注释：small14. 时间：time15. 换行：br16. html5定义区块：header nav article section aside footer div span三.表单表格1. .2. 表单元素的组织：.3. 创建各种框:注：textpassword/url/tel/emailId:为了让对应的标签识别，添加CSSName：为了让服务器和脚本识别，通常与id设为一样Size：文本框大小Maxlength：能输入的
8、最大字符数Pattern：正则表达式4. 添加标签：5. 单(多)选按钮：北京上海注：id各自唯一，name必须相同。checked：默认选择6. 下拉框：北京上海成都注：size:选择框的高度 multiple：允许多选 selected：默认选择 用对选择框进行分组7. 上传文件：注：size：输入路径和文件名的字段的宽度8. 禁用表单元素：9. 创建提交按钮：创建带图像的提交按钮：点击这里 创建图像按钮：Submitreset重置10. 文本区域：请在此输入字符11. 表格 :.四.文本格式化1. font：（斜体 粗体 小型大写字母） 字体大小(必有) 行距 字体集（必有）;2. 文本
9、背景： 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-block8. 单词大小写: text-transform:capitalize(单词首字母大写)/uppercase(大写)/lowercase(小写)9. 文本上的线：text-decoraion:un
10、derline/overline/line-through;11. 空格：white-space:pre(显示所有空格回车)/nowrap（非断行空格）；12. h316px; h512px; verdana,Geneva,sans-serif;13. 列表属性： lilist-style:url() inside square;五.CSS布局1. width：不包括padding，border，margin；max-width设置外围限制；2. 浮动：float:left; 清除浮动：clear:both;3. 设置边框： border:dotted 4px red;(dotted点状、da
11、shed虚线、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-(f
12、irefox) 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
13、/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; 01 透明不透明18. 渐变背景：background:linear-gradient(left,#000,#999); (left ：渐变线沿逆时针方向转至水平线的角度)六.html5视频音频1. h
14、tml5支持3种视频：.ogg/.ogv .mp4/.m4v .webm2. 添加视频：视频属性：src autoplay controls muted loop poster width height preload3. 为视频添加多个来源： /嵌入Flash动画下载该视频4. html5支持5中音频：.ogg .mp3 .wav .aac .mp45.添加音频：音频属性：src autoplay controls muted loop preload 。多个来源同video。七.一些约定我们结合常用的一些命名习惯，再结合CSS的实际应用，整理出一些较好的命名习惯。1. 样式名称首字母统一为小写字母
