fengxianqi / Front_end Demos
前端练手项目
Stars: ✭ 115
Projects that are alternatives of or similar to Front end Demos
Android Demos
Examples of Android applications
Stars: ✭ 1,963 (+1606.96%)
Mutual labels: practice, demo
Vaadin Microservices Demo
A microservices example developed with Spring Cloud and Vaadin
Stars: ✭ 108 (-6.09%)
Mutual labels: demo
Cameraxdemo
A sample camera app with CameraX API from Android Jetpack
Stars: ✭ 112 (-2.61%)
Mutual labels: demo
Reactriot2017 Dotamania
🌐 Web scraping made easy with the visual 🗺 mind map editor to JSON
Stars: ✭ 107 (-6.96%)
Mutual labels: demo
Golang Gin Realworld Example App
Exemplary real world application built with Golang + Gin
Stars: ✭ 1,780 (+1447.83%)
Mutual labels: practice
Stm32 Dma Uart
Efficient DMA timeout mechanism for peripheral DMA configured in circular mode demonstrated on a STM32 microcontroller.
Stars: ✭ 111 (-3.48%)
Mutual labels: demo
Dddplus Demo
♨️ Demonstrate how to use DDDplus to build a complex OMS.演示如何使用DDDplus实现一套订单履约中台OMS
Stars: ✭ 111 (-3.48%)
Mutual labels: demo
Flutter crop
Crop any widget/image in Android, iOS, Web and Desktop with fancy and customizable UI, in pure Dart code.
Stars: ✭ 107 (-6.96%)
Mutual labels: demo
Preview Email
Automatically opens your browser to preview Node.js email messages sent with Nodemailer. Made for Lad!
Stars: ✭ 112 (-2.61%)
Mutual labels: demo
Vue Meizi
vue最新实战项目，vue2 + vuex + webpack + es6 干货多多，新手福利
Stars: ✭ 1,476 (+1183.48%)
Mutual labels: demo
Canvas Raycaster
Using the <canvas> element to do software rendering of a 3D environment with ray-casting
Stars: ✭ 112 (-2.61%)
Mutual labels: demo
Android Java 8 Stream Example
Demo app of using Java 8 features with Retrolambda and Lightweight-Stream-API
Stars: ✭ 110 (-4.35%)
Mutual labels: demo
Footer Reveal
A jQuery plugin for easy implementation of the 'fixed/reveal' footer effect. Demo here:
Stars: ✭ 111 (-3.48%)
Mutual labels: demo
Clone Section Of Form Es6 Or Jquery
Now on npm. Using vanilla JavaScript (ES6) or jQuery to duplicate a section of a form, maintaining accessibility (a11y).
Stars: ✭ 112 (-2.61%)
Mutual labels: demo
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.百度输入法
- 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秒）
第四课
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].