原创 BOM-window對象【圖片懶加載】
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini
2020-06-25 22:48:54
原创 js基礎【點擊按鈕實現反選】
<input type="checkbox" id="che" checked> <input type="button" id="btn1" value="反選"> <script> var oche=document.getEleme
2020-06-25 22:48:44
原创 用戶界面樣式（鼠標樣式、輪廓線、防止拖拽）
1、常見的鼠標樣式如下： cursor:default 默認的 cursor:pointer 小手 cursor:move 移動 cursor: text 文本 cursor: not-allowed 禁止 <!DO
2020-06-25 22:48:44
原创 js字符串對象表單輸入值加密
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi
2020-06-25 22:48:44
原创 js基礎-批量生成標籤 100個小方框
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini
2020-06-25 22:48:44
原创 ElementUI走馬燈案例
這種ElementUI走馬燈案例 ----------vue框架操作 1.先使用npm安裝 npm i element-ui -S 2.在 main.js中引入Element，一般引入這三行就可以 import El
2020-06-25 22:48:44
原创 什麼是MVVM模式？
MVVM是一種設計思想。 Model 層代表數據模型，可以在Model中定義數據修改和操作的業務邏輯 View 代表UI 組件，它負責將數據模 型轉化成UI 展現出來 ViewModel 是一個同步View 和 Model的對象，View
2020-06-25 22:48:44
2
原创 js基礎【開關燈】
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi
2020-06-25 22:48:44
原创 js時間對象 【顯示網頁時間】
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini
2020-06-25 22:48:44
原创 js函數【簡單方框運動】
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi
2020-06-25 22:48:44
1
原创 Vue生命週期的鉤子函數有哪些，分別作用是什麼？
1、VUE生命週期是VUE實例化或者組件創建到消亡的過程。 2、 beforeCreate 創建前的狀態，初始化事件和生命週期。 3、創建完畢狀態Init (初始化) injections (依賴注入) & reactivity (開
2020-06-25 22:48:44
原创 js函數 盒子連續運動
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini
2020-06-25 22:48:44
原创 js基礎【在輸入框寫數字 顯示對應的圖片】
<body> <input type="text" id="inp"><input type="button" value="切換" id="btn"><br> <img src="img/1.jpg" alt="" id="pic">
2020-06-25 22:48:44
原创 js基礎【遍歷數組生成標籤】
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi
2020-06-25 22:48:44
原创 js基礎【點擊按鈕 切換圖片】
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{padding: 0;margin: 0;} #w
2020-06-25 22:48:44
2