iamjoel/front-end-demos

:lollipop: Web 前端 Demos

Web 前端 Demos

存放 Web 前端的 Demos。

目录

• HTML
  • 基本结构
  • 常见标签和属性
• CSS
  • 布局
    • 常见布局
  • 属性
    • CSS 属性在线体验
    • 你可能不需要 JavaScript
    • 形状
    • CSS 做苹果
    • CSS 做邮票
  • 效果&综合
    • 从中间向上下展开效果
    • 用CSS来找出两张图的差异
    • 响应式导航条
    • 果冻效果
    • 翻转效果
    • 1px的线
    • iphoneX 刘海的处理
  • BEM
• JavaScript
  • 语法
    • 循环
      • 输出九九乘法表
      • 输出三角
    • ES6
  • 效果&综合
    • 倒计时
    • 拖，放和排序
    • 以动画的形式，经过若个点，移动到指定位置
    • 下滑无限加载
    • 图片旋转 在旋转过程中在不变形，宽高不超出父元素
    • 按钮点击后，显示 Loading
    • 购物车
    • 签到效果
    • 签到效果 3D
  • 算法
    • 耗时函数被短时间频繁调用时，防浏览器卡死的方法
    • 算坑可以填多少水
• Vue 有点问题，需要调一下。