第一篇:web前端實(shí)習(xí)經(jīng)驗(yàn)
經(jīng)驗(yàn)
2014年7月11日
11:20
自我介紹時(shí):千萬(wàn)不要忘記介紹名字
代碼:
1.標(biāo)記為done表示已經(jīng)調(diào)試好,完全測(cè)試過(guò)了
2.代碼規(guī)范。phpstrom,統(tǒng)一格式化
3.借鑒代碼時(shí)注意liscence
4.項(xiàng)目相接時(shí),文檔規(guī)范(步驟,文檔不可少)
項(xiàng)目:
1.CRM
2.REP
3.OA
4.微信(接口,產(chǎn)品(wify))
任務(wù):
1.每天用幾個(gè)小時(shí)做了什么,做得怎么樣(日?qǐng)?bào),周報(bào))
2.接受項(xiàng)目(任務(wù))時(shí),先評(píng)估后再?zèng)Q定是否接受,接收后做不好,更不好
處理關(guān)系:
1.盡快記住大家的名字
2.按時(shí)任務(wù)
3.郵件發(fā)送人與抄送人,1小時(shí)內(nèi)回復(fù)
4.溝通:不懂或有意見(jiàn)的時(shí)候要及時(shí)溝通
還要學(xué)習(xí)
1.css,jQuery學(xué)習(xí)
2.算法,業(yè)務(wù)流程
3.代碼規(guī)范
4.友好的注釋(便于自己和他人)
5.打字速度很需要提高
6.多看英文文檔
第二篇:web前端個(gè)人簡(jiǎn)歷
個(gè)人簡(jiǎn)歷
個(gè)人信息
姓名:xxxx 性別:男
出生日期:1993.03 婚姻狀況:未婚 工作所在地:北京 家庭所在地:湖北
聯(lián)系電話:18xxxxxx
電子郵箱:xxxxxx@qq.com
專業(yè)技能
1、熟練使用Sublime、Photoshop等軟件,掌握網(wǎng)站效果圖的制作、切片以及HTML頁(yè)面代碼優(yōu)化等技術(shù);
2、精通HTML5+CSS3、DIV+CSS等網(wǎng)站前端技術(shù);
3、能夠熟練編寫(xiě)標(biāo)準(zhǔn)前端代碼,熟悉瀏覽器兼容問(wèn)題解決方案;
4、熟練掌握javascript語(yǔ)言,精通jQuery庫(kù)、bootstrap庫(kù),能夠?qū)崿F(xiàn)網(wǎng)頁(yè)的動(dòng)態(tài)效果與頁(yè)面交互;
5、熟練掌握響應(yīng)式設(shè)計(jì),能夠開(kāi)發(fā)移動(dòng)端頁(yè)面;熟練使用swiper手機(jī)端應(yīng)用庫(kù);
6、了解node后臺(tái),熟練掌握Ajax技術(shù);
7、了解gulp自動(dòng)化構(gòu)建工具,了解less,echarts圖表庫(kù);
工作經(jīng)驗(yàn)
2015.07– 至今 工作職責(zé): 北京第嘉傳媒文化有限公司 職位名稱:前端開(kāi)發(fā)工程師
負(fù)責(zé)公司產(chǎn)品或項(xiàng)目Web前端開(kāi)發(fā),根據(jù)產(chǎn)品需求和UI效果圖利用sublime編程軟件進(jìn)行div/css標(biāo)準(zhǔn)網(wǎng)頁(yè)制作,Js邏輯設(shè)計(jì)與開(kāi)發(fā)、jQuery特效編寫(xiě)以及使用插件實(shí)現(xiàn)特效,解決主流瀏覽器兼容性問(wèn)題,對(duì)網(wǎng)站用戶體驗(yàn)性能進(jìn)行優(yōu)化,完成產(chǎn)品前端展示效果和交互功能。
2014.09– 2015.6
工作職責(zé): 秦皇島市金鑾之巔科技開(kāi)發(fā)有限公司
職位名稱:前端開(kāi)發(fā)工程師
負(fù)責(zé)公司項(xiàng)目的前端修改調(diào)試和開(kāi)發(fā)工作,精確的將網(wǎng)站設(shè)計(jì)圖重構(gòu)成html 頁(yè)面。從ps切圖到div/css標(biāo)準(zhǔn)網(wǎng)頁(yè)制作及主流瀏覽器兼容問(wèn)題的解決,并與后臺(tái)緊密配合,確保代碼有效鏈接。
項(xiàng)目經(jīng)歷: PC端 中國(guó)智力運(yùn)動(dòng)網(wǎng)
http://004km.cn)是由泰康人壽保險(xiǎn)股份有限公司全資發(fā)起成立的大型互聯(lián)網(wǎng)保險(xiǎn)公司,產(chǎn)品涵蓋意外險(xiǎn)、理財(cái)險(xiǎn)、健康險(xiǎn)、旅游險(xiǎn)等多種保險(xiǎn)。
個(gè)人站
kafeihaoka.github.io
教育背景
2011.09-2015.06 燕山大學(xué)里仁學(xué)院 電子信息工程 本科 求職意向
職位:Web 前端開(kāi)發(fā) 工作地點(diǎn):北京
第三篇:Web前端工作總結(jié)
Web前端學(xué)習(xí)總結(jié)
一.名詞解釋 1.橫切
在固定頁(yè)面的寬度(按柵格化進(jìn)行)并且對(duì)高度沒(méi)有限制的容器稱為一個(gè)標(biāo)準(zhǔn)橫切 2.留白 兩個(gè)容器或碎片之間的上、下、左、右的空白距離 3.繼承
元素可以從其父級(jí)元素中獲得一些可為自己使用的屬性或值。4.圖片定位
把圖片元素放置到一個(gè)靜態(tài)的、相對(duì)的、絕對(duì)的、或固定的位置中,利用CSS中對(duì)圖片進(jìn)行遮罩屬性,多用于頁(yè)面中的修飾圖 5.底圖
頁(yè)面中在標(biāo)簽中使用的背景圖 6.齊底(圖)線 用于區(qū)分橫切或碎片結(jié)束的線或圖 7.頁(yè)面結(jié)構(gòu)
頁(yè)面的基礎(chǔ)框架,由橫切、布局元素組成 8.焦點(diǎn)區(qū)(圖)最易注意的區(qū)域 9.導(dǎo)航
在頁(yè)面中具有導(dǎo)向性的鏈接集合 10.頭圖 頁(yè)面主題圖片 11.間距
碎片或文字間的距離 12.行高
文字段落中行與行之間的距離 13.首行縮進(jìn) 文字段落首行縮進(jìn) 14.浮動(dòng)
使被定義的區(qū)域脫離正常的頁(yè)面文檔流 15.碎片 由文字、圖片組合成的內(nèi)容區(qū)域 16.通欄廣告 與頁(yè)面內(nèi)容區(qū)同寬的廣告區(qū)域 17.功能按鈕 具有交互屬性的按鈕 18.私有樣式
當(dāng)前頁(yè)面獨(dú)立使用的樣式,不具備公用性 19.水平(垂直)居中
在頁(yè)面中的某個(gè)元素處于父級(jí)的上下或左右的相同距離 20.標(biāo)準(zhǔn)頭(尾)定義相同的頁(yè)面頭或尾元素集合 二.文本格式化 1.段落:p 2.斜體:address(聯(lián)系信息)em(強(qiáng)調(diào))i(突出不同)cite(引用)dfn(首次定義術(shù)語(yǔ))3.粗體:strong(重要)b(提醒)4.圖片塊:figure 5.引述文段,段落縮進(jìn):blockquote 6.背景顏色:mark 7.虛線下劃線:abbr 8.上標(biāo)下標(biāo):sub/sup 9.下劃線:ins 10.刪除線:del(標(biāo)記已刪除內(nèi)容)s(標(biāo)記不準(zhǔn)確內(nèi)容)11.等寬字體:code 12.預(yù)格式化:pre 13.字號(hào)減小,表注釋:small 14.時(shí)間: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:為了讓對(duì)應(yīng)的標(biāo)簽識(shí)別,添加CSS Name:為了讓服務(wù)器和腳本識(shí)別,通常與id設(shè)為一樣 Size:文本框大小 Maxlength:能輸入的最大字符數(shù) Pattern:正則表達(dá)式4.添加標(biāo)簽: 5.單(多)選按鈕:
注:id各自唯一,name必須相同。checked:默認(rèn)選擇 6.下拉框:
注:size:選擇框的高度 multiple:允許多選 selected:默認(rèn)選擇 用
10.文本區(qū)域:
1.width:不包括padding,border,margin;max-width設(shè)置外圍限制; 2.浮動(dòng):float:left;清除浮動(dòng):clear:both;3.設(shè)置邊框: border:dotted 4px red;(dotted點(diǎn)狀、dashed虛線、solid實(shí)線)4.使元素對(duì)齊:vertical-align:baseline/middle/text-bottom..5.顯示:display:black/inline/inline-block;6.顯示:visibility:visible/hiddle;7.相對(duì)定位:{position:relative;top:5px;} 相對(duì)于該元素的原始位置 8.絕對(duì)定位:{position:absolute;top:5px;} 相對(duì)于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;}(所有角簡(jiǎn)寫(xiě))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 :漸變線沿逆時(shí)針?lè)较蜣D(zhuǎn)至水平線的角度)六.html5視頻音頻
1.html5支持3種視頻:.ogg/.ogv.mp4/.m4v.webm 2.添加視頻: 視頻屬性:src autoplay controls muted loop poster width height preload 3.為視頻添加多個(gè)來(lái)源: 4.html5支持5中音頻:.ogg.mp3.wav.aac.mp4 5.添加音頻: 音頻屬性:src autoplay controls muted loop preload。多個(gè)來(lái)源同video。七.一些約定
我們結(jié)合常用的一些命名習(xí)慣,再結(jié)合CSS的實(shí)際應(yīng)用,整理出一些較好的命名習(xí)慣。1.樣式名稱首字母統(tǒng)一為小寫(xiě)字母,不能為數(shù)字,下劃線及特殊字符;
3.設(shè)置邊框: border:dotted 4px red;(dotted點(diǎn)狀、dashed虛線、solid實(shí)線)4.使元素對(duì)齊:vertical-align:baseline/middle/text-bottom..5.顯示:display:black/inline/inline-block;6.顯示:visibility:visible/hiddle;7.相對(duì)定位:{position:relative;top:5px;} 相對(duì)于該元素的原始位置 8.絕對(duì)定位:{position:absolute;top:5px;} 相對(duì)于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;}(所有角簡(jiǎn)寫(xiě))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 :漸變線沿逆時(shí)針?lè)较蜣D(zhuǎn)至水平線的角度)六.html5視頻音頻
1.html5支持3種視頻:.ogg/.ogv.mp4/.m4v.webm 2.添加視頻: 視頻屬性:src autoplay controls muted loop poster width height preload 3.為視頻添加多個(gè)來(lái)源: 4.html5支持5中音頻:.ogg.mp3.wav.aac.mp4 5.添加音頻: 音頻屬性:src autoplay controls muted loop preload。多個(gè)來(lái)源同video。七.一些約定
我們結(jié)合常用的一些命名習(xí)慣,再結(jié)合CSS的實(shí)際應(yīng)用,整理出一些較好的命名習(xí)慣。1.樣式名稱首字母統(tǒng)一為小寫(xiě)字母,不能為數(shù)字,下劃線及特殊字符; 2.樣式名盡量語(yǔ)義化或簡(jiǎn)寫(xiě); 3.樣式名需要組合拼寫(xiě)時(shí),采用全部小寫(xiě)拼寫(xiě)并使用下劃線連接,即:all_keyword; 4.使用px(像素)為基本計(jì)量單位; 5.頁(yè)面中空格的使用:全角:中文空格 半角;? 6.項(xiàng)目完成包中,文件夾及文件名稱全部采用小寫(xiě)字母,不使用中文文件名; 7.減少DIV的嵌套層數(shù);
8.給重要圖片加上alt屬性;給重要的元素和截?cái)嗟脑丶由蟭itle; 9.使用正確的注釋方法(詳見(jiàn)“注釋”章節(jié)); 10.特殊情況下要求表現(xiàn)和內(nèi)容分離,代碼中不要涉及任何表現(xiàn)的元素,例如:style、font 等;
11.雙標(biāo)記簽都要有開(kāi)始和結(jié)束標(biāo)簽,單標(biāo)記標(biāo)簽的后面一定要加“ /”,例如:
等,并且有正確的層次; 12.其它特殊符號(hào): 1)<(<)2)>(>)八.命名空間
8.1外掛樣式名稱 全局:public.css 全局樣式為全站公用,為頁(yè)面樣式基礎(chǔ),頁(yè)面中必須包含。結(jié)構(gòu):layout.css 頁(yè)面結(jié)構(gòu)類型復(fù)雜,并且公用類型較多時(shí)使用。多用在首頁(yè)級(jí)頁(yè)面和產(chǎn)品類頁(yè)面中。私有:style.css 獨(dú)立頁(yè)面所使用的樣式文件,頁(yè)面中必須包含。模塊 module.css 產(chǎn)品類頁(yè)面應(yīng)用,將可復(fù)用類模塊進(jìn)行剝離后,可與其它樣式配合使用。默認(rèn) default.css 文章 article.css 圖片 photo.css 下載 soft.css 主題 themes.css 實(shí)現(xiàn)換膚功能時(shí)應(yīng)用。補(bǔ)丁 mend.css 基于以上樣式進(jìn)行的私有化修補(bǔ)。8.2 常用名稱(1)頁(yè)面結(jié)構(gòu) 容器: container 頁(yè)頭:header 內(nèi)容:content/container/content(A)頁(yè)面主體:main 頁(yè)尾:footer 導(dǎo)航:nav 側(cè)欄:sidebar 欄目:column 頁(yè)面外圍控制整體布局寬度:wrapper 左右中:left right center 浮左浮右:fl fr 清除浮動(dòng) 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 標(biāo)題:title 摘要:summary 路徑:path(3)模塊化命名 模塊頭部:hd 模塊內(nèi)容部分:bd 模塊底部:ft(4)各內(nèi)容頁(yè)對(duì)應(yīng) 標(biāo)題:title 副標(biāo)題:subtitle 屬性:properties 簡(jiǎn)介:infor 內(nèi)容:content 分頁(yè):page 插入廣告:insert_ad 表情:expression 功能選項(xiàng):options 上下篇:up_down 評(píng)論:comments 相關(guān)內(nèi)容:related 下載地址:download 播放地址:play_add(5)功能 標(biāo)志:logo 廣告:banner 登陸:login 登錄條:loginbar 注冊(cè):regsiter 搜索:search 日期:date 功能區(qū):shop 標(biāo)題:title 加入:joinus 狀態(tài):status 按鈕:btn 滾動(dòng):scroll 標(biāo)簽頁(yè):tab 文章列表:list 提示信息:msg 當(dāng)前的:current 小技巧:tips 圖標(biāo):icon 注釋:note 指南:guild 服務(wù):service 熱點(diǎn):hot 新聞:news 下載:download 投票:vote 合作伙伴:partner 友情鏈接:link 版權(quán):copyright 九.基本設(shè)置-public.css 9.1 全局設(shè)置
上下邊距(margin、padding):0(px)左右邊距(margin):auto(自動(dòng))底色(background):#FFF(白色)字體(font-family)、字號(hào)(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 頁(yè)面標(biāo)簽初始化設(shè)置 1.常用基本標(biāo)div,form,ul,ol,li,span,p,dl,dt,dd,img 設(shè)置基本標(biāo)簽的間距、邊框默認(rèn)值為0。2.h1~h6標(biāo)題
默認(rèn)標(biāo)題內(nèi)字號(hào)12px,內(nèi)外間距為0px,文字不加粗。3.ul,ol,li 列表 默認(rèn)不顯示項(xiàng)目符號(hào)。4.h2 欄目標(biāo)題
說(shuō)明:h2標(biāo)簽被定義為欄目標(biāo)題特殊使用,在標(biāo)簽中非標(biāo)題文字默認(rèn)居右顯示,主標(biāo)題文字使用span標(biāo)簽包含,居左顯示。5.默認(rèn)鏈接顏色
常態(tài)下不顯示文字下劃線,顏色為灰(#333),鼠標(biāo)懸浮時(shí):顯示文字下劃線,顏色變?yōu)榘导t(#ccc)。6.狀態(tài):a:link{未點(diǎn)} a:visited{已點(diǎn)} a:focus{鍵盤(pán)選中} a:hover{指針停留} a:active{正在點(diǎn)} 9.3 頁(yè)面寬度 默認(rèn)頁(yè)面寬(命名規(guī)范):按柵格化進(jìn)行 9.4.clear 結(jié)束容器內(nèi)各元素的浮動(dòng)屬性,使相鄰容器或元素節(jié)點(diǎn)正常顯示。以下是清除浮動(dòng)的幾種方法 方法一.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前端工程師實(shí)習(xí)心得體會(huì)
web前端工程師實(shí)習(xí)心得體會(huì)(精選3篇)
引導(dǎo)語(yǔ):每個(gè)大學(xué)生都會(huì)有一段實(shí)習(xí)時(shí)間,相信這段時(shí)間會(huì)給他們帶來(lái)不少的收獲,那么,作為一個(gè)在web前端方向?qū)嵙?xí)的學(xué)生來(lái)說(shuō),在編寫(xiě)實(shí)習(xí)心得體會(huì)時(shí),應(yīng)該從哪些方面入手呢?小編提供了幾篇文章供經(jīng)大家參考,希望能幫到你們。
web前端工程師實(shí)習(xí)心得體會(huì)篇1仔細(xì)想來(lái),在Web前端開(kāi)發(fā)方向?qū)嵙?xí)已經(jīng)一年多了,從最初的DIV+CSS學(xué)起,到JavaScript、jQuery、Bootstrap框架等等,前端要學(xué)習(xí)的東西很多。接下來(lái)就總結(jié)一下我在學(xué)習(xí)過(guò)程中的一些經(jīng)驗(yàn)吧。
第一、學(xué)好基礎(chǔ)知識(shí),做一個(gè)基礎(chǔ)扎實(shí)的開(kāi)發(fā)者。在IT行業(yè),每年都會(huì)有很多新的技術(shù)誕生并且得到廣泛的推廣,前端技術(shù)也不例外。所以無(wú)論學(xué)到多深的程度,扎實(shí)的基本功肯定是必不可少的。
(1)HTML:盡量掌握盡可能多的標(biāo)簽。必須掌握的標(biāo)簽有等,這些雖然平時(shí)比較少用甚至幾乎不用,但是當(dāng)你學(xué)到Boostrap框架時(shí),你會(huì)發(fā)現(xiàn)Boostrap框架為這些標(biāo)簽賦予了特定的功能與外觀。除此之外,新增了很多標(biāo)簽和屬性,使得HTML語(yǔ)言更加強(qiáng)大。還有很多新的內(nèi)容,需要初學(xué)者更多的接觸并掌握。
(2)CSS:對(duì)各個(gè)屬性以及一些屬性之間結(jié)合使用的技巧應(yīng)該多鉆研。CSS能夠統(tǒng)一有效地對(duì)頁(yè)面的布局、字體等網(wǎng)頁(yè)中的各個(gè)元素顯示屬性進(jìn)行控制,可以方便快捷地實(shí)現(xiàn)精美的頁(yè)面表現(xiàn)效果。你會(huì)用CSS技術(shù)的使用技巧解決下列問(wèn)題嗎?清除浮動(dòng)有哪些方式?比較好的方式是哪一種?當(dāng)容器中具有浮動(dòng)元素時(shí),如何為容器設(shè)置邊框或背景顏色?怎樣讓塊級(jí)元素在容器中水平居中?當(dāng)多個(gè)連續(xù)塊級(jí)元素的浮動(dòng)布局影響了原本不想浮動(dòng)的對(duì)象時(shí)該如何處理?容器內(nèi)部的對(duì)象如何實(shí)現(xiàn)相對(duì)于容器的自由定位?為什么要初始化CSS樣式?
(3)CSS+div布局模式:許多布局模式的基礎(chǔ),也是大部分前端開(kāi)發(fā)人員接觸到的第一種布局方式。這種布局模式對(duì)于PC端頁(yè)面的設(shè)計(jì)是非常有幫助的,同時(shí)對(duì)于后面將會(huì)遇到的“移動(dòng)端布局”、“響應(yīng)式布局”等,這種布局方式都具有一定的指導(dǎo)意義。
第二、將JavaScript作為前端學(xué)習(xí)的重點(diǎn)。JavaScript是目前大多數(shù)主流瀏覽器支持的面向?qū)ο蟮哪_本語(yǔ)言,它可以在不與服務(wù)器交互的前提下對(duì)HTML的頁(yè)面內(nèi)容進(jìn)行修改。JavaScript控制著網(wǎng)頁(yè)的行為,決定著網(wǎng)頁(yè)“做什么”。系統(tǒng)學(xué)習(xí)過(guò)JavaScript的同學(xué)們,你看看下列問(wèn)題你能準(zhǔn)確的找到答案嗎?通過(guò)表達(dá)式來(lái)系統(tǒng)闡述“==”和“===”這兩個(gè)運(yùn)算符的區(qū)別。把某個(gè)元素移除你的視線的方法有哪些?你對(duì)JSON了解嗎?通過(guò)哪個(gè)函數(shù)可以判斷從文本框中獲取的內(nèi)容是不是數(shù)字?DOM 操作——怎樣添加、移除、移動(dòng)、復(fù)制、創(chuàng)建和查找節(jié)點(diǎn)?怎樣判斷是否為整數(shù)?運(yùn)算符都能刪除哪些內(nèi)容?在腳本中,this有幾種使用情況呢?
第三、多練習(xí)多操作,實(shí)踐是檢驗(yàn)真理的唯一標(biāo)準(zhǔn)。IT編程是需要多加實(shí)踐的,要不斷反復(fù)進(jìn)行上機(jī)操作,是學(xué)習(xí)編程開(kāi)發(fā)的唯一方法。
這些問(wèn)題的答案就是我的實(shí)習(xí)心得,經(jīng)過(guò)這段時(shí)間的實(shí)習(xí),我覺(jué)得自己可以獨(dú)當(dāng)一面,當(dāng)一個(gè)web前端工程師了呢。
web前端工程師實(shí)習(xí)心得體會(huì)篇2作為web前端工程師,在XX工作了5個(gè)月,自己從剛開(kāi)始的一名新人到最后和大家融為一體,為組內(nèi)貢獻(xiàn)自己的一份力量,我經(jīng)歷了很多,成長(zhǎng)了很多。
剛進(jìn)到公司,我內(nèi)心是很惶恐的。我對(duì)自己沒(méi)有一個(gè)正確的定位,對(duì)公司的環(huán)境也是那么的陌生。我不知道自己能不能勝任公司的工作。我所能做的就是努力再努力,用自己的勤奮來(lái)掩飾自己內(nèi)心的慌張。
很欣慰的是我們組內(nèi)有一個(gè)女生。她性格很柔和。每次,和他請(qǐng)教問(wèn)題他都會(huì)耐心的幫助你。我和他成為了閨蜜,我經(jīng)常的去問(wèn)他問(wèn)題,一些環(huán)境的配置,系統(tǒng)的某部分業(yè)務(wù)或者其他的問(wèn)題等等。很感謝她,他幫助我盡快的去熟悉了系統(tǒng)的環(huán)境及業(yè)務(wù)。除了組長(zhǎng),組內(nèi)還有李大牛和許小牛。后來(lái)許小牛走了,又來(lái)了兩名同事,工作期間,他們都對(duì)我有很大的幫助,無(wú)論是工作上還是生活上,很欣慰能夠遇到他們并共事一場(chǎng)。
工作中不是那么的順利。別人是因?yàn)槿蝿?wù)重,工作壓力大。而我則是因?yàn)槿蝿?wù)太輕而煩惱。我的任務(wù)總是比較簡(jiǎn)單,我很快就能做完,我體現(xiàn)不了自己的價(jià)值,我不開(kāi)心。我去向組長(zhǎng)爭(zhēng)取機(jī)會(huì),贏得了自己的第一份比較有挑戰(zhàn)性的工作。
我要做一個(gè)webservice接口。這個(gè)任務(wù)的需求很不明確,需要我去和接口使用方進(jìn)行溝通。我對(duì)系統(tǒng)的數(shù)據(jù)庫(kù)了解甚少,對(duì)自己的庫(kù)就不太了解,將他們的庫(kù)對(duì)應(yīng)到我們的庫(kù)就更困難了。加上交流也不是很有經(jīng)驗(yàn),我最后搬出我們組長(zhǎng)去跟他們溝通確定需求才開(kāi)始進(jìn)行開(kāi)發(fā)。需求的確定用了好長(zhǎng)時(shí)間,之后的驗(yàn)證也用了好久。當(dāng)時(shí)開(kāi)發(fā)時(shí),接口由于沒(méi)有數(shù)據(jù),只用一條數(shù)據(jù)進(jìn)行了驗(yàn)證,但到部署到現(xiàn)場(chǎng)時(shí)出現(xiàn)了好多的'問(wèn)題??蛻籼焯齑?,自己的壓力好大。好幾天都加班到好晚。這件事情比較曲折,后面的博文會(huì)詳細(xì)講述這件事情。
最后一個(gè)月,我們組要進(jìn)行封閉開(kāi)發(fā)。這是我在XX的最后一個(gè)月了。剛開(kāi)始我以為不會(huì)給我分配什么有含量的活了。這里非常感謝組長(zhǎng),他并沒(méi)有讓我的這一個(gè)月荒廢。我有我的任務(wù),而且也很重要。因?yàn)檫@些,我可以和大家共同奮斗。全組成員一起加班到晚上兩點(diǎn)那次,雖然很累,但是我很開(kāi)心。這是一件很值得回憶的事情。曾經(jīng),我們也瘋狂過(guò)。
web前端工程師實(shí)習(xí)心得體會(huì)篇3記得初到公司時(shí),我對(duì)公司的了解僅僅局限于公司網(wǎng)站的簡(jiǎn)單介紹,除此之外,便一無(wú)所知了。但是,在領(lǐng)導(dǎo)和同事們的支持和幫助下,我不僅加深了對(duì)公司的了解,而且很快就掌握和熟悉本崗位工作的要求及技巧,嚴(yán)格做到按時(shí)按量完成產(chǎn)品終端頁(yè)等頁(yè)面的制作,保證頁(yè)面的與效果圖的一致性和頁(yè)面在各個(gè)瀏覽器中的兼容性。同時(shí),減少頁(yè)面中冗余的代碼,保證頁(yè)面的加載速度。
自從擔(dān)任web前端工程師以來(lái),雖然在工作中取得了較好的成績(jī),但也還存在一些不足之處。例如:工作中沒(méi)有充分領(lǐng)會(huì)領(lǐng)導(dǎo)的意圖,有時(shí)會(huì)忽視公司的工作流程等等,這些都是由于工作態(tài)度和細(xì)節(jié)決定的。這些不足都需要在今后的工作中加以改進(jìn)。
在今后的工作中,我將努力提高技術(shù)水平,克服不足,朝著以下兩個(gè)方向努力:1、在以后的工作中不斷學(xué)習(xí)技術(shù)知識(shí),通過(guò)多看、多學(xué)、多問(wèn)、多練來(lái)不斷的提高自己的各項(xiàng)業(yè)務(wù)技能。2、提高自己解決實(shí)際問(wèn)題的能力,并在工作過(guò)程中慢慢克服急躁情緒,積極、熱情、細(xì)致地的對(duì)待每一項(xiàng)工作。
短短三個(gè)月的時(shí)間,我學(xué)到了很多專業(yè)的知識(shí),能夠得心應(yīng)手開(kāi)展工作;在一個(gè)和諧的環(huán)境下,開(kāi)心的工作;可以說(shuō)都是受益于各位領(lǐng)導(dǎo)的栽培和各位同事的賜教??偟膩?lái)說(shuō),由于本人工作經(jīng)驗(yàn)不多,能力還有欠缺。雖然能勝任本職工作,但是社會(huì)在不斷的進(jìn)步,技術(shù)在不斷的更新,我還需要更多的磨礪。為此,今后在工作中,我需要進(jìn)一步增強(qiáng)開(kāi)拓創(chuàng)新精神,刻苦鉆研新的技術(shù)。在上級(jí)的正確領(lǐng)導(dǎo)下,努力拼搏,扎實(shí)工作,以更好的質(zhì)量、更高的效率、更扎實(shí)的作風(fēng)做好本職工作,為我們這個(gè)光榮的集體、輝煌的事業(yè)做出應(yīng)有的貢獻(xiàn)。
第五篇:Web前端程序員簡(jiǎn)
個(gè)人簡(jiǎn)歷
姓 名:張三
性 別:男出生年月:*** 學(xué) 歷:本科畢業(yè)學(xué)校:鄭州大學(xué)專 業(yè):互聯(lián)網(wǎng)·電子商務(wù) 民 族:漢工作經(jīng)驗(yàn): 3年
郵箱:*****@**.com電話:***********
自我簡(jiǎn)介:
1.有良好的大局觀,責(zé)任心較強(qiáng),能與團(tuán)隊(duì)成員很好的交流。實(shí)習(xí)期間較快融入公司環(huán)境,并和同事合作順利。
2.快速學(xué)習(xí)能力與自主學(xué)習(xí)能力突出,心態(tài)穩(wěn)重,勤于思考,能堅(jiān)持學(xué)習(xí)和工作。3.環(huán)境適應(yīng)能力強(qiáng),有上進(jìn)心。
WEB 程序員,擁有較豐富的 WEB 開(kāi)發(fā)經(jīng)驗(yàn)和網(wǎng)頁(yè)制作經(jīng)驗(yàn),曾經(jīng)自主開(kāi)發(fā)了多個(gè)網(wǎng)站,并且擁有 B/S 信息管理系統(tǒng)的開(kāi)發(fā)經(jīng)驗(yàn)!精通 PHP 程序開(kāi)發(fā),熟悉 ASP.NET 編程,并對(duì) PHP 等其他 WEB 編程語(yǔ)言有一定的了解!專注于社會(huì)性網(wǎng)絡(luò)方面的開(kāi)發(fā)。、精通 PHP、SQL 標(biāo)準(zhǔn)語(yǔ)句,熟悉 C# 語(yǔ)言和 ASP.NET 開(kāi)發(fā),熟悉 AJAX 技術(shù)。、熟悉 SQL Server、Mysql 等數(shù)據(jù)庫(kù)系統(tǒng)的使用,了解其他數(shù)據(jù)庫(kù)的一些基本應(yīng)用。、熟悉 XHTML、CSS、Javascript、Jquery,可以寫(xiě)出 W3C 標(biāo)準(zhǔn)代碼。、熟悉 Windows 服務(wù)器的配置及操作,了解 Linux 等服務(wù)器操作系統(tǒng)。
求職意向:
目標(biāo)職位:軟件工程師 | 高級(jí)軟件工程師 | 項(xiàng)目經(jīng)理·項(xiàng)目主管 目標(biāo)行業(yè):互聯(lián)網(wǎng)·電子商務(wù) | 網(wǎng)絡(luò)游戲 | 計(jì)算機(jī)軟件 期望薪資:稅前年薪RMB150000 期望地區(qū):*** 到崗時(shí)間:面談
工作經(jīng)歷:例1 2015.12-2017.05***信息技術(shù)有限公司 PHP程序員 職責(zé)和業(yè)績(jī):
參與項(xiàng)目模塊的需求分析;運(yùn)營(yíng)部和策劃部接口人,按照策劃文檔,帶領(lǐng)小組成員對(duì)游戲模塊進(jìn)行分析,并分配工作,實(shí)現(xiàn)功能需求;負(fù)責(zé)對(duì)測(cè)試人員返回的bug 進(jìn)行統(tǒng)籌分配修改;對(duì)游戲后臺(tái)管理功能進(jìn)行設(shè)計(jì)、功能分配;兼職系統(tǒng)管理員(FreeBSD),進(jìn)行日常游戲版本更新和管理后臺(tái)維護(hù)。從開(kāi)始的設(shè)計(jì),編碼,到逐步完善功能需求,在這個(gè)過(guò)程中,為了使程序達(dá)到更有效率,在高并發(fā)量用戶在線的情況下,保持游戲穩(wěn)定運(yùn)行。
多次進(jìn)行 code review;現(xiàn)在整個(gè)游戲系統(tǒng)已經(jīng)能夠滿足3K并發(fā)量的訪問(wèn)。同時(shí),不斷對(duì)數(shù)據(jù)庫(kù)進(jìn)行性能調(diào)優(yōu),通過(guò)修改字段的類型、使用join和UNION代替子查詢及臨時(shí)表、使用觸發(fā)器和事務(wù)以及增加索引和外鍵等方式對(duì)數(shù)據(jù)庫(kù)進(jìn)行優(yōu)化;使用mysql的slave對(duì)master庫(kù)進(jìn)行被同步,當(dāng)master庫(kù)機(jī)器宕機(jī),可立即指向slave庫(kù)所在服務(wù)器,把損失降至最低。項(xiàng)目描述:
體育類網(wǎng)頁(yè)游戲,網(wǎng)頁(yè)游戲在08、09年獲得很大發(fā)展,網(wǎng)民對(duì)娛樂(lè)需求持續(xù)攀升;兩款游戲采用 FreeBSD Apache2.2 mysql5.0 PHP5技術(shù)進(jìn)行開(kāi)發(fā);程序架構(gòu)運(yùn)用MVC模式,實(shí)現(xiàn)視圖 控制 類的有效區(qū)分;提升了代碼的可維護(hù)性,極大方便了游戲模塊的增加及二次開(kāi)發(fā)。
工作經(jīng)歷:例2
2015.12-2017.05
***信息技術(shù)有限公司 PHP工程師 職責(zé)和業(yè)績(jī):
主要負(fù)責(zé)***游戲平臺(tái)所有前端程序相關(guān)工作(支持國(guó)內(nèi)外30余款游戲官網(wǎng)、注冊(cè)、充值、app、答疑、積分、密保,等等功能),下屬5人。個(gè)人直接負(fù)責(zé)***、***、***各充值渠道的接入與維護(hù)。在職期間,主要完成了:
1.國(guó)內(nèi)平臺(tái)整體架構(gòu)調(diào)整:官網(wǎng)、注冊(cè)站頁(yè)面動(dòng)靜態(tài)分離,官網(wǎng)服務(wù)器的高可用架構(gòu)的調(diào)整。
2.cms底層重構(gòu),自動(dòng)化工具開(kāi)發(fā):主要包括引入cakephp,權(quán)限管理重構(gòu),半自動(dòng)嵌套頁(yè)面工具,題庫(kù)管理,客戶端程序下載管理等新工具開(kāi)發(fā)。
工作經(jīng)歷:例3 2015.12-2017.05***網(wǎng)絡(luò)公司 PHP工程師 職責(zé)和業(yè)績(jī):
負(fù)責(zé)***軟件中WorkFlow, Search(Global Search & Saved Search), Pagination, Mass Update, Dashboard等功能的維護(hù),修正軟件中的Bug、開(kāi)發(fā)部分新特性,處理一些產(chǎn)品中文化遇到的難點(diǎn):如FreeTDS, pdf, 甚至包括一些php的bug;承擔(dān)公司部分項(xiàng)目對(duì)產(chǎn)品進(jìn)行修改與定制: 為杭州***定制試用版(修改權(quán)限系統(tǒng)、報(bào)表系統(tǒng));為香港***地產(chǎn)提供問(wèn)卷調(diào)查管理的解決方案;協(xié)助公司合作伙伴,為客戶上門(mén)解決產(chǎn)品問(wèn)題(主要為環(huán)境配置、以及sql server上一些sql兼容性問(wèn)題)。
教育培訓(xùn):
2012.9-2015.6鄭州大學(xué)--本科
2015.6-2015.11 鄭州尚學(xué)堂-Web前端培訓(xùn)


文檔為doc格式
聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)自行上傳,本網(wǎng)站不擁有所有權(quán),未作人工編輯處理,也不承擔(dān)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)有涉嫌版權(quán)的內(nèi)容,歡迎發(fā)送郵件至:645879355@qq.com 進(jìn)行舉報(bào),并提供相關(guān)證據(jù),工作人員會(huì)在5個(gè)工作日內(nèi)聯(lián)系你,一經(jīng)查實(shí),本站將立刻刪除涉嫌侵權(quán)內(nèi)容。
WEB前端開(kāi)發(fā)經(jīng)驗(yàn)總結(jié)
ASP.NET前端開(kāi)發(fā)經(jīng)驗(yàn)總結(jié) 通過(guò)此次大作業(yè)的設(shè)計(jì)到完成,我負(fù)責(zé)的是web前端的開(kāi)發(fā),經(jīng)過(guò)此次作業(yè)和結(jié)合W3C上的自學(xué),我漸漸有了一些對(duì)前端開(kāi)發(fā)的小小經(jīng)驗(yàn)(僅為個(gè)人意見(jiàn))。 WEB標(biāo)準(zhǔn)是......
最新web前端學(xué)習(xí)路線
最新web前端的學(xué)習(xí)路線 程序設(shè)計(jì)之道無(wú)遠(yuǎn)弗屆,御晨風(fēng)而返?!?杰佛瑞 · 詹姆士 很多前端初學(xué)者總會(huì)問(wèn)以下兩個(gè)問(wèn)題: 第一種一直在問(wèn):如何學(xué)習(xí)前端? 第二種總說(shuō):前端很簡(jiǎn)單......
web前端面試總結(jié)
1. 常用那幾種瀏覽器測(cè)試?有哪些內(nèi)核(Layout Engine)? (Q1) 瀏覽器:IE,Chrome,F(xiàn)ireFox,Safari,Opera。 (Q2) 內(nèi)核:Trident,Gecko,Presto,Webkit。 2. 說(shuō)下行內(nèi)元素和塊級(jí)元素的區(qū)別?行......
web前端培訓(xùn)學(xué)習(xí)心得
華清遠(yuǎn)見(jiàn)Web全棧培訓(xùn)官網(wǎng):html5.3g-edu.org Web前端培訓(xùn)學(xué)習(xí)心得 目前web前端最火的莫過(guò)于html5了,HTML指的是超文本標(biāo)記語(yǔ)言(Hyper Text Markup Language),標(biāo)記語(yǔ)言是一套標(biāo)記......
Web前端代碼規(guī)范
龍圖教育,全球游戲50強(qiáng)教育品牌004km.cn Web前端代碼規(guī)范 此項(xiàng)目用于記錄規(guī)范的、高可維護(hù)性的前端代碼,這是通過(guò)分析 Github 眾多前端代碼庫(kù),總結(jié)出來(lái)的前端代碼書(shū)......
WEB前端開(kāi)發(fā)經(jīng)驗(yàn)總結(jié)
WEB前端開(kāi)發(fā)經(jīng)驗(yàn)總結(jié) 發(fā)布時(shí)間:2009-04-20 09:05:33來(lái)源:作者:shengman點(diǎn)擊:21015 這里跟大家談?wù)剛€(gè)人對(duì)WEB前端開(kāi)發(fā)的一些經(jīng)驗(yàn)(當(dāng)然都是個(gè)人的一些理解,有什么地方說(shuō)的欠妥或不對(duì)......
web前端個(gè)人簡(jiǎn)歷(5篇)
簡(jiǎn)歷(英語(yǔ):resume),顧名思義,就是對(duì)個(gè)人學(xué)歷、經(jīng)歷、特長(zhǎng)、愛(ài)好及其它有關(guān)情況所作的簡(jiǎn)明扼要的書(shū)面介紹。web前端個(gè)人簡(jiǎn)歷模板怎么寫(xiě)?相信很多人都想知道吧?以下是小編為您整理的w......
web前端應(yīng)聘自我介紹(五篇)
web前端應(yīng)聘自我介紹來(lái)到一個(gè)完全陌生的環(huán)境,可能需要我們進(jìn)行自我介紹,自我介紹是人與人進(jìn)行溝通的出發(fā)點(diǎn)。怎么寫(xiě)自我介紹才能避免踩雷呢?下面是小編收集整理的web前端應(yīng)聘自......