前端个人工作总结Word文件下载.docx
《前端个人工作总结Word文件下载.docx》由会员分享，可在线阅读，更多相关《前端个人工作总结Word文件下载.docx（19页珍藏版）》请在冰豆网上搜索。
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定义区块：
headernavarticlesectionasidefooterdivspan
三.表单表格
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：
#focurl（）repeat-xscroll00；
3.字间距：
word-spacing:
12px;
4.字偶距：
letter-spacing:
5.缩进增加：
text-indent:
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（）insidesquare;
五.CSS布局
1.width：
不包括padding，border，margin；
max-width设置外围限制；
2.浮动：
float:
left;
清除浮动：
clear:
both;
3.设置边框：
border:
dotted4pxred;
（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.绝对定位：
absolute;
}相对于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:
border-top-left-radius:
}（左上角,角的半径是50px）
{border-radius:
}（所有角简写）
12.创建椭圆角：
{border-radius:
40px/20px;
}（x半径/y半径）
13.创建圆形：
}50px为元素半径大小
14.文本加阴影：
{text-shadow:
2px5px5px#999;
}x/y/模糊半径
15.元素加阴影：
{（-moz-/-webkit-）box-shadow:
（inset内阴影）2px5px5px#999;
5px10px2px#555（多重阴影）;
16.多重背景：
{background:
#000url（）50%102%no-repeat,#222url（）12px-150pxrepeat-x;
17.透明度：
{opacity:
.5;
}0→1透明→不透明
18.渐变背景：
linear-gradient（left,#000,#999）;
}（left：
渐变线沿逆时针方向转至水平线的角度）
六.html5视频音频
1.html5支持3种视频：
.ogg/.ogv.mp4/.m4v.webm
2.添加视频：
视频属性：
srcautoplaycontrolsmutedloopposterwidthheightpreload
3.为视频添加多个来源：
//嵌入Flash动画
下载该视频
4.html5支持5中音频：
.ogg.mp3.wav.aac.mp4
5.添加音频：
音频属性：
srcautoplaycontrolsmutedlooppreload。
多个来源同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
篇三：
3个月试用期个人工作总结.
试用期个人工作总结
自XX年2月以来我很荣幸来到泰信科技从事金融事业部技术支持中心储备主任工作，转眼三个月的试用期过去了，在领导的言传身教、关心培养下，在同事们的支持帮助、密切配合下，我不断加强事业部业务学习，对工作精益求精，较为圆满地完成了自己所承担的各项工作任务，个人职业素质和业务工作能力都取得了一定的进步，为今后的工作和学习打下了良好的基础，现将个人工作学习情况总结如下：
一、对公司的认识
从刚到泰信对于金融事业部的业务比较陌生，到经过三个月的学习及领导和同事的指导，使我对公司管理结构和事业部等有了较为深刻的认识，对自己所在岗位的工作内容有了大概的了解。
公司业务范围主要划分为金融、司法以及智能化等三大领域，下属分公司主要包括湖北分公司、江西分公司、湖南分公司、河南分公司、广西分公司、云南分公司以及新疆分公司等。
我们金融事业部技术支持中心主要对分公司技术进行协助支持。
二、工作方面
入职不久，适逢湖南分公司农行前段联项目中标。
湖南分公司因去年才成立不久，技术力量相对薄弱。
我被派过去做技术支持，主要负责农行前端联前期摸底做方案及预算。
湖南我们主要是负责常德和湘西两市的前端改造。
通过一个月的时间，我前端点摸底以及同甲方市分行保卫处领导交流，圆满完成了常德79个点以及湘西28个点的设计方案及预算，共计900多万。
4月下旬湖南农行联进入到具体实施阶段。
我把前期湖北联遇到的问题及讯美联软件商的要求进行了收集整理，写了湖南前端联规范流程。
按此流程指导，顺利实施了常德城区3个样板点的联接入工作。
金融技术支持中心除了对下属分公司技术支持外还需对中心业务拓展的项目进行支持，4月上旬，金融事业部与浙江捷尚合作在整个金融业推广智能分析系统，我负责湖北农行试点安装调试。
经过几天的测试以及与捷尚技术员沟通最终完成了农行ATM智能分析、柜员窗口人脸叠加以及视频质量诊断等系统的试点安装调试工作。
三、学习生活方面
在工作过程中，我深深感到加强自身学习、提高自身素质的紧迫性，一是向书本学习，坚持每天挤出一定的时间不断充实自己，端正态度，改进方法，广泛吸取各种“营养”，积极准备二级建造师的考试。
二是向周围的同志学习，工作中我始终保持谦虚谨慎、虚心求教的态度，主动向领导、同事们请教，学习他们任劳任怨、求真务实的工作作风和处理问题的方法；
三是向实践学习，把所学的知识运用于实际工作中，在实践中检验所学知识，查找不足，提高自己，防止和克服浅尝辄止、一知半解的倾向。
三个月来我在领导和同事们的帮助和支持下取得了一定的成绩，但我深知自己还存在一些缺点和不足，与工作需要和领导要求相比，还有一定差距。
一是做事还不够细心，容易造成一些漏洞。
二是工作的预见力和前瞻性还不够强。
三是工作的灵活性还不够。
在今后的工作中，我要努力做到戒骄戒躁，坚定政治信念，加强理论学习，积累经验教训，不断调整自己的思维方式和工作方法，在实践中磨练自己，成为单位需要的优秀人才。
金融事业部胡本胜
XX-05-03
篇四：
XX年个人年终总结
XX年个人年终总结
第1篇：
XX年房地产销售个人年终总结
各位领导，大家好：
我是***的***，在繁忙紧张而充实的工作中，不知不觉送走了辉煌的XX年，回顾这半年多来的工作，学习和生活历程，作为****的每一名员工，我深深感受到了公司蓬勃发展的热情，就像我们的案名"
**城"
一样，充满着希望和力量，我也深刻体会了**人为之拼搏的精神，我自豪而骄傲！
我是销售部驻***的****，我在XX年*月底刚进入公司时，对房地产方面的知识还一窍不通，对于新环境，新工作，新行业比较陌生。
但在公司领导和同事的帮助下，很快了解到公司的性质和房地产市场的情况，我为能成为**人而感到荣幸。
公司的综合实力。
**城项目的优势和业界良好的口碑使我有信心在这努力奋斗。
那作为销售部的一员，我也深感自己责任重大。
作为企业的门面窗口，自己的一言一行也代表着公司的形象，所以更要提高自身的素质，高标准的要求自己，在高素质的基础上更要加强自己的专业知识和专业技能。
此外，还要广泛了解整个房地产市场的行情和动态，走在市场的前沿，为公司领导的决策提供充足的一手市场资料和数据。
那经过大半年的磨练和洗礼，相信自己已成为一名合格的****。
XX年是房地产市场起伏动荡，群雄逐鹿的一年，我是***日刚上岗就和**被分配到了***的。
说实话，刚到**，人生地不熟的，无论生活和工作都充满了很大的挑战。
但是有总部领导和同事的关怀帮助，后顾之忧解决了，我们对**市场充满了热情和希望，马上积极地投入了工作中。
刚到2天，就成功组织了参加***日在**房展的客户*人回**考察项目，买票，带团，看项目，签合同，不亦乐乎。
对于第一次成功签单的我也很兴奋，那次一共成交*套。
虽然此次成交的*套是同事的客户，与**的业绩无关，但我仍然有着成功的满足感和欣慰感，我知道，我的每一分付出都是值得的，因为我是****人！
回来以后，我又马上投入到新的工作中，我深知，专业的房地产知识和精通的市场了解是成功的必备因素，马上虚心向有经验的同事请教，在领导的鼓励和帮助下，学会如何与客户沟通，跟进，促成与服务，如何顺利达成签单。
5、1黄金周来了，我们认识到这是一个好的销售高峰期，不断打电话拜访预约客户，组团回*。
虽然火车票一票难求，但在公司领导帮助下，想尽一切办法解决问题，顺利带回*位客户。
成功签单*套。
谋事在人，成事在天吗。
5月又乘势而上，在中下旬又成功签单*套，为**市场的开发开了一个好头，好的开始就等于成功一半！
经过5月高峰的洗礼，我又学到总结了好多经验，为以后的工作奠定好了一个基础！
接下来，在骄阳似火的6月，***迎来了又一个销售高峰。
*****日参加了**房展，在***组团客户**人次，工作量大，带团困难，我和**分工合作，在火车上挨个沟通交流，很好的完成了任务，顺利签单*套。
我们也知在外地人际资源少，要求做好老客户的转介绍是必须的，在6月，老客户***也帮助介绍客户成交*套，是对我们工作服务和公司项目认可的最好回报。
进入7月期，按道理是**人到**旅游的高峰期，也是房地产的火爆期，但对于外地楼盘在**市场却进入了一个水深火热期。
对于*****项目的虚假宣传，导致**部门的介入和媒体的宣传，一定程度上对外地置业起到了负面的影响，成交量萎缩。
这期间我们积极开展工作，发资料，到大学校园找老师聊，蓄势待发。
8月市场形式有所好转，组团去**考察*次，签单*套。
9月又参加了**秋季房展，签单*套。
因**市场客户对海景房的要求越来越高，我们面临着挑战和选择，如何去适应市场，找到我们的热销卖点，是我们在一直深刻关注的问题。
大家知道，房地产行业流传着"
金九银十"
的说法，XX年也是房市的政策年，股市的不断上扬，楼市的持续走高，央行的5次加息以及9月底央行和银监会的一纸房贷新政策，
又让很多的购房者持币观望，楼市进入了一个相对大幅放缓的低迷局面。
深圳，广州，上海的成交量萎缩3—4成，有价无市。
面对风云变幻，市场动荡的时期，公司领导适时做出了英明的决策，推出了珍藏版限量海景房的促销政策，经过全体同事的齐心协力和扎实工作，在10月。
11月又成功签单*套，开心欣慰。
总结这半年多的工作，有成绩也有不足。
现有如下主要工作情况汇报：
参加房展*次，发放宣传资料共计*****多份，组团**多次，去**的客户**多人次，签单**多套（其中展会：
*套，报纸广告：
*套，上：
*套，朋友介绍：
*套，其他：
*套）销售面积****平米，总房款***多万。
登记来电，来访客户资料近***人，重点有意向客户****人，写工作日记***多篇，为以后的市场开发打下了良好的基础。
成绩中有不足，***的工作比起总部的同事来说，在成交量上还有很大的差距，我愿意学经验，找差距，迎头赶上，百尺竿头更进一步，相信在充满希望的XX——别墅年，我们一定会有更大的丰收。
建议反馈：
**市场对海景房的需求旺盛，要求也越来越高，要求建筑质量精而优，户型设计充分考虑观海效果（北边最好有落地大客厅），阁楼的利用最好多一些明窗设计，适当推出一些精装的小户型，在材料的选用，价格的因素上也是我们做好外地市场考虑的重要因素。
XX年，是有意义，有价值，有挑战的一年，我在领导和同事的帮助下，适应了外地市场，找到了一条良性的发展之路，相信，在未来的一年中，我充满着希望和热情，同时，一定会有新的突破点。
在日益激烈的房地产市场竞争中，扎稳脚跟，占有自己的一席之地。
我是最棒的！
我一定会成功的！
谢谢！
第2篇：
小学信息技术教师个人年终总结
时间过得真快，转眼间一学期的教学工作已接近尾声，为了更好地做好今后的工作，总结经验、吸取教训，本人特就这学期的工作小结如下：
一、思想工作方面
俗话说：
"
活到老，学到老"
，本人一直在各方面严格要求自己，努力地提高自己，以便使自己更快地适应社会发展的形势。
通过阅读大量的道德修养书籍，勇于解剖自己，分析自己，正视自己，提高自身素质。
二、教育工作方面
这学期，本人担任三年级语文教学工作，班级人数众多，我虚心向有经验的教师及兄弟学校的同行讨教经验。
在教学中，认真钻研新大纲、吃透教材，积极开拓教学思路，把一些先进的教学理论、科学的教学方法及先进现代教学手段灵活运用于课堂教学中，努力培养学生的合作交流、自主探究、勇于创新的等能力。
另外，本人在搞好教学工作的同时，还很注重教学经验的积累。
三．遵守纪律方面
本人严格遵守学校的各项规章制度，不迟到、不早退、有事主动请假。
在工作中，尊敬领导、团结同事，能正确处理好与领导同事之间的关系。
平时，勤俭节约、任劳任怨、对人真诚、热爱学生、人际关系和谐融洽，从不闹无原则的纠纷，处处以一名人民教师的要求来规范自己的言行，毫不松懈地培养自己的综合素质和能力。
本人在教育教学上，爱岗敬业，严谨治教，热爱学生，努力做到把学生教好，让学生成功成才。
信息技术课，不仅仅是让学生学会几种操作，更重要的是要提高学生的信息素养。
能真正做到为人师表、教书育人，较好的完成教育教学工作任务，尽到一个优秀教师应有的职责
升级会员 