2. 程式人生 > 其它 >前端基礎周測-04

前端基礎周測-04

阿新 • • 發佈：2022-04-10

一、單選題

  1. 下列哪一項是css正確的語法構成？ body:color=black {body;color:black} body {color: black;}   {body:color=black(body}   參考答案：C
 
 2. 下列哪個css屬性可以更改字型大小？   text-size ont-size text-style font-style    參考答案：B    
3. 如何去掉文字超級連結的下劃線？   a {text-decoration:no underline}  a {underline:none}  a {decoration:no underline}  a {text-decoration:none}   參考答案：D    
 4. 常用的網頁影象格式有()和() gif，tiff tiff，jpg gif，jpg tiff，png   參考答案：C    

==,===

5. 下面程式碼的輸出是什麼？

let a =666;

let b = new Number(666);

let c =666;

console.log(a==b);

console.log(a===b);

console.log(a===c);

true false true false false true true false false false true true
  參考答案：A   題目解析：
  • new Number() 是一個內建的函式構造器,是一個物件。
  • 當我們使用 == 操作符時，它只會檢查兩者是否擁有相同的值。因為它們的值都是 666，因此返回 true。
  • 然後，當我們使用 === 操作符時，兩者的值以及型別都應該是相同的。new Number() 是一個物件而不是 number，因此返回 false。
   

onChange,onFocus,onClick

6. 製作級聯選單功能時呼叫的是下拉列表框的（   ）事件   onChange onFocus selected onClick   參考答案：A 題目解析：
  • 這個布林屬性存在時表明這個選項是否一開始就被選中。如果 <option> 元素是 <select> 元素的子元素，並且 <select> 元素的 multiple 屬性沒有設定，則 <select> 元素中只有一個 <option> 元素可以擁有 selected 屬性。
  •  <select> 中的 multiple，這個布林值屬性表示列表中的選項是否支援多選。沒有宣告該值時，一次只能選中一個選項。宣告這個屬性後，大多數瀏覽器都會顯示一個可滾動的列表框，而非一個下拉選單。
  •  onChange：該事件在表單元素的內容改變時觸發( <input>, <keygen>, <select>, 和 <textarea>)。（表單事件）
  • onFocus：元素獲取焦點時觸發。（表單事件）
  • onClick：當用戶點選某個物件時呼叫的事件控制代碼。（滑鼠事件）
   
  

var,let,const

7. 下面程式碼的輸出是什麼？

function sayHi(){

console.log(name);

console.log(age);

var name =”Tom”;

let age=24;

}

Tom和 undefined Tom 和 ReferenceError ReferenceError 和 24 undefined 和 ReferenceError   參考答案：D 題目解析：

  • 在函式中，我們首先使用var關鍵字聲明瞭name變數

    變數在建立階段會被提升（javascript 會在建立變數階段為其分配記憶體空間）

    預設值為 undefined，

    實際執行到使用該變數的時候，還沒為name變數賦值，仍為undefined

  • let 關鍵字（和const）宣告的變數也會存在變數提升

    但與 var 不同，初始化沒有被提升，

    宣告（初始化）他們之前，他們是不可訪問的，“暫時死區”

    在變數宣告變數之前嘗試訪問變數時，會丟擲一個ReferenceError

　　

 

 

 關係型,關係數學模型,二維表

8. 關係型資料庫中的關係就是   表之間的關聯 二維表 資料庫之間的關聯 資料庫和表的聯絡   參考答案：B 知識點：關係型是以關係數學模型來表示的。關係數學模型中以二維表的形式來描述。 　　　　二維表就是由行列組成的，知道行號列號就可以確定一個表中的資料，這是二維表的特點。      
 9. MySql安裝後，預設佔用埠是   A、 3306 8066 8086 1503   參考答案：A         10. MySql安裝時我們為了更好的處理中文，一般選用的編碼是   Iso-8859-1 utf8 Latin1 Unicode   參考答案：B  

 

 modify,alter

11. 在Mysql中修改表結構的命令是 Modify table modify column modify column alter table   參考答案：D 知識點：
  • 一、功能不同
    • 1、modify：只能修改欄位的屬性。
    • 2、alter：除了修改欄位屬性外，還可以做增加刪除操作。
  • 二、語法不同
    • 1、modify：修改欄位名使用：ALTER TABLE [表名] MODIFY [列名] [資料型別]
    • 2、alter：資料庫SQL語言的修改語句，可以用來修改基本表，表示格式為：ALTER TABLE<表名>[改變方式]。 
  • 三、範圍不同
    • 1、modify：只是alter功能下的一個功能模組。
    • 2、alter：包括“ADD ”、“DROP ”、“CHANGE ”、“MODIFY ”四個功能模組。
   
   12. 下面關於檔案路徑的說法錯誤的是（ ） “../”是返回當前目錄的上一級目錄 “../”是返回當前目錄的下一級目錄 訪問下一級目錄直接輸入相應的目錄名即可 檔案路徑指檔案儲存的位置   參考答案：B      
 13. 下列選項中定義標題最合理的是( ) <span class="header">文章標題</span> <p><b>文章標題</b></p> <h2>標題</h2> <div>文章標題</div>   參考答案：C      

text-transform,text-align ,text-indent,text-decoration

14. 每段文字都需要首行縮排兩個字的距離，該設定什麼屬性（ ） text-transform text-align  text-indent text-decoration   參考答案：C 知識點：
  • text-transform 屬性指定如何將元素的文字大寫。它可以用於使文字顯示為全大寫或全小寫，也可單獨對每一個單詞進行操作。
  • text-align 屬性定義行內內容（例如文字）如何相對它的塊父元素對齊。text-align 並不控制塊元素自己的對齊，只控制它的行內內容的對齊。
  • text-indent 屬效能定義一個塊元素首行文字內容之前的縮排量。
  • text-decoration 這個 CSS 屬性是用於設定文字的修飾線外觀的（下劃線、上劃線、貫穿線/刪除線  或 閃爍）。
 

 

box-shadow

15. 關於box-shadow說法正確的是（ ） 設定文字投影 第一個值是設定水平距離的 第二個值是設定水平距離的 第三個值是設定投影顏色的   參考答案：B 知識點：
  • box-shadow 屬性用於在元素的框架上新增陰影效果。你可以在同一個元素上設定多個陰影效果，並用逗號將他們分隔開。
  • 屬性：陰影的X軸偏移量、Y軸偏移量、模糊半徑、擴散半徑和顏色
   
  

transform

16. 在HTML中，通過( )可以實現滑鼠懸停在div上時，元素執行旋轉45度效果 div:hover{transform:rotate(45deg)} div:hover{transform:tanslate(50px)} div:hover{transform:scale(1.5)} div:hover{transform:skew(45deg)};   參考答案：A 知識點：
  • transform屬性允許你旋轉，縮放，傾斜或平移給定元素。
    • rotate(angle) 定義 2D 旋轉，在引數中規定角度。
    • translate(x,y) 定義 2D 轉換（平移）。
    • scale(x,y) 定義 2D 縮放轉換。
    • skew(x-angle,y-angle) 定義沿著 X 和 Y 軸的 2D 傾斜轉換。

　　　　

 
  

instanceof,null,undefined,NaN

17. 請選擇結果為真的表示式（       ）       null instanceof Object null === undefined null == undefined NaN == NaN   參考答案：C 題目解析：
  • instanceof運算子，判斷其左邊物件是否為其右邊類的例項，返回boolean型別的資料。
  • undefined是一個表示"無"的原始值，轉為數值時為NaN；當宣告的變數還未被初始化時，變數的預設值為undefined。
    • 儘管null和undefined是不同的，但它們都表示“值的空缺”，兩者往往可以互換，因此==運算子認為兩者是相等的。
  • null用來表示尚未存在的物件，常用來表示函式企圖返回一個不存在的物件。
    • 使用type of 檢測null會被認為是object型別。但是實際上null不是object的例項。
    • instance of是用來檢測是不是原型鏈上的例項，null不是Object作為建構函式建立的，因此使用instance of返回false。

  • NaN不等於任何數，連本身也不等於。

 

 

indexOf()

18. 在JavaScript中，執行下面的程式碼後，num的值是( )

var str = "[email protected]";

var num = str.indexOf(".");

-1 0 4 13   參考答案：C 知識點：
  • indexOf() 方法可返回某個指定的字串值在字串中首次出現的位置。
  • 如果沒有找到匹配的字串則返回 -1。
  • 注意： indexOf() 方法區分大小寫。
       
 19. 閱讀下面的JavaScript程式碼，輸出結果是（ ）

function f(y) {

var x=y*y;

return x;

}

for(x=0;x< 5;x++) {

y=f(x);

document.writeln(y);

}

0 1 2 3 4 0 1 4 9 16 0 1 4 9 16 25 以上答案都不對   參考答案：B        

getDay(),getDate(),getTime(),getFullYear()

20. 在以下選項中，關於JavaScript的Date物件描述正確的是 getDay( )方法能返回Date物件的一個月中的一天，其值為1~31 getDate( )方法能返回Date物件的一週中的一天，其值為0~6 getTime( )方法能返回某一時刻(1970年1月1日)依賴的毫秒數 getYear( )方法只能返回4位年份，長用於獲取Date物件的年份   參考答案：C 知識點：

  • getDay() 方法可返回一週（0~6）的某一天的數字。注意： 星期天為 0, 星期一為 1

  • getDate() 方法可返回月份的某一天（1~31）。
  • getTime() 方法可返回距 1970 年 1 月 1 日之間的毫秒數。
  • getYear( )已廢棄。 請使用 getFullYear() 方法代替。
  • getFullYear() 方法可返回一個表示年份的 4 位數字。
     
  

二、多選題 （每題3分，共18分）

 

parseInt(),parseFloat(), isNaN()

1. 在JavaScript語法中，下列說法正確的是 parseInt(43.12)返回值為43 parseInt('abc43.12')返回值為NaN parseFloat('43.13abc')==parseInt(43.12) 返回true isNaN(parseFloat('45.13abc'))返回true   參考答案：A,B 知識點：
  • parseInt(string, radix) 函式可解析一個字串，並返回一個整數。
    • 如果 string 以 "0x" 開頭，parseInt() 會把 string 的其餘部分解析為十六進位制的整數。
    • 如果 string 以 0 開頭，那麼 ECMAScript v3 允許 parseInt() 的一個實現把其後的字元解析為八進位制或十六進位制的數字。
    • 如果 string 以 1 ~ 9 的數字開頭，parseInt() 將把它解析為十進位制的整數。

  • parseFloat() 函式可解析一個字串，並返回一個浮點數。

    • 該函式指定字串中的首個字元是否是數字。

    • 如果是，則對字串進行解析，直到到達數字的末端為止，然後以數字返回該數字，而不是作為字串。

    • 如果字串的第一個字元不能被轉換為數字，那麼 parseFloat() 會返回 NaN。　　
  • isNaN() 函式用於檢查其引數是否是非數字值。
    • 如果引數值為 NaN 或字串、物件、undefined等非數字值則返回 true, 否則返回 false。
         

Document 物件get相關方法

2. 下面哪些是JavaScript中document的方法？ getElementById getElementsById getElementsByTagName getElementsByName getElementsByClassName   參考答案：A,C,D,E

 

 

 

 

塊級元素，行內元素，內聯塊元素

3. 以下（ ）是塊級元素 div img input p   參考答案：A,D 知識點：
  •  塊級元素：<address>、<center>、<h1>~<h6>、<hr>、<p>、

　　　　　　　　<pre>、<ul>、<ol>、<dl>、<table>、<div>、<form>

  • 行內（內聯）元素：<span>、<a>、<br>、<b>、<strong>、<img>、

　　　　　　　　　　　　<input>、<textarea>、<select>、<sup>、<sub>、<em>、<del>

  • 行內塊元素：< img />、< input />、< td >
       

 屬性

4. 請選出正確的選項( ) 屬性要在開始標籤中指定，用來表示該標籤的性質和特性 通常都是以“屬性名=“值””的形式來表示 一個標籤可以指定多個屬性 指定多個屬性時不用區分順序。   參考答案：A,B,C,D           5. 下列關於獲取頁面元素說法正確的是( ) document.getElementById(‘a’)是通過id值為a獲取頁面中的一個元素 document.getElementsByName(“na”)是通過name屬性值為na獲取頁面中的一個元素 document.getElementsByTagName(“div”)是通過標籤名獲取去所有div; 以上說法都不正確;   參考答案：A,C          

 事件

6. 關於JavaScript事件說法不正確的是（ ） 事件由事件函式、事件源、事件物件組成 當前事件作用在哪個標籤上,哪個標籤就是事件源 onclick 就是一個事件物件 圖片切換使用JavaScript的change事件   參考答案：C,D 知識點：
  • 事件物件event：一個事件被觸發時會自動建立一個事件物件event，事件物件是用來描述事件資訊的。
    • 事件物件有針對其的偵聽器，事件物件有其屬性，比如：target。
  • 事件發生的物件：指事件源。
  • 事件源：
    • 按鈕被點選,那麼事件源就是按鈕

    • 文字框獲得焦點. 那麼事件源就是文字框 

    • 視窗被關閉,那麼事件源就是視窗

  • 事件處理函式：就是事件過程中做的一些事。
  • 偵聽器：是一個方法，用以響應事件。
  • 事件源-----產生----->事件------>被事件監聽器發現------>進入事件處理程式碼
      三、判斷題 
   1. padding:10px;只設置上邊填充為10畫素，其它三邊為零畫素。（ ） true false   參考答案：B         四、填空題 
     1. 在網頁中，必須使用  a超連結  標記來完成超級連結。     2.   background-color     CSS屬性是用來更改背景顏色的。     3.                ol                   標記用來建立一個有序列表。     4.               <br/>              是換行符標籤。     5. Javascript使用 location 物件來訪問窗體載入時當前文件的URL。     6.               for-in              是一種特殊的迴圈表示式，它將根據物件中的屬性進行迴圈。       7. 在MySql5.7中預設的資料庫引擎是       INNODB            。   知識點：MySQL5.5之前的預設儲存引擎是MyISAM，MySQL5.5之後改為InnoDB。       8. 使用delete刪除所有記錄以後，自動遞增列將按照      刪除前的最大值     開始計數。       9. 當一個表中定義了timestamp（時間戳）欄位，那麼在執行   update   和   insert   命令時自動記錄操作的系統時間       五、簡答題
   1. 請寫出5種行內元素以及5種塊級元素？在css中如果進行行內與塊級元素的切換？ 參考答案： 

<a><b><s><del><span><u><i>等

<h1><h2><h3><h4><h5><h6><div><table><p>等

使用display屬性進行設定

Inline：將元素變成行內元素

Block：將元素變成塊級元素

2. 在css中，盒子模型包含哪些內容？ 參考答案： 外邊距margin，內邊距padding，邊框border，內容content 3. 使用MySql進行分頁查詢，假設每頁4行，寫出第2兩頁的查詢語句 參考答案：select * from book order by price limit 4,4;  4. 介紹js的基本資料型別 參考答案：Undefined、Null、Boolean、Number、String、ECMAScript 2015 新增:Symbol(建立後獨一無二且不可變的資料型別 ) 

相關推薦

前端基礎周測-04

一、單選題   1. 下列哪一項是css正確的語法構成？ A、 body:color=black B、 {body;color:black}

Java基礎周測-02

一、選擇題 1、關於可變形參,以下說法正確的是（） 　　A.一個方法允許傳入無數個型別相同的引數　　B.一個方法允許傳入無數個型別不同的引數　　C.一個方法允許定義無數個可變形參　　D.可變形參可以放在形參列表的

Java基礎周測-08-綜合

一、單選題  Arrays、Array、Constructor<T>、Class<T> 1. 下面哪個類能夠動態建立陣列？（）

04-前端基礎平臺搭建宣導材料

1.為什麼要封裝前端頁面及元件？ 元件封裝平臺 VS 未封裝業務頁面 == 用一個印表機完成各種花式的列印 VS 每種花樣一臺印表機

前端基礎-04-BOM和DOM

前戲 到目前為止，我們已經學過了JavaScript的一些簡單的語法。但是這些簡單的語法，並沒有和瀏覽器有任何互動。

前端基礎知識

1. WEB利用socket通訊: 瀏覽器發請求 --> HTTP協議 --> 服務端接收請求 --> 服務端返回響應 --> 服務端把HTML檔案內容發給瀏覽器 --> 瀏覽器渲染頁面

HIT第二週 周測補題

A ARK E Everspace F Fallout H Halo 異或知識+tries樹 計算從根節點到每個點的異或距離，再從中找出兩個異或後值最大的即可。

前端基礎之JavaScript、jQuery

JavaScript是指令碼語言、一種輕量級的程式語言、可插入HTML頁面的程式設計程式碼、插入 HTML 頁面後，可由所有的現代瀏覽器執行；

前端基礎 | Bootstrap3 教程

Bootstrap簡介 什麼是Bootstrap 1. Bootstrap是一個用於快速開發Web用用程式和網站的前端框架.

前端基礎之BOM和DOM

前端基礎之BOM和DOM 前戲 到目前為止，我們已經學過了JavaScript的一些簡單的語法。但是這些簡單的語法，並沒有和瀏覽器有任何互動。

前端基礎 | CSS

1. 為了讓網頁元素的樣式更加豐富,也為了讓網頁的內容和樣式能拆分開,CSS由此思想而誕生.

前端基礎--演算法

排序 js本身陣列的sort方法，可以滿足日常很多需求。基本會寫快速排序就夠了

vue周測題

1、MVVM的理解 Model view viewmodel 2.vue中html上如何載入data中資料（列舉三種） 插值表示式、v-cloak、v-text、v-html

前端基礎小知識：常用的選擇器的一些運用，及匯入CSS的四種方法

1.這裡我們運用不同選擇器來製作炫彩logo 我們用到了，標籤選擇器，類選擇器，ID選擇器，分別給予不同屬性值，來變化下面字型的顏色和大小，具體程式碼如下：

前端基礎之jQuery

jQuery jQuery介紹 jQuery是一個輕量級的、相容多瀏覽器的JavaScript庫。 jQuery使使用者能夠更方便地處理HTML Document、Events、實現動畫效果、方便地進行Ajax互動，能夠極大地簡化JavaScript程式設計。它的宗

前端基礎之HTML

一、HTML初始 1. Web服務本質 import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)

前端基礎隨筆（一）splice和slice

splice slice 含義 join together, unite divide into parts 作用 刪除/替換/新增新元素 從該索引開始提取原陣列元素

前端基礎學習（1） HTML基本概念 HTML標籤

前端基礎學習（1） HTML基本概念 HTML標籤 一、今日內容 前端基本介紹 HTML基本結構

前端基礎篇：CSS文字屬性集合

一、字型屬性 font-family：‘微軟雅黑’指定字型Css屬性設定樣式 font-size: 12px/em/rem

python前端基礎知識----JavaScript

python前端基礎知識----JavaScript 頂部 組成 ECMAScript 5.12011年----ES5 一個完整的JavaScript由3個部分組成：