front_end demos

front_end-demos

前端練手項目，用於記錄個人工作學習日常積累的demo。

Name	Source Code
koa+mysql實現定時郵件發送小網站
vue-todo-demo項目	code
react-todo-demo項目	code
拖拽框實現文件上傳	code
canvas實現一個畫板	code
canvas畫一個餅狀圖	code
vue國慶裝逼計劃h5活動頁面(移動端)	code
Angular英雄教程	code
各種音頻格式測試
HTML5 Audio標籤	code
HTML5 Video標籤	code
數據結構-JS操作二叉樹	code
Leetcode解題思路	code
Node使用protobuf	code
Vue使用protobuf	code
px2rem	code

以下幾課來源於有哪些適合新手練手的前端項目？ 。自己跟著一步一步寫下來，源碼放在GitHub上，非常感謝原項目作者。 原生JavaScript學習,By Ferris

第一課

• 1.控制div屬性
• 2.網頁換膚
• 3.函數接收參數並彈出
• 4.用循環將三個Div變成紅色
• 5.鼠標移入/移出改變樣式
• 6. 記住密碼提示框

第二課

• 1.百度輸入法
• 2.點擊Div，顯示其innerHTML
• 3.求出數組中所有數字的和
• 4.彈出層效果
• 5.函數傳參，改變Div任意屬性的值
• 6.圖片列表：鼠標移入/移出改變圖片透明度
• 7.簡易選項卡
• 8.簡易JS年曆
• 9.單一按鈕顯示/隱藏一播放列表收縮展開
• 10.提示框效果
• 11.鼠標移過，修改圖片路徑
• 12. 複選框（checkbox）全選/全不選/返選

第三課

• 1.用typeof查看數據類型
• 2.用parseInt解析數字，並求和
• 3.累加按鈕，自加1
• 4.輸入兩個數字，比較大小
• 5.頁面加載後累加，自加1
• 6.判斷數字是否為兩位數
• 7.網頁計算器
• 8.網頁簡易時鐘
• 9.倒計時（100秒）

第四課

• 1.setTimeout應用
• 2.自動播放一幻燈片效果
• 3.自動改變方向一幻燈片效果
• 4.agruments應用一求出函數參數的總合
• 5.css函數一設置/讀取對象的屬性
• 6. 當前輸入框高亮顯示