第一篇：Web前端工作總結(jié)
Web前端學(xué)習(xí)總結(jié)
一.名詞解釋 1.橫切
在固定頁面的寬度(按柵格化進行)并且對高度沒有限制的容器稱為一個標準橫切 2.留白 兩個容器或碎片之間的上、下、左、右的空白距離 3.繼承
元素可以從其父級元素中獲得一些可為自己使用的屬性或值。4.圖片定位
把圖片元素放置到一個靜態(tài)的、相對的、絕對的、或固定的位置中，利用CSS中對圖片進行遮罩屬性，多用于頁面中的修飾圖 5.底圖
頁面中在標簽中使用的背景圖 6.齊底(圖)線 用于區(qū)分橫切或碎片結(jié)束的線或圖 7.頁面結(jié)構(gòu)
頁面的基礎(chǔ)框架，由橫切、布局元素組成 8.焦點區(qū)(圖)最易注意的區(qū)域 9.導(dǎo)航
在頁面中具有導(dǎo)向性的鏈接集合 10.頭圖 頁面主題圖片 11.間距
碎片或文字間的距離 12.行高
文字段落中行與行之間的距離 13.首行縮進 文字段落首行縮進 14.浮動
使被定義的區(qū)域脫離正常的頁面文檔流 15.碎片 由文字、圖片組合成的內(nèi)容區(qū)域 16.通欄廣告 與頁面內(nèi)容區(qū)同寬的廣告區(qū)域 17.功能按鈕 具有交互屬性的按鈕 18.私有樣式
當前頁面獨立使用的樣式，不具備公用性 19.水平(垂直)居中
在頁面中的某個元素處于父級的上下或左右的相同距離 20.標準頭(尾)定義相同的頁面頭或尾元素集合 二.文本格式化 1.段落：p 2.斜體：address（聯(lián)系信息）em（強調(diào)）i（突出不同）cite（引用）dfn（首次定義術(shù)語）3.粗體：strong（重要）b（提醒）4.圖片塊：figure 5.引述文段，段落縮進：blockquote 6.背景顏色：mark 7.虛線下劃線：abbr 8.上標下標：sub/sup 9.下劃線：ins 10.刪除線：del（標記已刪除內(nèi)容）s（標記不準確內(nèi)容）11.等寬字體：code 12.預(yù)格式化：pre 13.字號減小，表注釋：small 14.時間：time 15.換行：br 16.html5定義區(qū)塊：header nav article section aside footer div span 三.表單表格
1.
2.表單元素的組織： 3.創(chuàng)建各種框: 注：text→password/url/tel/email Id:為了讓對應(yīng)的標簽識別，添加CSS Name：為了讓服務(wù)器和腳本識別，通常與id設(shè)為一樣 Size：文本框大小 Maxlength：能輸入的最大字符數(shù) Pattern：正則表達式4.添加標簽： 5.單(多)選按鈕：
注：id各自唯一，name必須相同。checked：默認選擇 6.下拉框：
注：size:選擇框的高度 multiple：允許多選 selected：默認選擇 用
10.文本區(qū)域： 11.表格 :
| .. | .. | |
|---|---|---|
| .. | .. | .. |
1.width：不包括padding，border，margin；max-width設(shè)置外圍限制； 2.浮動：float:left;清除浮動：clear:both;3.設(shè)置邊框： 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.創(chuàng)建圓角： {-moz-border-radius-topleft:50px;-webkit-border-top-left-radius:50px;border-top-left-radius:50px;}(左上角,角的半徑是50px){border-radius:50px;}(所有角簡寫)12.創(chuàng)建橢圓角：{? ? border-radius:40px/20px;}（x半徑/y半徑）13.創(chuàng)建圓形：{? ? border-radius:50px;} 50px為元素半徑大小 14.文本加陰影：{text-shadow: 2px 5px 5px #999;} x/y/模糊半徑
15.元素加陰影：{(-moz-/-webkit-)box-shadow:(inset內(nèi)陰影)2px 5px 5px #999;5px 10px 2px #555(多重陰影);} 16.多重背景：{background:#000 url(1.png)50% 102% no-repeat,#222 url(2.png)12px-150px repeat-x;} 17.透明度： {opacity:.5;} 0→1 透明→不透明
18.漸變背景：{background:linear-gradient(left,#000,#999);}(left ：漸變線沿逆時針方向轉(zhuǎn)至水平線的角度)六.html5視頻音頻
1.html5支持3種視頻：.ogg/.ogv.mp4/.m4v.webm 2.添加視頻： 視頻屬性：src autoplay controls muted loop poster width height preload 3.為視頻添加多個來源： 4.html5支持5中音頻：.ogg.mp3.wav.aac.mp4 5.添加音頻： 音頻屬性：src autoplay controls muted loop preload。多個來源同video。七.一些約定
我們結(jié)合常用的一些命名習(xí)慣，再結(jié)合CSS的實際應(yīng)用，整理出一些較好的命名習(xí)慣。1.樣式名稱首字母統(tǒng)一為小寫字母，不能為數(shù)字，下劃線及特殊字符；
3.設(shè)置邊框： 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.創(chuàng)建圓角： {-moz-border-radius-topleft:50px;-webkit-border-top-left-radius:50px;border-top-left-radius:50px;}(左上角,角的半徑是50px){border-radius:50px;}(所有角簡寫)12.創(chuàng)建橢圓角：{? ? border-radius:40px/20px;}（x半徑/y半徑）13.創(chuàng)建圓形：{? ? border-radius:50px;} 50px為元素半徑大小 14.文本加陰影：{text-shadow: 2px 5px 5px #999;} x/y/模糊半徑
15.元素加陰影：{(-moz-/-webkit-)box-shadow:(inset內(nèi)陰影)2px 5px 5px #999;5px 10px 2px #555(多重陰影);} 16.多重背景：{background:#000 url(1.png)50% 102% no-repeat,#222 url(2.png)12px-150px repeat-x;} 17.透明度： {opacity:.5;} 0→1 透明→不透明
18.漸變背景：{background:linear-gradient(left,#000,#999);}(left ：漸變線沿逆時針方向轉(zhuǎn)至水平線的角度)六.html5視頻音頻
1.html5支持3種視頻：.ogg/.ogv.mp4/.m4v.webm 2.添加視頻： 視頻屬性：src autoplay controls muted loop poster width height preload 3.為視頻添加多個來源： 4.html5支持5中音頻：.ogg.mp3.wav.aac.mp4 5.添加音頻： 音頻屬性：src autoplay controls muted loop preload。多個來源同video。七.一些約定
我們結(jié)合常用的一些命名習(xí)慣，再結(jié)合CSS的實際應(yīng)用，整理出一些較好的命名習(xí)慣。1.樣式名稱首字母統(tǒng)一為小寫字母，不能為數(shù)字，下劃線及特殊字符； 2.樣式名盡量語義化或簡寫； 3.樣式名需要組合拼寫時，采用全部小寫拼寫并使用下劃線連接，即：all_keyword； 4.使用px(像素)為基本計量單位； 5.頁面中空格的使用：全角：中文空格 半角；? 6.項目完成包中，文件夾及文件名稱全部采用小寫字母，不使用中文文件名； 7.減少DIV的嵌套層數(shù)；
8.給重要圖片加上alt屬性；給重要的元素和截斷的元素加上title； 9.使用正確的注釋方法（詳見“注釋”章節(jié)）； 10.特殊情況下要求表現(xiàn)和內(nèi)容分離，代碼中不要涉及任何表現(xiàn)的元素，例如：style、font 等；
11.雙標記簽都要有開始和結(jié)束標簽，單標記標簽的后面一定要加“ /”,例如：
等，并且有正確的層次； 12.其它特殊符號： 1)<(<)2)>(>)八.命名空間
8.1外掛樣式名稱 全局：public.css 全局樣式為全站公用，為頁面樣式基礎(chǔ)，頁面中必須包含。結(jié)構(gòu)：layout.css 頁面結(jié)構(gòu)類型復(fù)雜，并且公用類型較多時使用。多用在首頁級頁面和產(chǎn)品類頁面中。私有：style.css 獨立頁面所使用的樣式文件，頁面中必須包含。模塊 module.css 產(chǎn)品類頁面應(yīng)用，將可復(fù)用類模塊進行剝離后，可與其它樣式配合使用。默認 default.css 文章 article.css 圖片 photo.css 下載 soft.css 主題 themes.css 實現(xiàn)換膚功能時應(yīng)用。補丁 mend.css 基于以上樣式進行的私有化修補。8.2 常用名稱(1)頁面結(jié)構(gòu) 容器: container 頁頭：header 內(nèi)容：content/container/content(A)頁面主體：main 頁尾：footer 導(dǎo)航：nav 側(cè)欄：sidebar 欄目：column 頁面外圍控制整體布局寬度：wrapper 左右中：left right center 浮左浮右：fl fr 清除浮動 clear(2)導(dǎo)航 導(dǎo)航：nav 主導(dǎo)航：mainbav 子導(dǎo)航：subnav 頂導(dǎo)航：topnav 邊導(dǎo)航：sidebar 左導(dǎo)航：leftsidebar 右導(dǎo)航：rightsidebar 菜單：menu 子菜單：submenu 標題：title 摘要：summary 路徑：path(3)模塊化命名 模塊頭部：hd 模塊內(nèi)容部分：bd 模塊底部：ft(4)各內(nèi)容頁對應(yīng) 標題：title 副標題：subtitle 屬性：properties 簡介：infor 內(nèi)容：content 分頁：page 插入廣告：insert_ad 表情：expression 功能選項：options 上下篇：up_down 評論：comments 相關(guān)內(nèi)容：related 下載地址：download 播放地址：play_add(5)功能 標志：logo 廣告：banner 登陸：login 登錄條：loginbar 注冊：regsiter 搜索：search 日期：date 功能區(qū)：shop 標題：title 加入：joinus 狀態(tài)：status 按鈕：btn 滾動：scroll 標簽頁：tab 文章列表：list 提示信息：msg 當前的：current 小技巧：tips 圖標：icon 注釋：note 指南：guild 服務(wù)：service 熱點：hot 新聞：news 下載：download 投票：vote 合作伙伴：partner 友情鏈接：link 版權(quán)：copyright 九.基本設(shè)置-public.css 9.1 全局設(shè)置
上下邊距(margin、padding)：0(px)左右邊距(margin)：auto(自動)底色(background):#FFF(白色)字體(font-family)、字號(font-szie)、字色(color)：”宋體” 12px #666 代碼： /* 全局CSS定義 */ body{margin:0 auto;padding:0;background:#FFF;color:#666;font:12px ‘宋體';} div,form,ul,ol,li,span,p,dl,dt,dd,img{margin:0;padding:0;border:0;} h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;} ul,ol,li{list-style:none} table,td,input,textarea{font-size:12px} 9.2 頁面標簽初始化設(shè)置 1.常用基本標div,form,ul,ol,li,span,p,dl,dt,dd,img 設(shè)置基本標簽的間距、邊框默認值為0。2.h1～h6標題
默認標題內(nèi)字號12px，內(nèi)外間距為0px，文字不加粗。3.ul,ol,li 列表 默認不顯示項目符號。4.h2 欄目標題
說明：h2標簽被定義為欄目標題特殊使用，在標簽中非標題文字默認居右顯示，主標題文字使用span標簽包含，居左顯示。5.默認鏈接顏色
常態(tài)下不顯示文字下劃線，顏色為灰(#333)，鼠標懸浮時：顯示文字下劃線，顏色變?yōu)榘导t(#ccc)。6.狀態(tài)：a:link{未點} a:visited{已點} a:focus{鍵盤選中} a:hover{指針停留} a:active{正在點} 9.3 頁面寬度 默認頁面寬(命名規(guī)范)：按柵格化進行 9.4.clear 結(jié)束容器內(nèi)各元素的浮動屬性，使相鄰容器或元素節(jié)點正常顯示。以下是清除浮動的幾種方法 方法一.clear { clear:both;height:0;font-size:0;line-height:0 } 或.clear { border-top: 1px solid transparent!important;margin-top:-1px!important;border-top: 0px;margin-top: 0px;height: 0px;clear: both;background: none;font-size: 0px;visibility: hidden;} 或.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0 } 使用方法:
第二篇：web前端個人簡歷
個人簡歷
個人信息
姓名：xxxx 性別：男
出生日期：1993.03 婚姻狀況：未婚 工作所在地：北京 家庭所在地：湖北
聯(lián)系電話：18xxxxxx
電子郵箱：xxxxxx@qq.com
專業(yè)技能
1、熟練使用Sublime、Photoshop等軟件，掌握網(wǎng)站效果圖的制作、切片以及HTML頁面代碼優(yōu)化等技術(shù)；
2、精通HTML5+CSS3、DIV+CSS等網(wǎng)站前端技術(shù)；
3、能夠熟練編寫標準前端代碼，熟悉瀏覽器兼容問題解決方案；
4、熟練掌握javascript語言，精通jQuery庫、bootstrap庫，能夠?qū)崿F(xiàn)網(wǎng)頁的動態(tài)效果與頁面交互；
5、熟練掌握響應(yīng)式設(shè)計，能夠開發(fā)移動端頁面；熟練使用swiper手機端應(yīng)用庫；
6、了解node后臺，熟練掌握Ajax技術(shù)；
7、了解gulp自動化構(gòu)建工具，了解less，echarts圖表庫；
工作經(jīng)驗
2015.07– 至今 工作職責(zé)： 北京第嘉傳媒文化有限公司 職位名稱：前端開發(fā)工程師
負責(zé)公司產(chǎn)品或項目Web前端開發(fā),根據(jù)產(chǎn)品需求和UI效果圖利用sublime編程軟件進行div/css標準網(wǎng)頁制作，Js邏輯設(shè)計與開發(fā)、jQuery特效編寫以及使用插件實現(xiàn)特效，解決主流瀏覽器兼容性問題，對網(wǎng)站用戶體驗性能進行優(yōu)化，完成產(chǎn)品前端展示效果和交互功能。
2014.09– 2015.6
工作職責(zé)： 秦皇島市金鑾之巔科技開發(fā)有限公司
職位名稱：前端開發(fā)工程師
負責(zé)公司項目的前端修改調(diào)試和開發(fā)工作，精確的將網(wǎng)站設(shè)計圖重構(gòu)成html 頁面。從ps切圖到div/css標準網(wǎng)頁制作及主流瀏覽器兼容問題的解決，并與后臺緊密配合，確保代碼有效鏈接。
項目經(jīng)歷： PC端 中國智力運動網(wǎng)
http://004km.cn）是由泰康人壽保險股份有限公司全資發(fā)起成立的大型互聯(lián)網(wǎng)保險公司，產(chǎn)品涵蓋意外險、理財險、健康險、旅游險等多種保險。
個人站
kafeihaoka.github.io
教育背景
2011.09-2015.06 燕山大學(xué)里仁學(xué)院 電子信息工程 本科 求職意向
職位:Web 前端開發(fā) 工作地點:北京
第三篇：程序員-web前端-個人工作總結(jié)
2016個人工作總結(jié)
工作回顧
在我進入公司的這七個月里，我陸續(xù)接觸了公司的軟件開發(fā)平臺，一些已經(jīng)完成的項目,b2b,收銀等。在工作之余，我也在努力的學(xué)習(xí)，和同事及客戶友商進行交流，學(xué)習(xí)先進的開發(fā)技術(shù)，請教別人相關(guān)開發(fā)技術(shù)問題。
存在問題
1.由于開始對公司開發(fā)平臺不是很熟悉，所以在了解客戶所要開發(fā)的功能及表單過程中多次出現(xiàn)因為需求的原因，而不斷修改的情況。在與客戶交流的時候，這個問題多次困擾著我，對方的需求不明，每次交流的過程中都在變更需求，從而導(dǎo)致了效率比較低的問題。
2.在工作過程中，用到很多我所不知道或很多我知道但不太熟悉的領(lǐng)域，在這個領(lǐng)域內(nèi)，我需要不斷的學(xué)習(xí)。
3.學(xué)習(xí)的知識不夠廣泛。對專業(yè)知識技能方面還需要努力的加強，這方面也是目前最欠缺，希望高總能給予指導(dǎo)和培養(yǎng)。一個項目中，涉及的技術(shù)往往有多種，知識多了，就會靈活變通，所以我會加強這方面的學(xué)習(xí)。
工作心得
1.每一個項目在開始著手的第一步，一定要和客戶把需求溝通清楚，只有了解了項目的需求，才有可能真正做好一個項目。
2.工作中，有一個無論是技術(shù)，還是經(jīng)驗都比較讓人肯定的前輩帶領(lǐng)，將任務(wù)詳細化，詳細到，每個頁面、甚至是一個頁面中的圖片什么時候做好，做到什么程度，這樣把工作進度有計劃有方向的贊定下來，做事很有效率。所以希望高總多給予我們一些指導(dǎo)。
3.每周的工作小結(jié)真的很重要，這讓我們每天都有計劃的知道自己干了什么，不是漫無目的的工作，所以我們應(yīng)該養(yǎng)成，周記、月記、年記的工作習(xí)慣。
4.工作并不是一成不變的，也許有一天你要去其他崗位幫忙，所以同事之間的技術(shù)要互相學(xué)習(xí)，也許有一天，公司需要你發(fā)揮其他的技能幫忙，所以互相學(xué)習(xí)也是很重要的。自己的工作不能僅僅局限于自己的業(yè)務(wù)范疇。
工作計劃
1.要提高工作的主動性，做事干脆果斷，不拖泥帶水。
2.工作要注重實效、注重結(jié)果，一切工作圍繞著目標的完成。
3.要提高大局觀，是否能讓其他人的工作更順暢作為衡量工作的標尺。
4.精細化工作方式的思考和實踐。
5.虛心請教比我做的優(yōu)秀的其他同事，向他們學(xué)習(xí)技術(shù)或經(jīng)驗。其實作為一個新員工，所有的地方都是需要學(xué)習(xí)的，多聽、多看、多想、多做、多溝通，向每一個員工學(xué)習(xí)他們身上的優(yōu)秀工作習(xí)慣，豐富的專業(yè)技能，配合著實際工作不斷的進步，不論在什么環(huán)境下，我都相信這兩點：一是三人行必有我?guī)?，二是天道酬勤?/p>
在參加工作的這短短的七個月中，我深刻的體會到，把自己所有的精力都投入進去，技術(shù)工作都不可能做到完美程度，畢竟技術(shù)工作太繁雜，項目多而人手少，但多付出一些，工作就會優(yōu)化一些，這就需要認認真真沉下心去做事情，職業(yè)做事，誠信待人。
第四篇：Web前端程序員簡
個人簡歷
姓 名：張三
性 別：男出生年月：*** 學(xué) 歷：本科畢業(yè)學(xué)校：鄭州大學(xué)專 業(yè)：互聯(lián)網(wǎng)·電子商務(wù) 民 族：漢工作經(jīng)驗： 3年
郵箱：*****@**.com電話：***********
自我簡介：
1.有良好的大局觀，責(zé)任心較強，能與團隊成員很好的交流。實習(xí)期間較快融入公司環(huán)境，并和同事合作順利。
2.快速學(xué)習(xí)能力與自主學(xué)習(xí)能力突出，心態(tài)穩(wěn)重，勤于思考，能堅持學(xué)習(xí)和工作。3.環(huán)境適應(yīng)能力強，有上進心。
WEB 程序員，擁有較豐富的 WEB 開發(fā)經(jīng)驗和網(wǎng)頁制作經(jīng)驗，曾經(jīng)自主開發(fā)了多個網(wǎng)站，并且擁有 B/S 信息管理系統(tǒng)的開發(fā)經(jīng)驗!精通 PHP 程序開發(fā)，熟悉 ASP.NET 編程，并對 PHP 等其他 WEB 編程語言有一定的了解!專注于社會性網(wǎng)絡(luò)方面的開發(fā)。、精通 PHP、SQL 標準語句，熟悉 C# 語言和 ASP.NET 開發(fā)，熟悉 AJAX 技術(shù)。、熟悉 SQL Server、Mysql 等數(shù)據(jù)庫系統(tǒng)的使用，了解其他數(shù)據(jù)庫的一些基本應(yīng)用。、熟悉 XHTML、CSS、Javascript、Jquery，可以寫出 W3C 標準代碼。、熟悉 Windows 服務(wù)器的配置及操作，了解 Linux 等服務(wù)器操作系統(tǒng)。
求職意向：
目標職位：軟件工程師 | 高級軟件工程師 | 項目經(jīng)理·項目主管 目標行業(yè)：互聯(lián)網(wǎng)·電子商務(wù) | 網(wǎng)絡(luò)游戲 | 計算機軟件 期望薪資：稅前年薪RMB150000 期望地區(qū)：*** 到崗時間：面談
工作經(jīng)歷：例1 2015.12-2017.05***信息技術(shù)有限公司 PHP程序員 職責(zé)和業(yè)績：
參與項目模塊的需求分析;運營部和策劃部接口人，按照策劃文檔，帶領(lǐng)小組成員對游戲模塊進行分析，并分配工作，實現(xiàn)功能需求;負責(zé)對測試人員返回的bug 進行統(tǒng)籌分配修改;對游戲后臺管理功能進行設(shè)計、功能分配;兼職系統(tǒng)管理員(FreeBSD)，進行日常游戲版本更新和管理后臺維護。從開始的設(shè)計，編碼，到逐步完善功能需求，在這個過程中，為了使程序達到更有效率，在高并發(fā)量用戶在線的情況下，保持游戲穩(wěn)定運行。
多次進行 code review;現(xiàn)在整個游戲系統(tǒng)已經(jīng)能夠滿足3K并發(fā)量的訪問。同時，不斷對數(shù)據(jù)庫進行性能調(diào)優(yōu)，通過修改字段的類型、使用join和UNION代替子查詢及臨時表、使用觸發(fā)器和事務(wù)以及增加索引和外鍵等方式對數(shù)據(jù)庫進行優(yōu)化;使用mysql的slave對master庫進行被同步，當master庫機器宕機，可立即指向slave庫所在服務(wù)器，把損失降至最低。項目描述：
體育類網(wǎng)頁游戲，網(wǎng)頁游戲在08、09年獲得很大發(fā)展，網(wǎng)民對娛樂需求持續(xù)攀升;兩款游戲采用 FreeBSD Apache2.2 mysql5.0 PHP5技術(shù)進行開發(fā);程序架構(gòu)運用MVC模式，實現(xiàn)視圖 控制 類的有效區(qū)分;提升了代碼的可維護性，極大方便了游戲模塊的增加及二次開發(fā)。
工作經(jīng)歷：例2
2015.12-2017.05
***信息技術(shù)有限公司 PHP工程師 職責(zé)和業(yè)績：
主要負責(zé)***游戲平臺所有前端程序相關(guān)工作(支持國內(nèi)外30余款游戲官網(wǎng)、注冊、充值、app、答疑、積分、密保，等等功能)，下屬5人。個人直接負責(zé)***、***、***各充值渠道的接入與維護。在職期間，主要完成了：
1.國內(nèi)平臺整體架構(gòu)調(diào)整：官網(wǎng)、注冊站頁面動靜態(tài)分離，官網(wǎng)服務(wù)器的高可用架構(gòu)的調(diào)整。
2.cms底層重構(gòu)，自動化工具開發(fā)：主要包括引入cakephp，權(quán)限管理重構(gòu)，半自動嵌套頁面工具，題庫管理，客戶端程序下載管理等新工具開發(fā)。
工作經(jīng)歷：例3 2015.12-2017.05***網(wǎng)絡(luò)公司 PHP工程師 職責(zé)和業(yè)績：
負責(zé)***軟件中WorkFlow, Search(Global Search & Saved Search), Pagination, Mass Update, Dashboard等功能的維護，修正軟件中的Bug、開發(fā)部分新特性，處理一些產(chǎn)品中文化遇到的難點：如FreeTDS, pdf, 甚至包括一些php的bug;承擔公司部分項目對產(chǎn)品進行修改與定制： 為杭州***定制試用版(修改權(quán)限系統(tǒng)、報表系統(tǒng));為香港***地產(chǎn)提供問卷調(diào)查管理的解決方案;協(xié)助公司合作伙伴，為客戶上門解決產(chǎn)品問題(主要為環(huán)境配置、以及sql server上一些sql兼容性問題)。
教育培訓(xùn)：
2012.9-2015.6鄭州大學(xué)--本科
2015.6-2015.11 鄭州尚學(xué)堂-Web前端培訓(xùn)
第五篇：WEB前端開發(fā)經(jīng)驗總結(jié)
ASP.NET前端開發(fā)經(jīng)驗總結(jié)
通過此次大作業(yè)的設(shè)計到完成，我負責(zé)的是web前端的開發(fā)，經(jīng)過此次作業(yè)和結(jié)合W3C上的自學(xué)，我漸漸有了一些對前端開發(fā)的小小經(jīng)驗（僅為個人意見）。WEB標準是什么？
說是WEB標準，不過我這里主要是對HTML5 和 CSS3.0的一些經(jīng)驗總結(jié)。因為WEB含蓋的內(nèi)容實在是太多了，“WEB標準”是一系列標準的總稱，包括HTML5.0、HTML4.0、XHTML1.1、CSS3.0、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。所以這里要跟大家指出來一下，WEB標準不是我們所說的DIV+CSS。剛剛上面提到了――DIV+CSS，這里要說明下，這樣說其實是不正確的。DIV+CSS準確的說法（個人的理解）應(yīng)該是：采用W3C推薦的WEB標準中的HTML5結(jié)合CSS3.0樣式表制作頁面的方法，DIV應(yīng)該指的是HTML標簽，而CSS顯示是指的CSS樣式表了。
采用WEB標準開發(fā)的好處
那么W3C為什么會推薦這樣的頁面制作方法呢？下面我們就簡單的看看采用WEB標準開發(fā)（個人理解的）相對以前TABLE布局的優(yōu)勢有哪些？
1、節(jié)約運營成本
看看我們的WEB標準制作方法是如何做到的？
采用WEB標準制作，我們可以做到表現(xiàn)很形式的分離，我們用XHTML來表現(xiàn)（數(shù)據(jù)），用CSS來控制（頁面元素呈現(xiàn)的）形式。寫的好的頁面，XHTML代碼中基本上都是用戶要看的數(shù)據(jù)，還其他修飾性的東西，全部由我們的CSS來控制。這樣一來我們的（XHTML）頁面的體積就大大減小了，這樣你在帶寬上的費用就會大家降低了，這個怎么降低的，你可以想象一下，YAHOO的首頁小1K，100W個人一起訪問，那么帶寬節(jié)約了多少？而且可以更充分的利用帶寬。
而我們的CSS控制了，所有的頁面元素的樣式，現(xiàn)在想改網(wǎng)站的整體風(fēng)格，你只需要花幾分鐘修改一下一個CSS文件，就可以輕松搞定了。維護的成本也下來了，省了不少錢了吧？還有，你開這個頁面的速度會快很多啊，一個讓你等半分鐘的頁面，除非里面的信息對你很有用，不然我們大家基本都沒有太多的時間去用來等待的。
2、對用戶友好更友好，且有機會獲得更多的用戶 現(xiàn)在來說說用戶友好。首先我想把我們的用戶來分下類。第一類：普通用戶（每個訪問我們網(wǎng)站的人）； 第二類：搜索引擎；
采用WEB標準開發(fā)的頁面，結(jié)構(gòu)清晰，頁面體積小，瀏覽器兼容性好。普通用戶訪問的時候，頁面打開速度快，而且不管用戶使用那種瀏覽器，都能夠正常訪問（顯示）頁面，且頁面的結(jié)構(gòu)清晰，要找的數(shù)據(jù)可以很方便的瀏覽到。
而對搜索引擎來說，一個好的采用WEB標準開發(fā)的頁面，都是做過SEO優(yōu)化的，它訪問起來很友好，很容易理解你的頁面中哪里是標題（H1~H6標簽），哪里是段落（p標簽），哪里是段落里要強調(diào)的內(nèi)容（strong標簽）等，它可以很容易的分析出來。而一個SEO好的站點，大家都知道，被搜索引擎收錄的機會更多，這個也意味著您的網(wǎng)站會被更多的普通用戶訪問到，給你的站點帶來更多的用戶。
一個能幫我們省下大筆費用，提高工作效率。同時又能夠提高頁面瀏覽速度，對用戶友好，甚至能夠不花錢宣傳，就能給你帶來更多用戶的技術(shù)。你說你會不會去使用它？這個也正式我們的W3C推薦使用WEB標準開放網(wǎng)站的原因啊。而這個技術(shù)也得到了我們廣大用戶的認可，所以現(xiàn)在需要學(xué)習(xí)WEB標準啊。合理的布局
前面我提到了一些知識點――“結(jié)構(gòu)清晰、SEO優(yōu)化、頁面體積小、HTML代碼中基本上都是用戶要看的數(shù)據(jù)”。這些東西，都是我做了合理布局的結(jié)果。而且我個人覺得，我們采用WEB標準制作的一切都是從這個知識點開始的，所以我這里就先來說這個話題。
也許有人會問，怎樣的一個頁面，才算是合理的布局的呢？這個問題問題問得好，也是我們大家剛開始學(xué)用WEB標準的問得最多的問題之一，我也曾經(jīng)常被這個問題所困擾，這里就說說我對合理布局的一些理解。
在開始講合理布局的頁面要達到的要素前，我們還是用個實例來講解會更直觀些。先來看看這個圖片：
不錯，這個是一個文章詳細頁，沒有左右兩欄布局，不過這里我重點要講的是合理的布局。
這是此次實驗中customer（前端的一項）部分的完整代碼：
<%@ Page Language=“C#” AutoEventWireup=“true” CodeFile=“Customer.aspx.cs” Inherits=“Customer” %> <%@ Register Src=“Controllers/Bottom.ascx” TagName=“Bottom” TagPrefix=“uc4” %> <%@ Register Src=“Controllers/Top.ascx” TagName=“Top” TagPrefix=“uc1” %> <%@ Register Src=“Controllers/Left.ascx” TagName=“Left” TagPrefix=“uc2” %>
” name=“description”/> ” name=“keywords” />