前端工程師試用期總結范文第1篇
一、個人情況簡介
xxxx年9月—xxxx年7月，在xx城建高等?？茖W校房地系就讀工程造價專業;
xxxx年7月—xxxx年7月，在中鐵十九局集團第四工程有限公司從事概預算編審、合同管理、投標經營等工作;
xx年10月，參加并通過了全國造價工程師執業資格考試。
二、主要工作表現及成績
1、嚴格遵守公司各項規章制度。上班伊始，我認真學習了《維科綱要》、《房產板塊員工日常行為規范》、《基本管理制度》、《崗位職能說明書》等各項規章制度，并將其牢記于心，時刻提醒自己要嚴格遵守公司的各項規章制度，維護公司形象。如堅持每天上班提早到公司，打掃辦公室衛生，為同事創造一個干凈的工作環境。
2、認真學習浙江省概預算編制資料。雖然概預算編制的原理相同，但是《浙江省建筑安裝工程定額》與我以前接觸較多的公路、鐵路工程定額有很大差別。因此，我首先對浙江省概預算編制資料進行了認真系統的學習，并堅持邊工作邊學習，很快就掌握了其中的要領，已能獨立完成領導交給的任務;與此同時，我還利用業余時間學會了使用“神機妙算軟件”編制預算和“魯班軟件”抽算鋼筋，工作效率得到極大提高。在今后的工作中，我將不斷的摸索和鉆研，把工作做得更加精細、完美。
3、維科精華集團股份有限公司敦煌分公司卷繞車間及臨時工程決算審核工作進展順利。卷繞車間及臨時工程雖然完工已久，但是有關竣工資料卻很不完整，這給決算審核工作帶來了很大的困難。我接手這項工作后，一方面積極要求施工單位完善竣工資料，另一方面利用手中現有的資料計算工程數量，核對各項數據。為準確掌握工程情況，保證計算的準確性，我還特意到現場仔細查看。經過我的努力，目前這項工作已取得了較快的進展，工程決算審核所需的大部分資料已收集齊全，卷繞車間的預算已同施工單位核對完畢。
5、其他方面：
①積極向領導提出合理化建議，如成本控制、資料管理方面;
②與同事積極探討造價控制、合同管理、資料管理等內容。通過討論既增進了同事間的友情，又提高了自身的業務能力;
③主動與同事交流，熱情幫助他人;④積極參加公司組織的各項活動，如參加黨員學習、新春聯歡演出。
三、努力的方向
1、充分利用通過全國造價工程師執業資格考試的優勢及以往的工作經驗，積極主動接觸各種相關業務，提高自身的實際操作能力，為公司的品牌建設作出自己應有的貢獻;
2、積極參加自學本科考試，鉆研專業技術，提高業務能力和專業水準;
3、發揮黨員的模范帶頭作用，爭當先進。
總之，三個月來，我雖然取得了一點成績，但離領導的要求尚有一定差距。今后，我將進一步加強學習，扎實工作，充分發揮個人所長，為公司再創佳績作出應有的貢獻。
前端工程師試用期總結范文第2篇
span
行級元素，多個
同行塊級元素，獨占
一行塊級元素，前后
保留一行
標題標簽，h1~h6表6個等級，加粗，前后保留一行width：設置寬
度height：設置高
度alt：圖片加載失敗顯示的文本
div
文本類
p
h
圖片標簽img
color：顏色
水平線常用標簽
hr
size：高度(粗
細)width：寬度(長度)herf：超鏈接轉到的地址
超鏈接a
target
_self:默認值，在當前頁面打開_blank:在新窗口
打開
帶標題的框fieldsetlegend設置標題
disc：實心圓
無序列表
列表標簽
有序列表
ul
square：小方塊
olcircle：空心圓
tr表示行
th
表示標題單元格，居中、加粗
td
表格標簽
caption
表示一個單元格
表示標題，定義在第一行，居中
rowspan
設置單元格占的行
數
colspan
設置單元格占的列
數
action表單提交地址
get：顯示提交參數，將參數用?和&拼接到url上
帶到服務器端
method
post：隱式提交參
數optgroup 表示分組,分組不能選,只能選分組中的option
下拉菜單selected默認選中multiple 設置下拉菜單為多選模式表單項rows: 顯示文本的行數(高度)文本域
cols: 顯示文本的列
數(寬度)
name：參數名
size：顯示字符長度(控制文本框長
度)maxlength：最大可
輸入字符數
input文本框type=“text”
placeholder：提示
內容
disabled：不會被提交到服務器readonly：只讀(會被提交到服務
器)
value：默認值
密碼框
type=“password”單選按鈕type=“radio”復選框
type=“checkbox”文件選擇框type=“file”
按鈕
type=“button”提交
type=“submit”checked：默認選
中
input
按鈕
重置type=“reset”
noresize：不能改變框架大小
frame：表示框架
scolling：是否顯示滾動條(yes、no、auto)設置框架集在縱向上的拆分策略設置框架集在橫向上的拆分策略
rows
cols
border
框架集
框架邊框的寬度
borderColor框架邊框顏色
frameBorder
設置框架是否有邊框(yes|no)_blank:新窗口中
打開_self:在當前窗口
打開
框架集中的超鏈接打開方式target_parent:父窗口
中打開_top在最頂層窗口中打開frameName：在對應name框架打
開
ifame
在頁面中嵌入框架
dl、dt、dd其他標簽
- 數碼
- 手機
marquee：滾動標簽
shape="circle"
coords="309,257,20"target="_blank"
href="http:///s?wd=帽子">
shape="poly"
coords="258,316,277,283,340,280,356,314"target="_blank"
href="http:///s?wd=t恤">
img usemap
ruby：用rt包含的內容對前面
的普通文本進行注釋
漢
呵呵呵
吃了沒?
range：范圍選擇
color：顏色選擇
輸入控件html5新標簽
number：數字輸入
date picker：日期選擇
datalist：自動提示
video：動畫
媒體
radio：音頻
autocomplete：是否關閉自動提示(off |
on)html5新標簽
autofocus: 自動獲得
焦點
required: 表示控件
必須輸入內容
controls : 播放控制條
autoplay ：自動播放
loop ：循環播放preload ：預加載，如果設置了autoplay，就可以不用設置preload
CSS知識點總結
內聯：直接在標簽的style屬性上編寫
樣式樣式定義方式
樣式塊：在style標簽中編寫樣式塊，并通過一定規則(選擇器)應用到對應的那些標簽上(通常寫在head中)
<style type=\"text/css\">span {
color: green;
background-color: #eeffee;}
</style>
外部樣式文件：將樣式塊編寫在外部
的css文件中(不用寫style標簽)* 在需要使用樣式的頁面通過link標簽引入樣式文件(通常寫在head中)
<link href=\"hehe.css\" rel=\"stylesheet\" />
id選擇器#xxx 針對id為xxx的標簽
類選擇器.xxx 針對class屬性為xxx的標
簽
標簽選擇xxx 針對標簽名為xxx的標簽
*選擇器選擇所有元素選擇器
后代元素關系選擇selector1 selector2 {...} 針對selector1下的所有的selector2
子元素關系選擇selector1 > selector2 {...} 只針對selector1的selector2子元素(如果有后代selector2元素則不會應用)
緊鄰兄弟關系選擇selector1 + selector2 {...} 只針對緊接在selector1后
的selector2元素
所有隨后的兄弟關系selector1 ~ selector2 {...} 針對selector1后的所有的
selector2兄弟元素
color：字體顏色
font-size：字體大小
font-family：字體樣式
字體
font-weight: bolder(加粗) | normal(不加粗)font-style: 設置字體傾斜(normal | italic | oblique) *italic和oblique實際顯示效果
幾乎一致font-variant: 設置字體顯示為小型大寫字母
text-align: 水平對齊方式(left | center | right)常用屬性
vertical-align: 垂直對齊方式(top | middle |
bottom)
line-height: 設置行高(通常用于設置文本居
中)
white-space: nowrap 不換行, pre 當做pre標簽
border: 邊框(1px solid
red)
文本
width: 寬度
underline 下劃線
height: 高度
overline 上劃線
text-decoration: 文本裝
飾
line-through 貫穿線(刪
除線)
blink 閃爍
none 無
dtext-shadow: 3px 3px 5px red;第一個參數: 陰影水平位置(x軸上的偏移量)
text-shadow: 文本陰影
第二個參數: 陰影垂直位置(y軸上的偏移量)
第三個參數: 模糊程度第四個參數: 陰影顏色
padding：內邊距
padding: xxpx;
padding: xxpx xxpx;
padding: xxpx xxpx xxpx;
padding: xxpx xxpx xxpx xxpx;padding: auto;
padding: xxpx auto;padding-toppadding-leftpadding-rightpadding-bottom盒子模型
margin：外邊距
margin: xxpx;
margin: xxpx xxpx;
margin: xxpx xxpx xxpx;
margin: xxpx xxpx xxpx xxpx;margin: auto;
margin: xxpx auto;margin-topmargin-leftmargin-rightmargin-bottom
border：邊框
color：顏色;width：寬度;
style：outset|inset|solid|double|dottedborder-radius: 10px; /* 同時設置4個角*/
background-color: 背景顏色
background-image: 背景圖片
background-repeat: no-repeat | repeat-x |
repeat-y | repeat背景
background-position: xxxpx xxpx | xx%
xx%; (可以為負數)
background-size: xxxpx xxpx | xx% xx% |
cover | contain; (不能為負數)
cover: 拉伸,可以超出contain: 拉伸不能超出
background-attachment: scroll(隨著內容
一起滾動) | fixed (不滾動)
hidden：隱藏
scroll：滾動
overflow：當內容溢出
時的處理方式
visible：直接顯示
auto：如果溢出就滾動，否則不顯示滾動條
visible 顯示
visibility：設置元素是
否顯示
hidden 隱藏，保留占位
none：隱藏，不保留占
位
block：設置為塊級元
素
display：設置元素是否
顯示
inline：設置為行級元
素
布局
inline-block：設置為行
內塊元素
left 左浮動
float: 浮動right 右浮動
none 不浮動
left 不允許左邊有浮動
clear: 清除浮動right 不允許右邊有浮動
both 不允許兩邊有浮動
ul或ol 自帶樣式：
列表樣式
list-style-type: 列表項的
樣式
margin: 16px 0px;padding: 0px 0px 0px
40px;
absolute：如果有父元素被定位按照父元素的原點進行定位，否則按照瀏覽器原點進行定位
position
定位
z-index: 設置z軸的值，
越大越在最前
relative：相對定位參照元素本身的位置
fixed：固定位置，不
會滾動
link 超鏈接默認樣式
hover 鼠標懸停樣式
active 鼠標點擊樣式
visited 訪問之后的樣式(主要控制顏色)
偽類
focus 獲得輸入焦點的
樣式
first-child 第一個元素
last-child 最后一個元素
:not 不包含指定的選
擇器
:noly-child 是父元素的唯
一子元素
cursor 鼠標樣式
其他樣式
box-shadow 陰影
translate: 平移
rotate：旋轉transform：變換
scale：縮放
skew：扭曲
matrix：以變換矩陣變換
第一個值表示需要過渡的樣式屬性transition 過渡
transition:transform2s,background-color .5s;
第二個值表示整個過渡過程需要的時間第三個值表示過渡時的貝塞爾曲線第四個值表示延遲多久才開始過渡animation 動畫
@keyfarmes 關鍵幀用于定義動畫的細節(每一幀如何顯示)
@keyframes myanimation {0% { background-color: #cfc; }30% {
background-color: #ccf;border-radius: 50px;}80% {
width: 300px;
background-color: #fcc;}
100% {
width: 300px;height: 300px;
background-color: #000;}}
@-o-keyframes myanimation {}@-ms-keyframes myanimation {}@-moz-keyframes myanimation {}@-webkit-keyframes myanimation {}
需要顯示動畫的地方通過animation屬性來使用聲明的關鍵幀
.ac:active {
animation: myanimation 5s;-o-animation: myanimation 5s;-ms-animation: myanimation 5s;-moz-animation: myanimation 5s;-webkit-animation: myanimation 5s;}opacity透明度從0.0 ~ 1.0 0.0完全透明，1.0 完全不透明瀏覽器兼容前綴
-webkit-chrome，safari, opera-o-opera
-moz-firefox
-ms-ie(ie9以上)
JavaScript
javascript代碼必須包含在<script></script>標簽中
也可以書寫到外部的.js文件中,通過<script src=\"xxx.js\"></script>來引入
script標簽只能同時做一件事情.如果既有src屬性也包含代碼則只會執行外部文件的代碼
通過alert來彈出提示框
通過document.write來輸入文本到頁面上(可以輸入標簽)Number: 數值型整數和小數Boolean: 布爾型(true |
false)
String: 字符串
字符串必須被""或'包含必須對稱
如果字符串中包含引號可以單引號中包含雙引號或者是雙引號中包含單引號
也可以使用'來表示一個單引號"來表示一個雙引號
表示換行數據類型
表示制表符表示書寫方式
NaN: Not A Number 當使用非數字來進行運算時
的值
undefied: 未定義
null: 空值
substring 截取子串, 從start到end-1處,如果
沒指定end則取到最后一個字符
toUpperCase 將所有字符變成大寫
toLowerCase 將所有字符變成小寫
indexOf 查找子串首次出現的位置, 如果找不到則
返回-1字符串處理
lastIndexOf 查找子串最后一次出現的位置, 如果找不到則返回-1charAt 取指定位置上
的字符slice 也是取子串,效果和substring一樣可以用-1,-2,-3...從末尾
開始計數split 將字符串按照指定的字符進行拆分成
為數組
獲取當前時間var now = new Date()
獲取指定時間的日期對象
var date = new Date(yyyy,MM,dd,HH,mm,ss)
設置指定時間(將時間對象設置為一個指定時間)
now.setFullYear(yyyy,MM,dd,HH,mm,ss)
now.setMonth日期Date
now.setDatenow.setHours
...
獲取指定時間信息
now.getFullYear() // 年只能取出年份,如: 2015
now.getMonth // 月0-11月
now.getDate // 日
now.getDay // 星期0-6 (0表示星期天)
now.getHours // 時24小時制
now.getMinutes // 分now.getSeconds // 秒now.getMilliseconds// 毫秒
通過new Array()來創建數組var names = new Array();
var names = new Array("小王", "大王", "炸彈"); // 創建時給數組設置默認值
//用json格式表示數組
var names = [];
var names = ["小王", "大王", "炸彈"];數組Array
可以通過length來設置或獲取數組的長度
push : 往數組末尾添加元素
pop: 刪除并返回數組的最后一個元素unshift: 往數組的開頭添加元素shift: 刪除并返回數組的第一個元素reverse: 顛倒數組順序
sort: 按"字符串"的自然排序規則進行升序
splice: 刪除指定位置處的指定個數元素并將第三個參數之后的參數添加到被刪除位置(設置第二個參數為0則實現只添加不刪除, 之傳入兩個參數實現只刪除不添加)
slice: 獲取start到end處的子數組
join: 將數組元素以指定分隔符進行連接成為字符串
function xxx(....) {
聲明函數
....}
var xxx = function (...) {
...
函數變量
}var ooo = xxx;
ooo();函數
function fn(fx) {
fx();
將函數作為參數
}fn(function () {
...});(function (...) {
立即執行函數
....})(...);
getElementById 根據id獲取唯一的元素var xx = document.getElementById("xx");DOM(Document Object Model) 文檔對象模型
獲取元素
getElementsByTagName 根據標簽名獲取元
素數組
onclick 鼠標點擊事件
getElementsByClassName 根據類獲取元素數組(如果元素被改變了class值將會從數組
中刪除)
onmouseover 鼠標進入事件
onmouseout 鼠標離開事件
onmousemove 鼠標被移動
onmousedown 鼠標按鈕被按下事件機制
onmouseup 鼠標按鈕被松開
onkeydown 某個鍵盤按鍵被按下
onkeyup某個鍵盤按鍵被松開
onload 一張頁面或圖像被完成加載
onchange 域的內容被改變
onfocus 元素獲得焦點
onblur 元素失去焦點
setTimeout: 延遲執行(只會執
行一次)var xx = setTimeout(xxx, 1000);setTimeout("fn();", 3000);BOM(Browser Object Model)
window
清除使用clearTimeout(xx);setInterval: 定時執行(間隔指
定時間循環執行)
xx.offsetLeft獲取元素的位置和尺寸(只讀)
xx.offsetTopxx.offsetWidthxx.offsetHeight
var xx = setInterval(xxx,1000);
清除使用clearInterval(xx);
[] 表示[]中的字符任意取一個
在[] 中的^ 表示非不包含該字符
() 表示將多個表達式合并為一個表達式
在()中的|表示將兩個匹配條件進行邏輯“或”(Or)運算。+ 前一個表達式出現至少一次1~n {1,}* 前一個表達式出現任意次0~n {0,}? 前一個表達式出現0~1次{0,1}{n} 前一個表達式出現n次
{n,} 前一個表達式出現至少n次{n,m} 前一個表達式出現n~m次. 任意字符(不包含
)正則表達式
^ 匹配字符串的開頭$ 匹配字符串的結尾
w 表示一個任意的單詞字符包括_ [a-zA-Z0-9_] * 不包含破折號
W 對w取反(不包含單詞字符) [^a-zA-Z0-9_]d 表示一個數字字符[0-9]D 對d取反[^0-9]s 表示一個任意空白字符空格中文狀態的空格制表符全角空格
S 對s取反非空格
換行符 單詞邊界
B 不是單詞邊界(對取反)
eval
執行字符串形式的
代碼。
for(var i in array) {var item = array[i];
}
for(var key in obj) {var value = obj[key];
}
迭代數組迭代出的值為數組的下標
for...in
迭代對象迭代出的值為對象的屬性名其他
with
設置以某個對象為代碼塊作用域對象
delete attribute刪除屬性
isNaN
如果被判斷值不是一個數字則返回true，
前端工程師試用期總結范文第3篇
一、加強學習，不斷提高自身素質。
一是加強理論學習。認真學習了鄧小平理論、“三個代表”重要思想和黨的十七大精神，不斷提高自己的理論水平。二是加強業務知識及文化知識的學習。重點學習兩個部長令及兩個工作規范，不斷提高自己的工作能力。另外，還認真學習了相關的執法依據法律知識，進一步增強法制意識和法制觀念。
二、勤勤懇懇，扎實做好本職工作。
一年來，本人認真履行自己的崗位職責，出色完成領導交辦的各項工作任務，在自己平凡而普通的工作崗位上，努力做好本職工作。全年共完成拖拉機檢驗1758臺，發放農機駕駛員學習卡1305人，核發號牌224副，新辦駕證181人，新入農機協會202人，協助農機協會發放救助金額36650元，無重特大農機事故發生。
三、嚴于律已，不斷加強作風建設。
一年來我對自身嚴格要求，始終把耐得平淡、舍得付出、默默無聞作為自己的準則，始終把作風建設的重點放在嚴謹、細致、扎實、求實、腳踏實地埋頭苦干上。在工作中，以制度、紀律規范自己的一切言行，嚴格遵守各項規章制度，尊重領導，團結同志，謙虛謹慎，主動接受來自各方面的意見，不斷改進工作。