js1k
发表于|更新于
|浏览量:
兼听则明，偏信则暗。——魏徽
昨天分享了 aem1k
今天是js1k
其中有很多有趣的代码
例如这个吃豆人：
https://js1k.com/2019-x/demo/4122
代码：
https://js1k.com/2019-x/details/4122
效果：
相关推荐
2021-11-02
vue父组件调用子组件方法
抱怨身处黑暗，不如提灯前行。——刘同 首先是官方文档 这里使用ref属性去访问子元素 1<hello-world ref="helloWorld" msg="Hello World"></hello-world> 然后打印一下 1console.log(this.$refs.helloWorld); 可以看到成功获取到 再到子组件定义一个方法： 父组件访问： 效果：
2023-01-22
一个js视差动画
人生碌碌，竞短论长，却不道荣枯有数，得失难量。——《浮生六记》 分享一个js视差动画：https://codepen.io/isladjan/details/abdyPBw 滑动会出现各种动画效果，非常的好玩
2021-10-04
unicloud简单入门
凡人生之生也，必以其欢，忧则失纪，怒则失端，忧悲喜怒道乃无处。爱欲静之，遇乱正之，勿引勿摧，福将自归。——管仲 简单来说，uniCloud可以用js搞定后端逻辑，之前后端做的事情，全部使用js编写，上传到云空间供客户端调用 那我们写一个简单的云函数吧 首先创建项目 勾选启用uniCloud然后点创建 右键uniCloud点击关联云服务空间或项目 然后登录并创建服务空间 创建完成后我们再次点击关联 这时候我们新建一个云函数 右键cloudfunctions点击新建云函数 输入函数名 稍作修改 1234'use strict';exports.main = async (event, context) => { return 'hello uniCloud'}; 右键我们新建的云函数，点击上传并运行 可以看到控制台多了一个我们上传的云函数 并且控制台也打印了返回结果 我们在初始页面调用该函数 123456uniCloud.callFunction({ name: 'te...
2022-03-10
react中什么情况下不能用index作为key
立志用功如种树然，方其根芽，犹未有干；及其有干，尚未有枝；枝而后叶，叶而后花。——王守仁 我们在React遍历渲染列表时会遇到这样一个报错： 意思是说，渲染list列表时必须给每个元素指定一个唯一的key 当然你可以选择忽略这个报错，但是为什么会提示这个报错呢？ 假设我们给key指定一个随机数，或者干脆不指定的话，会怎么样呢？ 官方文档给出了答案： 渲染列表时的逻辑以及问题 为了解决上述问题，React 引入了 key 属性。 也就是说，如果给key指定一个随机数，或者干脆不指定的话，会造成性能问题 这个时候，我们想到了用遍历时的元素下标作为key 但是官方文档明确告诉我们： 如果列表项目的顺序可能会变化，我们不建议使用索引来用作 key 值，因为这样做会导致性能变差，还可能引起组件状态的问题。可以看看 Robin Pokorny 的深度解析使用索引作为 key 的负面影响这一篇文章。如果你选择不指定显式的 key 值，那么 React 将默认使用索引用作为列表项目的 key 值。 这里Robin Pokirny的文章中提到了，如果满足这三者，可以放心使用index作为...
2021-09-22
判断是否为数字
要知道对好事的称颂过于夸大，也会招来人们的反感轻蔑和嫉妒。——培根 JavaScript有一个函数isNaN NaN表示的是NOT A NUMBER(不是一个数字) 所以我们判断一个变量是否为数字，或者改字符串是否能转换成数字，就可以使用isNaN函数然后取反
2023-08-18
aspect-ratio
物以稀为贵，情因老更慈。——白居易 分享一个css属性aspect-ratio 大家其实能看出来值2/1就是宽高比 这个属性在width和height只要有任意一个没有配的情况下就会生效，非常方便用于配置一些指定宽高比例的场景
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog