前端 Front End

集成开发环境 IDE

使用Vs Code编辑器、Chrome浏览器以及必要的插件和第三方工具，赋能WEB高效开发

循序渐进、多看多练，多方向多维度探索绚烂多姿的WEB世界

交流、碰撞，成就完美的自己

Admin

开课啦 24-25-1 积分榜生成树学习路线

IDE

编辑器浏览器版本管理代码仓库其它

H T M L 5

Basic

网页盒模型标签样式表外边距脚本

Normal

超链接内联框架列表表格详情

Multimedia

图像图形图片可缩放矢量图形音频视频 Base64

Form

表单输入标签按钮文本域下拉列表文件

Other

单位颜色

C S S 3

Selector

基本选择器属性选择器伪元素选择器伪类选择器组合选择器

Basic

背景渐变背景高级背景边框文本

layout

浮动定位固定定位粘性定位弹性盒子布局网格布局

Advanced

过渡动画帧动画变换

Elite

画布 SVG 滤镜路径裁剪遮罩

Responsive

响应式开发媒体查询

Other

盒阴影计数器 CSS变量 CSS函数实体开发热点

J a v a S c r i p t

Basic

数据类型运算符对象映射集合类

Statements

变量流控制迭代器

Function

概述纯函数箭头函数立即函数递归函数

Array

概述排序函数迭代函数归并函数

DOM

概述节点文档元素 Html 元素标记

BOM

概述属性方法事件

Events

概述事件侦听事件对象事件代理默认事件表单事件输入事件拖拽事件

Advanced

作用域预编译正则表达式日期本地存储 Cookie 模块化开发闭包

D e m o s

Drills

BOM DOM

Topic

网站1 网站2 网站3

首页1 首页2 首页3

导航1 导航2 导航3 导航4

标签页1 标签页2 标签页3 标签页4

手风琴1 手风琴2 手风琴3

轮播1 轮播2 轮播3 轮播4 轮播5

简历1 简历2 简历3

靓车荟迷你商城详情页

QQ音乐音乐播放器

一路有你淘宝小米京东

滚动显示分页器分页器学院名片 Ripple

Application

Exam

F a v o r i t e

General

Iconfont Google Fonts Swiper Snipaste Flat UI colors

Icons

Fontawesome Boxicons Yesicon

Tool

MDN Can I Use Normalize.css Reset CSS CDN.js Boot CDN Blisk

Animation

Typed.js Animate Scroll Reveal Anime.js GSAP Vanilla-tilt

Data Visualization

Echarts Chartjs Apexcharts D3 LucidChart

Framwork

Vue.js Element Plus Vant Bootstrap Pure CSS

Creation

Threejs A-Frame Textures Sketchup’s 3D Warehouse Blender Theatrejs Pixijs Spline The book of shaders

Network

Node.js Express.js KOA Nginx Axios Postman Json-server JSON Placeholder

Deployment

GitHub Github Page Netlify Vercel Hexo

Tutorial

uiverse Learn CSS Layout CSS design awards CSS Tricks CSS Weekly Frontend Focus Alteredqualia 踏得 techbrood lundevweb 50 unique mini-projects Fedev

Other

Cutterman Isotope QRcode Moment.js Day.js SheetJS Magnific Popup