一个js视差动画
发表于|更新于
|浏览量:
人生碌碌，竞短论长，却不道荣枯有数，得失难量。——《浮生六记》
分享一个js视差动画：https://codepen.io/isladjan/details/abdyPBw
滑动会出现各种动画效果，非常的好玩
相关推荐
2021-07-12
cursor
生命是一个说故事的人，而每一刻间的故事都是新鲜的。——朱光潜 我们有时候会在页面上定义鼠标移入某个元素时的效果 请把鼠标移动到单词上，可以看到鼠标指针发生变化： auto crosshair default e-resize help move n-resize ne-resize nw-resize pointer progress s-resize se-resize sw-resize text w-resize wait 123456789101112131415161718<p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p><span style="cursor:auto">auto</span><br><span style="cursor:crosshair">crosshair</span><br><span style="cursor:default">default</sp...
2021-11-15
程序化的事件侦听器
吾心信其可行，则移山填海之难，终有成功之日。——孙中山 vue官方文档——程序化的事件侦听器 vue官方文档——实例方法/事件 我们可以使用this.$on在vue中侦听一个事件 123vm.$on('test', function (msg) { console.log(msg)}) 然后我们可以在其他地方访问它 12vm.$emit('test', 'hi')// => "hi" 例如这里，我在一个页面中使用vm.$on 而在另一处中使用vm.$emit 可以看到成功调用test事件 基于这一点，我们可以在uniapp中进行页面间的通信 uniapp官方文档 也就是说，在其中一个页面中我们使用uni.$on或者uni.$once，在另一个页面中就可以使用uni.$emit进行调用，前提是uni,$on或者uni.$once必须触发成功 uni.$once触发后就会立马移除该监听器，也就是说只能触发一次 而uni.$on就只能使用uni.$off进行...
2021-06-02
关于wx.getUserInfo获取到匿名数据的坑
生命的黎明是乐园，青春才是真正的天堂。——华兹华斯 今天搞了很久，发现使用wx.getUserInfo获取到的用户昵称一直是：“微信用户”，并且头像也是默认的。。。 然后官方文档里发现 https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserInfo.html 打开后是这个页面 然后我们看wx.getUserProfile的文档： wx.getUserProfile只能在页面产生点击事件（例如 button 上 bindtap 的回调中）后才可调用每次请求都会弹出授权窗口，用户同意后返回 userInfo。该接口用于替换 wx.getUserInfo，详见 用户信息接口调整说明。 注意desc是必填 我们配置好appid后 调用wx.getUserProfile 代码如下 12345678910111213141516171819202122232425262728<template> <view style="width:1...
2023-11-23
toastify-js
无论掌握哪一种知识，对智力都是有用的，它会把无用的东西抛开而把好的东西保留住。——达·芬奇 分享一个前端消息提示组件库ToastifyJs https://github.com/apvarun/toastify-js 引入： 1npm install --save toastify-js 或者 123<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css"><script src="https://cdn.jsdelivr.net/npm/toastify-js"></script> 使用： 1Toastify({ text: "This is a toast", duration: 3000 }).showToast(); 复杂例子： 123456789101...
2024-12-28
n8n
人活一生，值得爱的东西很多，不要因为一个不满意，就灰心。——路遥 Github: https://github.com/n8n-io/n8n官网: https://n8n.io/ 最近在探索工作流自动化时，我发现了一个非常有趣的开源工具——n8n。它是一个低代码（Low-Code）工作流自动化平台，可以帮助开发者和业务人员以非常简单的方式创建自动化流程，连接不同的应用程序和服务。n8n的设计理念是为了让复杂的工作流变得简单易用，同时也支持高度的自定义，非常适合需要快速集成多个系统的场景。 n8n的特点非常突出。首先，它是完全开源的，你可以自由地修改和扩展它的功能。其次，n8n支持几乎所有主流的API和服务，比如Google Sheets、Slack、GitHub、AWS、Twitter等。对于每个服务，n8n都有一个内置的节点（Node），用户只需要简单地配置这些节点，就可以实现系统间的数据交换和自动化操作。 n8n的界面非常直观，提供了一个可视化的工作流编辑器，可以通过拖拽的方式连接不同的节点来定义工作流。对于不熟悉编程的用户来说，这种方式非常友好；而对于开发者，n8n也提...
2021-07-16
uniapp打电话
人不可能阻止指甲生长….同样的，人也不能压抑自己与生俱来的冲动！——吉良吉影 代码如下 123uni.makePhoneCall({ phoneNumber: '114' //仅为示例}); 同样拥有成功、失败和完成的回调 123456uni.makePhoneCall({ phoneNumber: '114' //仅为示例 ,success:res=>{ console.log(res); } ,fail:res=>{ console.log(res); } ,complete:res=>{ console.log(res); }});
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog