js1k
发表于|更新于
|浏览量:
兼听则明，偏信则暗。——魏徽
昨天分享了 aem1k
今天是js1k
其中有很多有趣的代码
例如这个吃豆人：
https://js1k.com/2019-x/demo/4122
代码：
https://js1k.com/2019-x/details/4122
效果：
相关推荐
2022-04-03
vue中特殊的prop和事件
懒惰等于将一个人活埋。——泰勒 我们知道v-model可以用于input等标签，当做语法糖进行绑值 对于我们自定义的组件，其实也可以使用 官方文档 例如此处我们可以让input改变值时，父组件绑定的值一并改变 1234567891011121314151617<template> <input type="checkbox" :checked="value" @change="$emit('input', $event.target.checked)" /></template><script> export default{ props:{ value:{ type:Boolean, default:()=>false } ...
2022-03-31
vue项目配置可选调用链
生活是苦难的，我又划着我的断桨出发了。——博尔赫斯 可选调用链就是?.写法 有些vue项目没有默认配置，因此只能手动配置 介绍：https://babeljs.io/docs/en/babel-plugin-proposal-optional-chaining 安装： 1cnpm i --save-dev @babel/plugin-proposal-optional-chaining 然后配置在根目录下的babel.config.js 新增： 123{ "plugins": ["@babel/plugin-proposal-optional-chaining"]} 完整： 12345678module.exports = { presets: [ "@babel/preset-env", ['@vue/app', { useBuiltIns: 'entry' }] ], "plugi...
2025-11-06
OpenTUI
我说你是人间的四月天，笑响点亮了四面风，轻灵在春的光艳中交舞着变。你是四月天里的云烟，黄昏吹着风的软，星子在无意中闪，细雨点撤在花前。——林徽因《你是那人间的四月天》 打造极致终端体验！OpenTUI：TypeScript 终端界面开发新利器在互联网日益图形化的今天，Terminal（终端）依旧在开发者和极客圈中有着不可替代的重要地位：高效、纯粹、可脚本化、轻量且跨平台。如果你曾被命令行的“单调”困扰，或希望为CLI工具甚至运维平台打造更现代、交互丰富的终端界面（TUI），那么你一定不能错过——OpenTUI！ 一、什么是OpenTUI？ 项目地址：sst/opentui 官网主页：https://opentui.com 一句话简介：OpenTUI 是一个用于构建终端用户界面（TUI, Terminal User Interface）的 TypeScript 库。 主要语言：TypeScript Star：4,529+ Fork：164+ 授权协议：MIT 无论你要开发终端应用仪表盘、交互式安装器、数据小工具，还是命令行游戏，这个库提供了现代化、丰富的能力，让你...
2022-08-06
css background图片
只有用水将心上的雾气淘洗干净，荣光才会照亮最初的梦想。——『百年孤独』 MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/background 首先我们可以使用 1background: url(/img/oss/2020-06-01/head.jpg); 来指定背景图片 如果我们需要修改透明度，则可以使用其可以叠加的特性 1background: linear-gradient(rgba(0,0,0,80%),rgba(0,0,0,80%)),url(/img/oss/2020-06-01/head.jpg) 其次，我们可以设置拉伸效果和位置： 包含（表示不进行任何裁剪，多余的部分会空出，center是表示位置处于正中央） 1background: linear-gradient(rgba(0,0,0,80%),rgba(0,0,0,80%)),url(/img/oss/2020-06-01/head.jpg) center/contain no-repeat; 封面(以图片的短边铺满，会进行裁剪) 1...
2024-07-13
在线web工程演示stackblitz
饥梳头，饱洗澡。——杨慎 是这个网址 https://stackblitz.com/ 例如： https://stackblitz.com/github/slidevjs/new?file=slides.md 打开就直接构建并可以自由修改，不用在本地npm i啦！ 相当的方便相当的nice 比较适合开源项目用来演示
2022-01-07
byte二维码在img中展示
睡在哪里都是睡在黑夜里。——贾平凹《废都》 我们使用hutool的工具类生成二维码图片后，如果转为byte数组，返还给前端，我们要放入img中显示 12345@GetMapping("generateCode")@ResponseBodypublic byte[] generateCode() { return QrCodeUtil.generatePng("https://VampireAchao.github.io/", QrConfig.create().setImg(ImgUtil.getImage(URLUtil.url("/img/oss/2020-06-01/head.jpg"))));} 直接放到src是不行的，需要在前面加一个data:image/jpeg;base64, 最终变成这样 效果图：