一个js视差动画
发表于|更新于
|浏览量:
人生碌碌，竞短论长，却不道荣枯有数，得失难量。——《浮生六记》
分享一个js视差动画：https://codepen.io/isladjan/details/abdyPBw
滑动会出现各种动画效果，非常的好玩
相关推荐
2024-08-26
vuemotion
青春是一种持续的陶醉，是理智的狂热。——拉罗什富科 作为vue的动画框架 https://github.com/Bug-Duck/vuemotion 目前属于非常崭新的项目，但是其积累是源自于newcar，因此备受期待 VueMotion 是一个现代动画引擎，就像 Python 的 Manim for Vuejs 生态系统一样，它提供了大量的小部件来帮助用户快速制作动画和视频。并且它具有很高的可扩展性，这意味着您可以轻松创建自己的动画风格。 VueMotion 的前身是 Newcar 动画引擎，但后来因为一些特殊原因停止了开发。如果你是 Newcar 的老用户，欢迎你迁移到 VueMotion。 其团队也是非常之年轻，还在读高中就已经开始做开源 Roadmap Basic Widget Arc Group Line Polygon Rect Text Image Mask Webview Polyline Animations move rotate scale create destroy stroke...
2023-01-15
移动端拖动滑块验证
夫唯不争，故天下莫能与之争——老子 之前写过拖动滑块验证 但是发现移动端拖不动了 因为移动端使用的是touch事件：https://developer.mozilla.org/zh-CN/docs/Web/API/TouchEvent 我们对其进行改造，通过获取其第一个触控点的坐标进行计算 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152&...
2024-11-05
typescript-exercises（十）
如果你不尊敬你的父母，那你的孩子也将不会尊敬你。——佚名 题目： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146/*Intro: We have asynchronous functions now, advanced technology. This makes us a tech startup officially now. But one of t...
2020-11-20
vue封装axios请求工具类
以勇气面对人生的巨大悲恸，用耐心对待生活的小小哀伤。——雨果 首先安装 12345678# axioscnpm i --save axios# 格式化参数插件cnpm i -- save qs# 对象合并插件cnpm i -- save lodash# cookie操作cnpm i -- save vue-cookie 然后我们自己封装一个请求组件 首先创建文件 然后放入我们的代码。。。 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132import ...
2022-11-20
JSON小技巧
越年轻，就越不能跟丑事妥协——纪德 分享个前端的JSON.stringify以及parse小技巧 MDN：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON 例如我们此处使用JSON.stringify({name:'VampireAchao',age:21})可以将对象转为json 如果我们只想要name值，则可以传入第二个参数，可以接受一个数组类型 1JSON.stringify({name:'VampireAchao',age:21},['name']) 转出来则是'{"name":"VampireAchao"}' 如果我们要自定义规则，则可以传入一个函数类型，第一次调用时value为我们的数据对象，属于由外向内调用 1234567891011121314let times = 0;const json = JSON....
2022-11-21
css-tricks
站在上风的人衣冠要整洁，位在任上的人言行要谨慎，这才是政治家对天下的责任。——德富芦花 分享一个网站，这个网站有很多css小技巧 https://css-tricks.com/ 比如css实现颗粒噪声 又或是对于console的使用指引，例如console.clear()清除控制台 https://css-tricks.com/a-guide-to-console-commands/
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog