Skip to content

Grewer/JsDemo

Repository files navigation

JsDemo项目说明

  • js-drag:
    js 拖曳操作;
    demo:点击查看

  • complete_pic_edit:
    图片剪裁上传;
    demo:点击查看

  • jquery_reproduction:
    实现一个 jquery 的主要功能;

  • crop:
    使用h5的canvas写的图片上传操作,包含图片的缩放,移动,剪裁;
    demo:点击查看

  • js_modal:
    纯 js 的 jquery 摸态框插件;
    demo:点击查看;

  • jq_time:
    jq时间计算插件;

  • game:
    canvas 最最最基础小游戏,初始手;
    demo:点击查看

  • scrollToTop: 从页面底部逐渐滚动直头部; demo:点击查看

  • particle:
    canvas particle:
    demo:点击查看

  • canvasParticle:
    canvas 文字转化成粒子:
    demo: 点击查看

  • canvasLine:
    canvas 动画之动态绘制会缩放的六边形;
    demo:点击查看

  • clock:
    canvas 实现时钟;
    demo:点击查看

  • pythagorasTree:
    canvas 毕达哥拉斯树的动画实现,附带注释;
    demo:点击查看

  • Tetris:
    js 俄罗斯方块小游戏;
    demo:点击查看

  • snow:
    js with typescript 下雪效果:
    demo:点击查看

  • 2048:
    2048小游戏:
    demo:点击查看

  • floatParticles:
    404页面,浮动的粒子:
    demo:点击查看

  • clickEventAnimation:
    简单的鼠标移动动画:
    demo:点击查看

  • colorPicker:
    颜色选择器:
    demo:点击查看

  • danmu:
    弹幕发射器:
    demo:点击查看

  • caculator:
    仿 IOS 计算器:
    demo:点击查看

  • rain:
    下雨效果:
    demo:点击查看

  • BreakpointUpload:
    断点续传 demo

  • promise-polyfill:
    实现情况:进入文件或点击此处

  • snake:
    canvas 贪吃蛇小游戏:
    demo:点击查看

  • overlap-circle:
    圆形渲染,在圆心不会占据到另一个圆的情况下的渲染算法
    正常圆: 点击查看 3d圆: 点击查看

  • numberCount:
    数字跳动原理:
    demo: 点击查看

  • switchTheme 使用 HTML 和 CSS 切换完整的暗黑模式 demo: 点击查看

  • waterfallLayout
    瀑布流布局原理
    demo: 点击查看