原创 原生JS實現樹狀結構列表

樹狀結構列表,這個技術點之前有寫過了,是基於vue講解,但似乎都沒有解決痛點,最基礎的原生JS該怎麼實現呢? 這篇文章會全面詳細的介紹樹狀結構列表的實現,從數據處理成樹狀結構,到動態生成dom節點渲染頁面。  確定原始數據結構  原始數據

原创 純css畫一個月亮的天氣圖標

效果 效果圖如下 實現思路 使用box-shadow進行構建 星星的樣式,有閃爍的動畫 月亮的樣式,有弧形的上下搖擺動畫 dom結構 用兩個嵌套的div容器,父容器來控制圖標顯示的位置,子容器用來寫星星的樣式,after僞元素畫月亮。

原创 Git Bash中使用Vim編輯器

在使用git bash 時候無意間輸入 vim 命令進入vim編譯器界面,當時就懵逼了完全不知道怎麼退出,界面上所提示的命令一點也不好用~ 沒錯,當時很粗暴直接的關閉了窗口。 現在就來好好了解一下vim的基本的操作,實在是太好用

原创 純css耍個透明正方體轉一轉

效果 效果圖如下 實現思路 定義一個最外層的容器,用來控制顯示的位置 定義一個父容器,用來設置元素被查看位置的視圖,這裏使用到CSS3的perspective 屬性 定義子容器,設置爲相對定位,利用transform-style屬性,使

原创 Vue簡單的表單驗證

前端驗證必不可少~ 輸入框驗證 vue文件部分: <form :model="form" :rules="rules" ref="form">     <form-item :label="姓名" prop="name">