web前端教程《每日一題》（1-99）完結

第1期（2016年4月6日）：

（1）js中關閉當前窗口的方法是：window.close();

第2期（2016年4月7日）：

（1）js中使字符串中的字符變爲小寫的方法是：toLowerCase方法；

例如："TEST".toLowerCase();運行結果："test"。

第3期（2016年4月8日）：

（1）在js中，讓瀏覽器彈出確認框的語句是：confirm；

例如：window.confirm("我就是確認框");運行結果是瀏覽器彈出信息確認框，點擊肯定，返回true,反之返回false。

---

第4期（2016年4月11日）：

（1）把7.25四捨五入爲最接近的整數的方式是：Math.round()；

Math.round()執行標準舍入，即它老是將數值四捨五入爲最接近的整數。

第5期（2016年4月12日）：

（1）在html5中，實現輸入框佔位符的屬性是：placeholder屬性；

它提供可描述輸入字段預期值的提示信息，該提示會在輸入字段爲空時顯示，並會在字段得到焦點時消失。

第6期（2016年4月13日）：

（1）在css3中，可以實現背景裁剪的新特性是：background-clip;

background-clip屬性規定背景的繪製區域。它對應的值有3個：border-box（背景被裁剪到邊框盒）、padding-box（背景被裁剪到內邊距框）、content-box（背景被裁剪到內容框）。

第7期（2016年4月14日）：

（1）在html5的新特性中，擁有多種繪製路徑、矩形、圓形、字符以及添加圖像的方法，結合javaScript實現繪製圖像的元素是：canvas;

注意：canvas元素自己是沒有繪圖能力的。全部的繪製工做必須在javaScript內部完成。

第8-9期（2016年4月15日）：

（1）javaScript語句，var a=10,b=20;alert("a+b="+a+b);執行結果是在瀏覽器窗口彈出：a+b=1020;

在js中，字符串與數字相加，數字會被強制轉換成字符串類型，再進行相加，也就是變成兩個字符串的連接，因此結果是字符串"a+b="+"10"+"20"="a+b=1020"。

（2）var a=5,b=6;alert(a+b+"10");執行結果是在瀏覽器窗口彈出：1110。

本題中先進行的是數字5與數字6的相加操做，獲得的結果是11，再進行數字11與字符串'10'的相加，此時數字11會被轉換成字符串'11'，再進行兩個字符串的鏈接，因此結果是1110。

第10-13期（2016年4月16日）：

（1）在html5新特性中，用於定義文檔頁腳的標籤是：footer。

<footer>標籤訂義document的頁腳。

（2）在css3中，實現給元素添加圓角邊框的屬性是：border-radius。

border-radius屬性十分經常使用，讓過去切圖才能實現圓角邊框，如今只要一句css代碼便可實現，而且對瀏覽器兼容性也很友好。

（3）javaScript由三部分組成，分別是：ECMAScript，BOM和DOM。

文檔對象模型（DOM）描述了處理網頁內容的方法和接口。

（4）在jQuery中，實現動畫的函數是：animate()函數。

animate()方法經過css樣式將元素從一個狀態改變爲另外一個狀態。css屬性值是逐漸改變的，這樣就能夠建立動畫效果。

---

第14-17期（2016年4月18日）：

（1）在css中，可以使文本水平居中的css屬性是：text-align。

text-align屬性，當其值爲center的時候，文本內容就會水平居中；它的值還有多是：left（居左），right（居右），justify（實現兩端對齊文本效果），inherit（繼承父元素的text-align屬性值）。

（2）在html中的a標籤中，實如今新窗口中打開連接的標籤屬性是：target屬性。

target屬性當它的值爲_blank的時候就會實如今新窗口中打開，它的值還能夠是：_self（當前窗口中打開），_parent(父frame中打開），_top（整個窗口中打開）。

（3）var a=999;  a++;  alert(++a);  請問執行後彈出的結果是：1001；

執行a++後的結果是1000，而後執行++a，獲得的結果是1001，再執行alert()函數，因此彈出的結果是1001。

（4）var a=888;  ++a;  alert(a++);  運行後彈出的結果是:889。

執行到++a後的結果是889，alert(a++)的時候，先執行彈出，再執行a++，因此彈出的是889，而不是900。

第18-20期（2016年4月19日）：

（1）在img標籤中，當圖像加載失敗，會用替換文原本顯示相關信息，那麼，定義替換文本的屬性是：alt。

alt屬性，用來爲圖像定義一串預備的可替換的文本。替換文本屬性的值是用戶定義的。

（2）在CSS3中，實現文本陰影效果的新屬性是：text-shadow；

咱們可以規定水平陰影、垂直陰影、模糊距離，以及陰影的顏色。

（3）在html標籤中，定義最小的標題的是：<h6>標籤。

<h1> 定義最大的標題。<h6> 定義最小的標題。

第21-23期（2016年4月20日）：

（1）用於播放 HTML5 音頻文件的元素是：<audio>元素。

<audio>元素，還能夠經過它的屬性，來控制音頻的自動播放，循環播放，暫停等操做。

（2）var a;    alert(a);   執行後彈出的結果是：undefined。

若是變量經過var聲明，可是並未初始化的時候，變量的值爲undefined。

（3）在jquery中，想要移除指定的DOM節點元素，使用的方法是：remove()函數。

remove()函數，該方法移除被選元素，包括全部文本和子節點。

第24-27期（2016年4月21日）：

（1）在ECMAScript6中，定義一個變量只在所處的代碼塊起做用的關鍵字是：let。

關鍵字let，ES6 新增了 let 命令，用來聲明變量。它的用法相似於 var，可是所聲明的變量，只在 let 命令所在的代碼塊內有效。

（2）console.log(typeof null);  運行的結果是在控制檯輸出：object。

輸出object；在javascript中，null值表示一個空對象指針，而這正是使用typeof操做符檢測null值時會返回「object」的緣由。

（3）console.log(typeof  "3");  運行的結果是在控制套輸出：string。

由於"3"就是一個字符串String類型。

（4）console.log(typeof +'3');  運行結果是：number類型。

number 類型用於應該包含數值的輸入域，您還可以設定對所接受的數字的限定。

第28-30期（2016年4月22日）：

（1）在 HTML5 中，哪一個元素用於組合標題元素：<hgroup>。

<hgroup>元素，用於對網頁或區段的標題進行組合。

（2）在HTML5中，哪一個屬性用於規定輸入字段是必填的：required。

required屬性規定必需在提交以前填寫輸入字段。若是使用該屬性，則字段是必填的。

（3）哪一種輸入類型定義滑塊控件：range。

range定義帶有 slider 控件的數字字段。

---

第31-34期（2016年4月25日）：

（1）在html5中，實現元素可拖動的標籤屬性是：draggable屬性。

爲了使元素可拖動，能夠把 draggable 屬性設置爲 true。

（2）在html5中，實現本地存儲，且存儲數據不受時間限制的方式是：localStorage存儲。

使用localStorage能夠簡單地記錄當前客戶端用戶對網站的訪問次數。

（3）在html5中，用於定義頁面內容以外的內容標籤是：<aside>標籤。

<aside>標籤，定義其所處內容以外的內容，aside 的內容應該與附近的內容相關。好比：可用做文章的側欄。

（4）在html5中，用於描述文檔或文檔某個部分的細節的新標籤是：<details>標籤。

<details>標籤，不過，目前只有chrome和safari瀏覽器支持此元素。

第35-38期（2016年4月26日）：

（1）在CSS3中，能夠規定背景圖片的定位區域的屬性是：background-origin。

background-origin屬性，它的值能夠是： content-box、padding-box 或 border-box 。

（2）單詞太長的話就超出某個區域，在CSS3中，實現文本強制文本進行換行的屬性是：word-wrap。

word-wrap屬性，當它的值等於break-word的時候，就能夠實現文本強制換行，能夠對單個單詞進行拆分。

（3）在CSS中，用於定義單詞間距的屬性是：word-spacing。

word-spacing屬性，它能夠增長或減小單詞間的空白。

（4）在CSS中，規定文本段落首行的縮進的屬性是：text-indent。

text-indent屬性，若是要實現首行空兩個字符的話，text-indent:2em便可。

第39-42期（2016年4月27日）：

（1）在js中，'1555'+3的運行結果是：'15553';

字符串與數字相加，數字會被轉換成字符串，最後變成兩個字符串拼接。

（2）在javaScript中，'1205'-3的運行結果是：1202；

字符串與數字相減，字符串會被轉換成數字再相減，等到的結果是1202.

（3）在js中，if([] instanceof Array){alert("yes")}else{alert("no")};的運行結果是彈出：yes。

經過字面量方式建立的數組對象是屬於Array類的一個實例，因此返回true，故彈出「yes」。

（4）在js中，if([] instanceof Object){alert("hello")}else{alert("world")};的運行結果是彈出：hello。

經過字面量方式建立的數組對象是屬於Array類的一個實例，因此返回true，故彈出「yes」。

第43-45期（2016年4月28日）：

（1）console.log('hello'+(1<2?)'world':'me');運行後的結果是在控制檯輸出：world。

由於+操做符的優先級高於三元操做符，執行順序分別是：(1<2)獲得true，而後'hello'+true='hellotrue'，最後進行三元操做符，獲得'world'。

（2）在html5中，用於定義導航連接的新元素是：nav。

<nav>標籤，它是HTML5中的心標籤。定義導航連接的部分。

（3）在HTML5 Geolocation API，實現獲取用戶位置的方法是：getCurrentPosition()。

注意：鑑於getCurrentPosition()方法的特性可能侵犯用戶的隱私，除非用戶贊成，不然用戶位置信息是不可用的。

第46-48期（2016年4月29日）：

（1）在html5中，input元素用於定義數值的輸入與的屬性是：required屬性。

required屬性，屬性規定必須在提交以前填寫輸入字段。若是使用該屬性，則字段是必填的。

（2）在html5中，定義選取時間（小時和分鐘）的類型是：time類型。

type="time"，如今大部分瀏覽器都支持此屬性值。

（3）在html5中，input元素中定義郵件的輸入域類型的是：email類型。

在提交表單時，會自動驗證 email 域的值。

---

第49-51期（2016年5月4日）：

（1）var a = [33, 2, 123]; console.log(a.sort());運行後輸出的結果是：[123, 2, 33]。

當不帶參數調用sort()時，數組元素以字母表順序排序輸出。

（2）var a = [1, 2, 3]; console.log(a.join());運行後的結果是輸出：1,2,3。

數組的操做方法join是用來將數組中全部元素都轉化爲字符串並鏈接在一塊兒，返回最後生成的字符串的。不指定分隔符，默認的是逗號分隔。因此是：1,2,3。

（3）與上一期稍有不一樣，var a = [1, 2, 3];console.log(a.join("-"));運行後輸出的結果是：1-2-3。

與上一題同樣，可是這一題輸出語句指定空格爲「-」，因此輸出：1-2-3。

第52-54期（2016年5月5日）：

（1）代碼運行的結果輸出：前端教程。

var str1=str2="web";
(function(){
    var str1=str2="前端教程";
})()
console.log(str2);
雖然str2是匿名函數內部，可是並無被var定義，因此會往上一級去尋找，找到並從新賦值成「前端教程」。

（2）代碼運行的結果輸出：web。

var str1=str2="web";
(function(){
    var str1=str2="前端教程";
})()
console.log(str1);
代碼中有兩個str1，可是他們的都用var定義，處在不一樣的做用域，不會被覆蓋，因此輸出的str1是同一個做用域下的str1，因此是：「web」。

（3）代碼運行的結果輸出：課堂。

var str1=str2="web";
(function(){
    var str1=str2="課堂";
    console.log(str2);
})()
由於str2沒有被var定義，因此找到上一級的做用域下的str2，並把它的值覆蓋了，因此輸出的str2是「課堂」。

第55-56期（2016年5月6日）：

（1）代碼運行的結果輸出：css3。

if(10>9>8==true){
    console.log("html5");
}else{
    console.log("css3");
}
先比較10和9，10 > 9是成立的，此時返回的是true。true和8進行比較運算，此時會出現數據類型的轉換，true會轉換成數字1，再與8進行比較，1天然是小於8的，所以此處返回的是false。最後比較false和true，這二者天然是不等的，執行else裏面的語句，輸出：css3。

（2）代碼運行的結果輸出：second。

var obj={};
obj.name="first";
var peo=obj;
peo.name="second";
console.log(obj.name);
關於變量類型，分爲了兩大類，一種是引用類型，一種是值類型，值類型至關因而從新建立了一個空間，而後將內容複製了一份放置到了空間當中。引用類型至關因而從新建立了一份地址，兩個地址（obj和peo）都是指向一個存儲空間的，那麼此時修改任意一個都會對另外一個形成影響。

---

第57-59期（2016年5月9日）：

（1）在DOM對象中，獲取元素的開始和結束標籤之間的 HTML的屬性是：innerHTML屬性。

該屬性能夠設置或返回元素之間的 HTML。

（2）在DOM對象中，可返回帶有指定標籤名的對象集合的方法是：getElementsByTagName()。

getElementsByTagName()，返回元素的順序也是是它們在文檔中的順序。

（3）在DOM對象中，能夠設置元素屬性的方法是setAttribute() 方法。

該方法添加指定的屬性，併爲其賦指定的值。若是這個指定的屬性已存在，則僅設置/更改值。

第60-62期（2016年5月10日）：

（1）在DOM對象中，實現建立元素節點的方法是：appendChild()方法。

此方法向節點添加最後一個子節點。

（2）在DOM對象中，實現把新的節點添加到指定節點的方法是：createElement()方法。

用於建立一個指定元素，全部主要瀏覽器都支持此方法。

（3）在DOM對象中，實現刪除子節點的方法是：removeChild()方法。

此方法指定元素的某個指定的子節點。以 Node 對象返回被刪除的節點，若是節點不存在則返回 null。

第63-65期（2016年5月11日）：

（ps：第63期答案：Navigator對象；第64期答案：Screen對象；第65期答案：Location對象;）
（1）在BOM對象中，可以獲取瀏覽器信息的對象是：Navigator對象。

Navigator 對象包含有關瀏覽器的信息，全部瀏覽器都支持該對象。

（2）在BOM對象中，能獲取客戶端顯示屏的信息的對象是：Screen對象。

Screen 對象包含有關客戶端顯示屏幕的信息。

（3）在BOM對象中，能獲取瀏覽器當前URL信息的對象是：Location對象。

Location 對象是 Window 對象的一個部分，可經過 window.location 屬性來訪問。

第66-68期（2016年5月12日）：

（1）在JavaScript數組中，實現向數組末尾添加一個元素的方法是：push()。

此方法可向數組的末尾添加一個或多個元素，並返回新的長度。

（2）在JavaScript數組中，實現對數組的元素進行排序的方法是：sort()。

注意，數組在原數組上進行排序，不生成副本。

（3）在JavsScript數組中，實現把數組的元素轉成字符串，而且用指定的字符分隔開，默認是逗號的方法是：join()。

此方法返回一個字符串。該字符串是經過把數組的每一個元素轉換爲字符串，而後把這些字符串鏈接起來。

第69-71期（2016年5月13日）：

（1）在事件對象中，表示對象被雙擊時發生的事件：ondblclick。

ondblclick 事件會在對象被雙擊時發生。

（2）在事件對象中，當對象失去焦點時會發生的事件是：onblur。

onblur 事件會在對象失去焦點時發生，經常使用在輸入域裏面。

（3）在事件對象中，當在域的內容發生改變的時候會觸發的事件是：onchange。

onchange 事件會在域的內容改變時發生。經常使用在輸入域，下拉選擇，單選多選組件中。

---

第72-74期（2016年5月16日）：

（1）在事件對象中，表示監聽鍵盤按鍵鬆開的是事件是：onkeyup事件。

onkeyup 事件會在鍵盤按鍵被鬆開時發生。

（2）在事件對象中，表示網頁被加載完成的事件是：onload事件。

onload 事件會在頁面或圖像加載完成後當即發生。

（3）在事件對象中，監聽鼠標移動的事件是：onmousemove事件。

每當用戶把鼠標移動一個像素，就會發生一個 mousemove 事件。

第75-77期（2016年5月17日）：

（1）代碼：console.log([] + [] + "foo".split("")); 運行後，控制檯輸出的結果是：f,o,o。

在[] + []的運算過程當中，因爲使用到了+號，兩個數組對象均調用了本身自帶的toString()方法，將[]轉換成了字符串，兩個字符串相加仍是一個字符串。"foo".split("")，將字符串分割成字符串數組，爲["f", "o", "o"]。最後一步，"" + ["f", "o", "o"]，這時候 + 左側是字符串，右側是數組對象，數組對象依舊會調用自身的原型方法，將數組轉換爲字符串。

（2）在HTML5的鼠標事件中，監聽元素被拖動的事件是：ondrag。
（3）在html5的新事件中，當瀏覽器窗口被調整大小的時候會觸發的事件是：onresize事件。

在製做響應式的頁面時候十分有用。

第78-80期（2016年5月18日）：

（1）在input元素中，若是是隱藏域類型，type的值是：type="hidden"。

這種類型的輸入元素其實是隱藏的。這個不可見的表單元素的 value 屬性保存了一個要提交給 Web 服務器的任意字符串。

（2）在css中，表示鼠標懸浮在a標籤上方的僞類是：hover。

hover僞類，經常使用於修改連接文字的樣式。

（3）在css中，實現把元素設置爲固定定位，position的值應該是：fixed。

固定定位後，元素相對瀏覽器窗口來定位，在移動端佈局十分經常使用。

第81-83期（2016年5月19日）：

（1）在W3C標準中，實現元素半透明的css屬性是：opacity。

opacity 屬性可以設置的值從 0.0 到 1.0。值越小，越透明。

（2）css盒子模型包括了：內容，邊框，內邊距和__外邊距margin__。

咱們能夠把這4個屬性轉移到咱們平常生活中的盒子（箱子）上來理解，平常生活中所見的盒子也就是能裝東西的一種箱子，也具備這些屬性，因此叫它盒子模式。

（3）若是要去除a標籤下面的默認下劃線，能夠給a標籤添加css屬性text-decoration，並把值設置爲：none。

text-decoration 屬性大多用於去掉連接中的下劃線。

第84-86期（2016年5月20日）：

（1）在css屬性中，規定字體的粗細的屬性是：font-weight。

font-weight默認值：normal。

（2）在css屬性中，設置元素的最大寬度的屬性是：max-width。

該屬性值會對元素的寬度設置一個最高限制。所以，元素能夠比指定值窄，但不能比其寬。不容許指定負值。

（3）在css屬性中，用於清除元素浮動效果的屬性是：clear。

屬性值能夠是：left（清除左浮動）、right（清除右浮動） 、both（清除左右浮動）、none（取消清除）、inherit（繼承父元素的clear值）。

---

第87-89期（2016年5月23日）：

（1）在html的input元素中，用於表單文件上傳的類型是：file。
（2）在javascript字符串對象中，用於定位字符串中某一個指定的字符首次出現的位置的方法是：indexOf()方法。

若是指定字符串存在，就返回它首次出現的位置，反之返回：-1。

（3）在字符串String對象中，實現字符串替換的方法是：replace()方法。

使用此方法在字符串中用某些字符替換另外一些字符。

第90-92期（2016年5月24日）：

（1）在JavaScript Number對象中，能夠把數字四捨五入爲指定的數字的方法是：toFixed()方法。

能夠傳入一個參數做爲規定小數的位數，是 0 ~ 20 之間的值。

（2）在JavaScript Date對象中，可以獲取今天是星期幾的方法是：getDay()方法。
（3）在JavaScript Math對象中，實現生成一個0~1之間的隨機數的方法是：Math.random()。

第93-95期（2016年5月25日）：

（1）在javascript的全局函數中， 把字符串做爲腳本代碼來執行的方法是：eval( ) 。

eval() 函數計算 JavaScript 字符串，並把它做爲腳本代碼來執行。若是參數是一個表達式，eval() 函數將執行表達式。

（2）在javascript全局函數中，解析一個字符串並返回一個整數的方法是：parseInt()。

parseInt() 函數可解析一個字符串，並返回一個整數。注意： 只有字符串中的第一個數字會被返回。

（3）在JavaScript 全局函數中，檢測某個值是不是數字的函數是：isNaN()。

若是參數值爲 NaN 或字符串、對象、undefined等非數字值則返回 true, 不然返回 false。

第96-99期（2016年5月26日）：

（1）在JavaScript 算術運算符中，表明求餘數的運算法是：% 運算法。
（2） 在JavaScript 算術運算符，表示自增的運算法是： ++ 運算符。
（3）在JavaScript 比較運算符，表示恆等於（值和類型均相等）的運算符是： === 運算符。
（4）在JavaScript 比較運算符中，表示值與類型均不等（不恆等於）的運算符是：！== 運算符。
（5）var a=999; a++; alert(++a); 請問執行後彈出的結果是：1001。

執行a++後的結果是1000，而後執行++a，獲得的結果是1001，再執行alert()函數，因此結果是1001。

----------------------------（1-99）完結-----------------------------備註：本人整理，題目來自微信訂閱號webjiaocheng