原创 canvas 文字時鐘

canvas 文字時鐘 先看看效果圖 代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"

原创 css常見的清浮動方法

一.概念 文檔流: 文檔中可以顯示的對象在排列時所佔的位置。 浮動:使元素脫離正常文檔流,按照指定的水平方向發生移動,直到碰到父元素的邊界或另一個浮動元素邊框爲止。 float屬性定義元素在哪個方向浮動,常用的值: float:

原创 Vue中關於修改數組或者對象後,頁面不渲染的問題

在Vue中,如果修改數組中的某個值,或者是對象的某個值是不會立即更新到dom對象中的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

原创 js製作簡單的計算器

eval() 函數可計算某個字符串,並執行其中的的 JavaScript 代碼。 語法: eval(string); <!DOCTYPE html> <html lang="en"> <head> <meta charset

原创 css浮動屬性(float)常見的問題

一.概念 文檔流: 文檔中可以顯示的對象在排列時所佔的位置。 浮動:使元素脫離正常文檔流,按照指定的水平方向發生移動,直到碰到父元素的邊界或另一個浮動元素邊框爲止。 float屬性定義元素在哪個方向浮動,常用的值: float:le

原创 css中隱藏元素常用的三種方式與區別

隱藏元素的三種方式: display:none;–隱藏對象,不會爲被隱藏對象保留物理空間。用display:block;將隱藏的元素顯示。 <!DOCTYPE html> <html lang="en"> <head> <

原创 JS代碼實現頁面切換效果(上一頁+具體頁+下一頁)

HTML+CSS部分 添加所有頁面,和上一頁、具體頁、下一頁的按鈕, 設置div樣式,默認第一頁顯示,其他頁隱藏。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <