chakra-ui
发表于|更新于
|浏览量:
对人生命最大的威胁是以车代步，而不是交通事故。——怀特
分享一个很好看的react的UI组件库chakra-ui：
https://github.com/chakra-ui/chakra-ui
相关推荐
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...
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...
2024-10-23
slidev单文件页面
一个家庭中没有书籍，等于一间房子没有窗子。——约翰森 安装： 1npm i -g @slidev/cli 启动： 1slidev slides.md 对应的文件slides.md 1
2021-06-21
wangEditor接入阿里云OSS
我唯一知道的就是自己无知。——苏格拉底最有学问和最有见识的人总是很谨慎的——卢梭 我们昨天接入了wangEditor富文本编辑器 今天我们试着将阿里云OSS集成进wangEditor 首先我们先使用vue在页面渲染结束后调用初始化wangEditor 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>OSS上传Demo</title> <link href="/css/elementUI.css" rel="stylesheet"> <script src="/js/jquery-3.5.1....
2025-07-03
自动仿真人类滚动脚本
周虽旧邦，其命维新。一一《诗经》 自动仿真人类滚动脚本：让你的网页浏览更“像人类”在前端开发、自动化测试或数据采集的过程中，我们经常会遇到“模拟人类操作”的需求。例如，自动滚动页面以加载惰性内容、触发懒加载图片，或者让自动化检测工具误以为是真人在浏览网页。传统的 window.scrollTo() 或 window.scrollBy() 方法虽然可以实现页面滚动，但往往过于机械，容易被反爬虫系统识别。 本文介绍一个简单易用、可持续运行的仿真人类自动滚动脚本，它通过“随机滚动步长+随机停顿”的方式，让页面滚动行为更贴近真实用户操作。 一、脚本源码解析123456789101112131415161718192021222324252627(function autoHumanScroll() { const minDelay = 5000; // 最小停顿5秒 const maxDelay = 10000; // 最大停顿10秒 const minStep = 20; // 最小滚动20px const maxStep = 80; // 最大滚动...
2022-01-08
img图片丢失后默认图
万物并育而不相害，道并行而不相悖。一一《礼记》 我们在使用img标签时经常会遇到图片丢失等情况，我们可以给图片设置一个默认图 写法如下： 1<img src onerror="this.src='/img/oss/2020-06-01/head.jpg'" /> 这时候我们并没有给src属性赋值，导致触发onerror事件，执行了其中的js 当然如果我们是正常的图片，是无影响的
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog