『壹』 什麼是BD留置針
BD留置針，注射穿刺器械，合理固定留置針，用透明敷貼固定留置針的前端針管攔掘攔，Y型口及部分延長管，然後用自製的頭套、小夾板固定散爛留置針，避免抓脫及折管現象發生。液體輸完後要採用正確封管方法，避免靜脈血迴流導致簡胡阻塞導管。
『貳』 經典的 Web 前端或者 JavaScript 面試筆試題有哪些
一、不定項選擇題 （每題3分，共30分）
1. 聲明一個對象，給它加上name屬性和show方法顯示其name值，以下代碼中正確的是（ D ）
A. var obj = [name:"zhangsan",show:function(){alert(name);}];
B. var obj = {name:」zhangsan」,show:」alert(this.name)」};
C. var obj = {name:」zhangsan」,show:function(){alert(name);}};
D. var obj = {name:」zhangsan」,show:function(){alert(this.name);}};
2. 以下關於Array數組對象的說法不正確的是（ CD ）
A. 對數組里數據的排序可以用sort函數，如果排序效果非預期，可以給sort函數加一個排序函數的參數
B. reverse用於對數組數據的倒序排列
C. 向數組的最後位置加一個新元素，可以用pop方法
D. unshift方法用於向數組刪除第一個元素
3. 要將頁面的狀態欄中顯示「已經選中該文本框」，下列JavaScript語句正確的是（ A ）
A. window.status=」已經選中該文本框」
B. document.status=」已經選中該文本框」
C. window.screen=」已經選中該文本框」
D. document.screen=」已經選中該文本框」
4. 點擊頁面的按鈕，使之打開一個新窗口，載入一個網頁，以下JavaScript代碼中可行的是（ AD ）
A. <input type=」button」 value=」new」
onclick=」open(『new.html』, 『_blank』)」/>
B. <input type=」button」 value=」new」
onclick=」window.location=』new.html』;」/>
C. <input type=」button」 value=」new」
onclick=」location.assign(『new.html』);」/>
D. <form target=」_blank」action=」new.html」>
<inputtype=」submit」 value=」new」/>
</form>
5. 使用JavaScript向網頁中輸出<h1>hello</h1>，以下代碼中可行的是（ BD ）
A. <scripttype=」text/javascript」>
document.write(<h1>hello</h1>);
</script>
B. <scripttype=」text/javascript」>
document.write(「<h1>hello</h1>」);
</script>
C. <scripttype=」text/javascript」>
<h1>hello</h1>
</script>
D. <h1>
<scripttype=」text/javascript」>
document.write(「hello」);
</script>
</h1>
6. 分析下面的代碼：
<html>
<head>
<script type=」text/javascript」>
function writeIt (value) { document.myfm.first_text.value=value;}
</script>
</head>
<body bgcolor=」#ffffff」>
<form name=」myfm」>
<input type=」text」 name=」first_text」>
<input type=」text」 name=」second_text」>
</form>
</body>
</html>
以下說法中正確的是（ CD ）
A. 在頁面的第二個文本框中輸入內容後，當滑鼠離開第二個文本框時，第一個文本框的內容不變
B. 在頁面的第一個文本框中輸入內容後，當滑鼠離開第一個文本框時，將在第二個文本框中復制第一個文本框的內容
C. 在頁面的第二個文本框中輸入內容後，當滑鼠離開第二個文本框時，將在第一個文本框中復制第二個文本框的內容
D. 在頁面的第一個文本框中輸入內容後，當滑鼠離開第一個文本框時，第二個文本框的內容不變
7. 下面的JavaScript語句中，（ D ）實現檢索當前頁面中的表單元素中的所有文本框，並將它們全部清空
A. for(vari=0;i< form1.elements.length;i++) {
if(form1.elements.type==」text」)
form1.elements.value=」";}
B. for(vari=0;i<document.forms.length;i++) {
if(forms[0].elements.type==」text」)
forms[0].elements.value=」";
}
C. if(document.form.elements.type==」text」)
form.elements.value=」";
D. for(vari=0;i<document.forms.length; i++){
for(var j=0;j<document.forms.elements.length; j++){
if(document.forms.elements[j].type==」text」)
document.forms.elements[j].value=」";
}
}
8. 在表單(form1)中有一個文本框元素(fname)，用於輸入電話號碼，格式如：010-82668155，要求前3位是010，緊接一個「-」，後面是8位數字。要求在提交表單時，根據上述條件驗證該文本框中輸入內容的有效性，下列語句中，（ A ）能正確實現以上功能
A. var str= form1.fname.value;
if(str.substr(0,4)!=」010-」|| str.substr(4).length!=8 ||
isNaN(parseFloat(str.substr(4))))
alert(「無效的電話號碼！」);
B. var str= form1.fname.value;
if(str.substr(0,4)!=」010-」 && str.substr(4).length!=8 &&
isNaN(parseFloat(str.substr(4))))
alert(「無效的電話號碼！」);
C. var str= form1.fname.value;
if(str.substr(0,3)!=」010-」|| str.substr(3).length!=8 ||
isNaN(parseFloat(str.substr(3))))
alert(「無效的電話號碼！」);
D. var str= form1.fname.value;
if(str.substr(0,4)!=」010-」&& str.substr(4).length!=8 &&
!isNaN(parseFloat(str.substr(4))))
alert(「無效的電話號碼！」);
9. 關於正則表達式聲明6位數字的郵編，以下代碼正確的是（ C ）
A. var reg = /\d6/;
B. var reg = \d{6}\;
C. var reg = /\d{6}/;
D. var reg = new RegExp(「\d{6}」);
10. 關於JavaScript里的xml處理，以下說明正確的是（ BCD ）
A. Xml是種可擴展標記語言，格式更規范，是作為未來html的替代
B. Xml一般用於傳輸和存儲數據，是對html的補充，兩者的目的不同
C. 在JavaScript里解析和處理xml數據時，因為瀏覽器的不同，其做法也不同
D. 在IE瀏覽器里處理xml，首先需要創建ActiveXObject對象
二、問答題
1. 列舉瀏覽器對象模型BOM里常用的至少4個對象，並列舉window對象的常用方法至少5個 （10分）
對象：Window document location screen history navigator
方法：Alert() confirm() prompt() open() close()
2. 簡述列舉文檔對象模型DOM里document的常用的查找訪問節點的方法並做簡單說明 （10分）
Document.getElementById 根據元素id查找元素
Document.getElementByName 根據元素name查找元素
Document.getElementTagName 根據指定的元素名查找元素
三、程序題
1、補充按鈕事件的函數，確認用戶是否退出當前頁面，確認之後關閉窗口； （10分）
<html>
<head>
<script type=」text/javascript」 >
function closeWin(){
//在此處添加代碼
if(confirm(「確定要退出嗎？」)){
window.close();
}
}
</script>
</head>
<body>
<input type=」button」value=」關閉窗口」onclick=」closeWin()」/>
</body>
</html>
2、寫出簡單描述html標簽（不帶屬性的開始標簽和結束標簽）的正則表達式，並將以下字元串中的html標簽去除掉（15分）
var str = 「<div>這里是div<p>裡面的段落</p></div>」;
//
<scripttype=」text/javascript」>
varreg = /<\/?\w+\/?>/gi;
varstr = 「<div>這里是div<p>裡面的段落</p></div>」;
alert(str.replace(reg,」"));
</script>
3、完成foo()函數的內容，要求能夠彈出對話框提示當前選中的是第幾個單選框。（10分）
<html>
<head>
<metahttp-equiv=」Content-Type」 content=」text/html;charset=utf-8″ />
</head>
<body>
<script type=」text/javascript」 >
function foo() {
//在此處添加代碼
var rdo =document.form1.radioGroup;
for(var i =0 ;i<rdo.length;i++){
if(rdo.checked){
alert(「您選擇的是第」+(i+1)+」個單選框」);
}
}
}
</script>
<body>
<form name=」form1″ >
<input type=」radio」 name=」radioGroup」/>
<input type=」radio」 name=」radioGroup」/>
<input type=」radio」 name=」radioGroup」/>
<input type=」radio」 name=」radioGroup」/>
<input type=」submit」/>
</form>
</body>
</html>
4、完成函數showImg()，要求能夠動態根據下拉列表的選項變化，更新圖片的顯示 （15分）
<body>
<script type=」text/javascript」 >
function showImg (oSel) {
//在此處添加代碼
var str = oSel.value;
document.getElementById(「pic」).src= str+」.jpg」;
}
</script>
<img id=」pic」src=」img1.jpg」width=」200″ height=」200″ />
<br />
<select id=」sel」>
<option value=」img1「>城市生活</option>
<option value=」img2「>都市早報</option>
<option value=」img3「>青山綠水</option>
</select></body>
『叄』 前端js的三種解碼方式
** 只有 0-9[a-Z] $ - _ . + ! * ' ( ) , 以及某些保留字，才能不經過編碼直接用於 URL。
***例如：搜索的中文關鍵字，復制網址之後再粘貼就會發現該URL已經被轉碼。
1) escape 和 unescape
原理：對除ASCII字母、數字、標點符號 @ * _ + - . / 以外的其他字元進行編碼。
編碼:
eg:escape('http://www..com?name=zhang@xiao@jie&order= 你好')
res:"http%3A//www..com%3Fname%3Dzhang@xiao@jie%26order%3D%u4F60%u597D"
解碼：
eg:unescape("http%3A//www..com%3Fname%3Dzhang@xiao@jie%26order%3D%u4F60%u597D")
res:" http://www..com?name=zhang@xiao@jie&order= 你好"
2) encodeURI 和 decodeURI
原理：返回編碼為有效的統一資源標識符 (URI) 的字元串，不會被編碼的字元：! @ # $ & * ( ) = : / ; ? + '
encodeURI()是Javascript中真正用來對URL編碼的函數。
編碼：
eg:encodeURI('http://www..com?name=zhang@xiao@jie&order= 你好')
res:" http://www..com?name=zhang@xiao@jie&order=%E4%BD%A0%E5%A5%BD "
解碼：
eg:decodeURI(" http://www..com?name=zhang@xiao@jie&order=%E4%BD%A0%E5%A5%BD ")
res:" http://www..com?name=zhang@xiao@jie&order= 你好"
3) encodeURIComponent 和 decodeURIComponent
原理：對URL的組成部分進行個別編碼，而不用於對整個URL進行編碼
編碼：
eg:encodeURIComponent('http://www..com?name=zhang@xiao@jie&order=1')
res:"http%3A%2F% 2Fwww..com%3Fname%3Dzhang%40xiao%40jie%26order%3D1 "
解碼：
eg:decodeURIComponent("http%3A%2F% 2Fwww..com%3Fname%3Dzhang%40xiao%40jie%26order%3D1 ")
res:" http://www..com?name=zhang@xiao@jie&order=1 "
『肆』 web前端筆試題
1. 設置元素浮動後，該元素的 display 值是多少( A )
A.block B. 不變 C. inline D. inline-block
2. 以下不是 canvas 的⽅方法是( D )
A.getContext() B. fill() C. stroke() D.controller
3. 不是 input 在 html5 新的類型的是( B )
A.datetime B. file C. color D. range
4. 對權重排序正確的是( C )
a) .list .box p
b) #list .box div span
c) .list span
d) #list #box
e) p:last-child
f) style
A.f>d>b>a>c>e
C. f>d>b>a>c=e
B. f>d>b>a>e>c
D. f>b>d>a>c=e
5.對 document load 和 document ready 描述正確的是( B )
A.$(document).ready()是當頁⾯所有資源全部載入完成後，執
⾏⼀個函數
B.如果圖⽚資源較多載入時間較長，onload 後等待執⾏的函數
需要等待較長時間，所以⼀些效果可能受到影響
C.onload 是當 DOM ⽂檔樹載入完成後執⾏⼀個函數
D.⼀般來說 load 會比$(document).ready()較快執⾏
6.["1", "2", "3"].map(parseInt) 答案是多少( A )
A.[1, NaN, NaN] B. [1, 2, NaN]
C.[NaN, NaN, NaN] D. [1, NaN]
7.以下對 Ajax 描述不正確的是( A )
A.readyState 屬性請求的狀態，當值為 3 時是正在載入
B.使用 XML 和 XSLT 進⾏行數據交換及相關操作
C.總共有 8 種 callback
D.abort()⽅法，停⽌當前請求
8.var temp=null，alert(typeof temp)彈出的結果是( B )
A.Null B. Object C. Undefined D. String
1. 對XMLHttpRequest對象的open⽅方法描述錯誤的是(BCD)
A.在 IE 上使⽤的是 XMLHttpRequest 對象是 ActiveXObject
B.在 Firefox 上使用的是 XMLHttpRequest 對象是ActiveXObject
C.XMLHttpRequest 對象只能發送 get 請求
D.XMLHttpRequest 對象只能發送 post 請求
2. 以下哪些是 javascript 的全局函數(ABC)
A.parseFloat B. eval C. setTimeout D. alert
3. 對 http 相關內容描述正確的是(BCD)
A.301 狀態碼是臨時重定向
B.get ⽅方式只能⽀支持 ASCII 字元
C.get 在從伺服器上獲取資源，post 重點在向伺服器發送數據
D.HTTPS 就是 HTTP 加上加密處理理
4. 以下結果正確的是(CD)
A.typeof undefined= undefined 和 typeof null=null
B.typeof 「hello」==string typeof 0==Boolean
C.typeof [1,2,3]=object typeof NaN=undefined
D.typeof {name:「李華」，age:「23」}=object
5. 以下結果正確的是(AB)
A.zepto.js 適合移動端的開發，jQuery 適合 PC 端的開發
B.zepto.js 不支持 ie 瀏覽器器
C.vue 屬於 mvc 框架
D.v-bind 實現雙向綁定
6. 對 sass 描述錯誤的是(BD)
A.sass 和 scss 其實是同⼀一種東⻄，都稱之為 Sass
B.sass 可以聲明變量符號為&
C.sass 最終都將轉換成 css ⽂件才被引⽤
D. sass 不可以擴展和繼承
1. ⽗級⾼寬固定，子級⽔平垂直居中怎麼實現(請用 2 種 flex ⽅
法實現)?
2. 寫出⼀個簡單的$.ajax()的請求方式?
3. 假如移動端設備的尺寸是320px要實現每1rem=16px怎麼實
現?
4.使用 Javascript 列印出 1-10000 之間的所有對稱數(例如 121
1331 等)
5. angular 框架之間的通信⽅式是什麼，⾄少列出三種?
6. vue 的⽣命周期有⼏個階段，簡單說說它們的作用?
『伍』 互聯網工作有哪些職位
互聯網工作職位：電子商務員：
2年以上零售前端銷售經驗，具有電子商務銷售、直郵、直銷工作經驗或零售店面經驗者優先錄用；熟悉電子商務操作流程，辦公自動化軟體操作熟練；較強的客戶服務意識和溝通協調能力。
網路推簡孝廣員：負責公司業務的網上推廣和銷售；能熟練運用網路發布信息；性格開朗熱情，集體意識強；大專以上學歷攔稿稿。
網路營銷專員：精通搜索引擎網路推廣的原理和方法；熟悉互聯網營銷和促銷；熟悉互聯網、通訊類產品及服敬差務；熟悉項目策劃案和各類營銷文案的撰寫；溝通力強，思維活躍，思路全面，執行力強。
在線客服：英語6級以上水平，反應迅速，具有較強的英語讀寫能力。能熟練運用word，excel等辦公軟體，熟練運用MSN等網路交流工具。有2年以上網路游戲經驗，熟悉國外網游大作（魔獸世界，天堂2等）或資深玩家優先。具備強烈的客戶服務意識與工作心態，良好的溝通能力和表達能力，富有敬業精神、服務精神和團隊合作精神，從事過客戶服務工作及有工作經驗者優先。能夠適應日夜輪班工作，吃苦耐勞。應屆畢業宜可。
網路廣告銷售代表：思維敏捷、口齒伶俐、勤奮好學、上進心強、儀表大方，感染力強，具有出色的語言表達和溝通能力。優良的個人品德，工作態度積極勤奮，自覺的銷售意識，能承受較大的工作壓力。大專以上學歷，男女不限，有相關業務銷售經驗者優先。
市場BD:大學專科及以上學歷，計算機、企業管理、市場營銷等相關專業畢業。有一年以上IT行業市場推廣工作經驗，有豐富的網站資源，較強的品牌意識。具有良好的職業道德，具有良好的團隊合作精神。