原创 使用CSS3柵格模式構建出不規則佈局
今天初步學習CSS3的柵格系統，因爲之前學過bootstraps4的柵格系統，所以基本概念是一致的，只是語法上的一些區別，做了一些筆記： 不同的柵格定義方式： 每一格尺寸相同適用重複定義 grid-template-rows:re
2020-07-06 21:55:29
1
原创 實現兩個select下拉框內容切換
這個小案例用到了節點操作，事件定義的知識點，效果如圖所示： 實現方法也很簡單，在js定義四個按鈕點擊事件，把遍歷select出來的子節點改變它們的父節點就可以實現。 代碼： <body> <select id = 'all'
2020-07-06 21:55:28
2
原创 html5/CSS3進階——寶貝之家網站首頁
學習了一段時間的框架，最近在複習最早學的html5、css3，拿了一個小案例做了一下，整個過程還算順利，附圖： 其實頁面整體結構還是很清晰的，這裏我也是直接使用了多個div嵌套劃分的常規手段，沒有用到柵格。 附上.html代碼~
2020-07-06 21:55:28
1
原创 使用vue-cli組件化實現的輪播圖組件
自上一篇文章首次接觸到腳手架工具（一種包含多項前端技術所構成的項目生成器）這也是我所寫的第一個Vue組件，想把整個項目的全過程分享給大家。 首先在路徑終端下使用命令vue create lunbotu創建工程。 使用npm ru
2020-06-14 08:34:29
原创 Vue腳手架——vue-cli的安裝和使用
vue-cli是一個腳手架工具，包含了諸多前端技術： webpack babel eslint http-proxy-middleware typescript css pre-prosessor css module 這些工
2020-06-14 08:34:29
原创 在正式開始學習Vue之前，你需要知道，Vue是什麼？
vue 爲什麼要用vue 傳統的網頁形式是瀏覽器腳本語言js連接了各種各樣的Html，css，但缺乏正規的組織形式，比如在頁面元素非常多，結構很龐大的網頁中，數據和視圖如果全部混雜在一起，像傳統開發一樣全部混合在HTML中，那麼要
2020-06-14 08:34:29
原创 Vue實現戶籍管理系統戶籍信息的添加與刪除
戶籍管理系統，v-model，v-for的引用 界面預覽 步驟思路： 1.html+css創建 2.引入vue，實例 3.準備默認數據message數組 4.渲染默認數據，v-for循環表單 5.創建一條新數據newmessag
2020-06-06 14:40:37