js1k
发表于|更新于
|浏览量:
兼听则明，偏信则暗。——魏徽
昨天分享了 aem1k
今天是js1k
其中有很多有趣的代码
例如这个吃豆人：
https://js1k.com/2019-x/demo/4122
代码：
https://js1k.com/2019-x/details/4122
效果：
相关推荐
2025-04-18
zod
人们因为能忘却，所以自己能渐渐的脱离了受过的苦痛，也因为能忘却，所以照样得再犯前人的错误。——鲁迅 探索 Zod：TypeScript-first 的模式验证库在现代 JavaScript 和 TypeScript 开发中，数据验证是不可或缺的一部分。而 Zod，一个以 TypeScript 为中心的模式验证库，提供了简洁、强大的工具来解决这一问题。本文将带你了解 Zod 的核心功能、使用方法及其开发者友好的特性。 什么是 Zod？Zod 是一个专为 TypeScript 设计的模式声明和验证库，旨在简化开发者的工作。它允许你定义模式（schema），并自动推断出 TypeScript 类型，同时对运行时数据进行验证。 Zod 的核心特点： TypeScript-first：Zod 的设计完全围绕 TypeScript，能够利用其类型推断和静态检查功能。 零依赖：与其他库不同，Zod 是一个零依赖的轻量级库，体积仅为 8kb（minified + gzipped）。 函数式编程风格：Zod 提供了一种连贯的链式接口，支持函数式编程。 跨平台支持：支持 Node.js 和现代...
2025-04-06
outline
只回忆过去是差劲的记忆。——卡罗尔 https://github.com/outline/outline https://www.getoutline.com/ Outline: 一个现代化的团队知识库项目概述Outline 是一个快速、协作的知识库，旨在帮助团队更高效地管理和分享知识。它基于 React 和 Node.js 构建，提供了一个现代化的界面和丰富的功能，支持团队内部的文档管理和协作。 关键功能 协作编辑：支持多用户同时编辑文档，实时同步变化。 文档嵌入：支持嵌入各种类型的媒体，如图片、视频、代码片段等。 版本控制：每次文档修改都会自动保存新版本，方便用户查看和恢复历史版本。 全文搜索：强大的全文搜索功能，快速定位所需文档内容。 权限管理：灵活的权限管理系统，确保文档安全。 项目活动最近发布最新发布的版本是 v0.82.0，包括以下主要改进： 提到文档时自动保持标题和图标同步。 编辑器嵌入内容现在可以垂直调整大小。 粘贴链接时有嵌入或链接的选项。 升级 Mermaid 图表到 v11。 粘贴远程图片时会自动上传到 Outline 存储。 新表格现在具有固定宽度...
2024-09-04
web组件库lion
君子耻不修，不耻见污；耻不信，不耻不见信；耻不能，不耻不见用。——荀子 github： https://github.com/ing-bank/lion 官方文档： https://lion-web.netlify.app/ Lion 是一组高性能、可访问且灵活的 Web 组件 它们提供了一个无主见的白标签层，可以扩展到您自己的组件层 高性能：专注于在所有相关浏览器中实现出色的性能，具有最少的依赖项 可及性：旨在符合 WCAG 2.2 AA 标准，以创建每个人都可以使用的组件 灵活性：通过 Web Components 和 JavaScript 类提供解决方案，这些类可以使用、采用和扩展以满足所有需求 现代代码：Lion 以纯 es 模块的形式分发 公开函数/类和 Web 组件：以最合适的形式提供功能 注意：我们的演示可能看起来有点平淡无奇，但这是故意的。它们仅带有功能性样式。这是有道理的，因为主要用例是扩展这些组件，如果您这样做，则不想覆盖现有样式。 Guides: Lion 安装： 1npm i @lion/ui 使用： 1234567891011121314...
2023-01-07
react新版api
我们飞得越高，我们在那些不能飞的人眼中的形象就越渺小。——尼采的《查拉图斯特拉如是说》 如果你是在react18这么写： 123456// index.tsximport React from 'react'import ReactDOM from 'react-dom'console.log('Hello from tsx!')ReactDOM.render(<p>Hello</p>, document.getElementById('root')) 你会得到一个错误 1react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. L...
2021-12-08
nvue中list组件下拉刷新后无法上拉加载更多
倘能生存，我当然仍要学习。——鲁迅 组件官网地址：https://uniapp.dcloud.io/component/list 今天在使用list组件时，发现下拉刷新一次后，就不能上拉加载更多了 最后发现官方文档： loadmore 事件 如果列表滚动到底部将会立即触发这个事件，你可以在这个事件的处理函数中加载下一页的列表项。 如果未触发，请检查是否设置了loadmoreoffset的值，建议此值设置大于0 如何重置 loadmore 1234567891011121314151617181920212223<template> <list ref="list"> <cell v-for="num in lists"> <text>{{num}}</text> </cell> </list></template><script> export defaul...
2022-03-18
判断浏览器窗口滚动到最底部
任何人都应该有自尊心自信心独立性，不然就是奴才。但自尊不是轻人，自信不是自满，独立不是弧立。——徐特立 首先是昨天我们说的vue中绑定@scroll事件，别忘了加对应的高度，以及检查overflow-y： 123<div @scroll="onScroll" class="allow-scroll"> 我是很高很长很长（超过外部div高度）的内容...</div> 然后是滚动事件处理： 12345678onScroll(e) { // Y轴滚动距离 偏移高度 总高度 let { scrollTop, clientHeight, scrollHeight } = e.target console.log(`scrollTop + clientHeight ${scrollTop + clientHeight} >= scrollHeight-1 ${scrollHeight - 1}`) if (scrollTop + cl...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog