# learn_frontend

**Repository Path**: zyt325/learn_frontend

## Basic Information

- **Project Name**: learn_frontend
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Unlicense
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-10-15
- **Last Updated**: 2023-05-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: HTML, JavaScript, CSS

## README




## 50 Projects in 50 Days
1. expanding Cards---扩展卡
1. progress-steps
1. Rotating Navigation Animation---旋转导航动画
1. Hidden Search Widget--- 隐藏搜索小工具
1. Blurry Loading---模糊的加载
1. Scroll Animation---滚动动画
1. Split Landing Page---分割登陆页
1. Form Wave
1. Sound Board---音板
1. Dad Jokes---玩笑说
1. Event Keycodes---事件键码
1. Faq Collapse
1. Random Choice Picker---随机选择选择器
1. Animated Navigation---动画导航
1. Incrementing Counter---递增计数器
1. Drink Water---喝水
1. Movie App---电影的应用
1. Background Slider--- 背景滑块
1. Theme Clock---主题的时钟
1. Button Ripple Effect---按钮涟漪效应
1. Drag N Drop---拖放
1. Drawing App---绘图应用程序
1. Kinetic Loader
1. Content Placeholder---内容占位符
1. Sticky Navbar---粘性的导航条
1. Double Vertical Slider--- 双垂直滑块
1. Toast Notification
1. Github Profiles
1. Double Click Heart
1. Auto Text Effect---自动文本效果
1. Password Generator---密码生成器
1. Good Cheap Fast
1. Notes App
1. Animated Countdown
1. Image Carousel---图像旋转木马
1. Hoverboard
1. Pokedex
1. Mobile Tab Navigation
1. Password Strength Background---密码强度背景
1. 3d Background Boxes---3d背景框
1. Verify Account Ui---验证帐号界面
1. Live User Filter---实时用户过滤器
1. Feedback Ui Design
1. Custom Range Slider---自定义范围滑块
1. Netflix Mobile Navigation
1. Quiz App
1. Testimonial Box Switcher
1. Random Image Feed--- 随机图像馈送
1. Todo List---待办事项列表
1. Insect Catch Game

## bootstrap
1. version：4.6.1
libs/bootstrap-4.6.1-dist

## 常用
### CSS
1. CSS文本展开特效
1. img底部5px问
1. button效果

## form
1. 输入框轮廓
1. 省市联动
1. 开关按钮
1. 下拉选择框-01
1. 下拉选择框-02
1. input密码框，显示/隐藏密码

## framework
1. 表格数据渲染框架

## grid
1. 用户选择爱好
2. grid示例

## H5
### canvas
HTML5 <canvas> 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成.
<canvas> 标签只是图形容器，您必须使用脚本来绘制图形。
你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。

## iframe
1. 默认
2. 后台管理页面

## menu
1. 响应式菜单
1. 侧边导航栏
1. tab标签切换

## other
1. 秒表实现
1. 轮播图
1. CSS实现抽奖特效

## Pop-up
1. 遮盖层全屏提示
1. 图片弹窗
1. 弹窗编辑---div
1. 弹窗编辑---iframe

## project
1. sticky note  便签
1. xtermjs    npm install xterm.js

## table
1. 表格隔行换色
1. 表格的全选、全不选与反选
1. 五星好评
1. 下拉框左右移动

## test

## 页面
1. 页面跳转、页面刷新