js1k
发表于|更新于
|浏览量:
兼听则明，偏信则暗。——魏徽
昨天分享了 aem1k
今天是js1k
其中有很多有趣的代码
例如这个吃豆人：
https://js1k.com/2019-x/demo/4122
代码：
https://js1k.com/2019-x/details/4122
效果：
相关推荐
2022-03-17
vue scroll事件失效
那些听不见音乐的人认为那些跳舞的人疯了。——尼采。 这个坑，我遇到的时候，百度要么告诉我加高度，要么告诉我用document或者ref去获取节点 可我只想用@scroll事件，于是我在到处加@scroll，在组件上加@scroll.native，在组件里的div上加，在slot中加，然后又给它们挨个加高度，没一个好使，搞的我很头大 后面我突然发现，我给加的，好像并不是实际滚动的地方，那我明白了，首先我给引用组件放入slot中的div指定了样式： 1234.allow-scroll { height: 80vh; overflow-y: scroll;} 然后再给它绑定事件@scroll，此处如果该div下的元素高度超出了80vh，则会触发事件。。。这坑踩的，就离谱
2021-11-22
vuex
人之贤不肖譬如鼠矣，在所自处耳！――《李斯列传》 聊聊vuex，官方文档：https://vuex.vuejs.org/zh/ 介绍就不赘述了，直接上使用 安装： 1cnpm install vuex --save 我们新建一个store，再创建一个index.js 再新建一个modules目录，里面放上 value.js 在main.js中我们写入 123456789101112import Vue from 'vue'import App from './App.vue'import router from '@/router'import store from '@/store';Vue.config.productionTip = falsenew Vue({ router, store, render: h => h(App)}).$mount('#app') 挂载完毕后，我们编写main.js和value.js main.js 1...
2022-12-26
pug
人心只能赢得，不能靠人馈赠——叶芝 分享一个前端框架pug github地址：https://github.com/pugjs/pug 它可以以下面的方式编写html 12345678910111213141516doctype htmlhtml(lang="en") head title= pageTitle script(type='text/javascript'). if (foo) bar(1 + 5); body h1 Pug - node template engine #container.col if youAreUsingPug p You are amazing else p Get on it! p. Pug is a terse and simple templating language with a strong focus on performance and powerful fe...
2025-02-27
animejs简单示例
乖孩子的路，疯子的路，五彩的路，浪荡子的路，任何的路。——杰克·凯鲁亚克的《在路上》 GitHub - juliangarnier/anime: JavaScript animation engine https://animejs.com/ 使用Anime.js这个强大的JavaScript动画库来实现一个简单的动画效果。我们将通过一个示例代码来展示如何使用Anime.js使一个div元素从透明变为不透明，并且从左向右移动50像素。 示例代码下面是我们的完整HTML代码： 1234567891011121314151617181920212223242526272829303132<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body { back...
2022-03-05
Generator函数自动执行器
有的东西被遗忘，有的东西销声匿迹，有的东西死了，而其中几乎不含有悲剧性因素。——《寻羊冒险记》 今天用typescript写了个Generator函数自动执行器： 1234567891011export function runGenAuto(fn: Function) { let gen: Generator<Function> = fn() function next() { let result = gen.next() if (result.done) { return result.value } return result.value(next) } return next();} 为了测试效果，我们定义一个Generator函数，这个函数用于将URLSearchParams转换成一般对象 当然直接遍历不用generator也能实现上述需求，但这里主要是为了测上方的自动执行Generator...
2024-06-16
网页让软件识别的小卡片
我越是孤独，越是没有朋友，越是没有支持，我就得越尊重自己。——《简爱》 今天发现一个问题，有的网页分享出来是带标题、描述和图标的 如何让它识别出来呢？ 这遵循一个“开放图谱协议” https://ogp.me/ 开放图谱协议使任何网页都可以成为社交图谱中的丰富对象。例如，这在 Facebook 上使用，允许任何网页具有与 Facebook 上任何其他对象相同的功能。 比如 要将网页转换为图形对象，您需要向页面添加基本元数据。我们的协议初始版本基于 RDFa，这意味着您将在网页的 <head> 中放置额外的 <meta> 标记。每个页面的四个必需属性是： og:title - 对象应出现在图表中的标题，例如“The Rock”。 og:type - 对象的类型，例如“video.movie”。根据您指定的类型，可能还需要其他属性。 og:image - 图像 URL，应代表图表中的对象。 og:url - 对象的规范 URL，将用作图表中的永久 ID，例如“https://www.imdb.com/title/tt0117500/”。 ...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog