首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
实战小例子
订阅
董小妹1995
更多收藏集
微信扫码分享
微信
新浪微博
QQ
21篇文章 · 0订阅
100 行 JS 实现 HTML5 的 3D 贪吃蛇游戏
js1k.com 收集了小于 1k 的 javascript 小例子,里面有很多很炫很酷的游戏和特效,今年规则又增加了新花样,传统的 classic 类型基础上又增加了 WebGL 类型,以及允许增加到 2K 的 ++ 类型,多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这么小的字节范围。 自己写不出来,站在巨人肩膀总是有机会吧,折腾了一番站在 Hightopo 的肩膀上搞了个 3D 贪吃蛇游戏,算了算 JS 代码还只有 90 来行,终于满足了自己的小小心愿写完这篇可以满意去睡觉了。
让文字沿着路径动起来 (SVG)
路径动画的效果还是挺有意思的,而 Web 中常用的方法就是 SVG。先上一个效果图: SVG 要在 SVG 里面实现文字路径动画还是比较简单的,SVG 里面就有天然的支持。 我们先搞个 SVG 路径 <svg id="textPathDemo" xmlns="http://ww…
实现图片懒加载(Lazyload)
本文标题:实现图片懒加载(lazyload)文章作者:Jake发布时间:2016-11-26, 18:46:34最后更新:2016-11-28, 17:12:59原始链接:http://i.jakeyu.top/2016/11/26/实现图片懒加载/许可协议: "署名-非商用-…
每周一个前端动画之三:twitter点赞动画
开工大吉,在开工第二天,送上每周一个动画系列的第三篇,新的一年先给自己一个大大的赞。闲话不说,开始我们的正文。 本文分析实现的某些效果,仅仅作为一个思路分享,仅仅作为学习素材使用。 可以看到鼠标在点击红心的时候,有些粒子效果,同时红心填充为红色,效果的确很赞。 我们应该记得在《…
JavaScript30 中文指南 - 05 Flex 实现可伸缩的图片墙
用 Flex 实现弹性可伸缩的图片墙。点击图片展开或压缩,同时伴有文字飞入飞出的效果。
AlloyTouch 实现下拉刷新
原文地址: https://github.com/AlloyTeam/AlloyTouch/wiki/Pull-to-refresh 效果展示 扫码体验 你也可以点击这里访问 Demo 可以点击这里查看代码 背景 在手机 QQ 内部,其实客户端提供了下拉刷新的能力,拖动整个 webview…
qart.js - 前端生成好看的二维码
Generate artistic QR code. 可以合并一张图实现,支持 React.js / Angular.js
【译】2017 Web 开发者学习路线图
本文是源自 Github 上 Kamran Ahmed 建立的一个仓库。在文中,作者为他的老教授分享了一组成为前端与后端开发者以及 Devops 人员需要掌握的学习路线图,以便与他的学生们分享他们的观点,一起来看看。
2016 年 10 个最佳的 CodePen 作品
CodePen 年终 10 大最受欢迎的作品盘点,希望这些作品能够给你一定的启发和帮助。
轻量级的JavaScript表单验证,字符串验证validator.js
轻量级的JavaScript表单验证,字符串验证。没有依赖,支持UMD,~3kb。 Github: validator.js validator.js官网=>实例应用 安装使用 模块 在应用中引用 validator.min.js 文件 $ npm install valida…