原创 javascript基礎練習-獲取和設置行內樣式
效果圖如下: 代碼部分如下: <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> .box{ width: 300px; hei
2020-07-07 06:34:28
2
原创 webpack的使用體會
1.在使用webpack打包時，一直顯示Cannot find module "webpack"的錯誤，去網上查閱試過很多方法，包括項目局部安裝webpack和配置系統環境變量等等，問題一直沒有解決，後來自己全局安裝webpack-cli
2020-07-07 06:34:28
1
原创 javascript基礎練習-選項卡切換
<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; font-size:
2020-07-07 06:34:28
1
原创 vue基礎練習
效果圖如下：學習目前用到了v-bind，v-if，v-else，v-html插入子節點，v-for循環，v-model，v-on，filter過濾器，watch屬性監測等知識<!DOCTYPE html> <html> <head> <
2020-07-07 06:34:28
1
原创 js+css無縫滾動輪播圖
通過js和css3的transition屬性的過渡效果寫了無縫輪播圖 css代碼就不放了，有些亂 效果圖如下: html主體部分 <div class="main" id="main"> <ul class="ul-img" id=
2020-07-07 06:34:28
2
原创 javascript基礎練習-批量修改樣式
代碼部分: <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> div{ width: 100%; height: 100px;
2020-02-21 08:33:07
1
原创 javascript基礎練習-隨機改變顏色
主要就是通過random方法改變RGB數值: <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> .content{ width: 20
2020-02-21 08:33:07
1
原创 vue基礎練習-自定義事件
效果圖如下:這裏左右兩個按鈕都是組件，每次點擊時組件內部觸發click事件，使count值加1，同時觸發外部事件，使sum值加1<!DOCTYPE html> <html> <head> <title></title> <script
2018-09-01 00:36:56
原创 obj.style.width問題
在學習過程中發現obj.style.width怎麼也獲取不到容器的寬度, 經瞭解才知道obj.style.width只能獲取行內樣式, 非行內樣式想要取得容器的寬度可以採用： 1.obj.offsetWidth 2.obj.clientW
2018-09-01 00:35:58
原创 vue小練習
這一次小練習主要複習了vue組件，自定義事件和watch屬性監聽方面的知識。效果圖如下：html部分代碼:<div id="main"> <input type="text" name="" value="請輸入編輯的內容" v-mo
2018-09-01 00:35:50
原创 vue基礎練習-組件，表單
主要用到了vue 表單和組件的知識，使用prop自定義屬性將外部數據傳到子組件內部中。練習截圖:<!DOCTYPE html> <html> <head> <title></title> <script src="https://cd
2018-09-01 00:35:49
原创 js輪播圖-面向對象版
效果圖如下:HTML部分:<div id="main"> <ul class="imgBox"> <li><img src="../images/0.png"></li> <li><img src="../images/1
2018-09-01 00:35:47
原创 jquery基礎練習-選項卡切換
原理與js選項卡切換相同效果圖如下：<!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="../jquery-3.3.1.m
2018-09-01 00:35:47
原创 javascript簡易留言板
效果圖如下: 原理很簡單，就是在點擊確定按鈕後添加節點 CSS代碼： *{ margin: 0; padding: 0; } .title{ text-align: center; padding: 20
2018-09-01 00:35:47
原创 juqery addClass方法失效問題
使用jquery的addClass方法後，樣式已經成功添加，但還是沒有效果，是因爲新添加的樣式的優先級比起原先的樣式低所致。例如，原先樣式如下.test div{ width: 100px; height: 100px;
2018-09-01 00:35:47