通过 DNS 发送消息
最近工作不太饱和，闲的无聊想了一个点子： 如果在某些网络环境中，只有 DNS 协议请求能够通过，那能否通过某种特殊的渠道实现互相的消息传递。 然后研究了一下，实现了一个只通过 DNS 就可以传输文本消息的小玩具
并且搭建了一个对应的 DNS 服务器
https://gist.githubusercontent.com/bob-zebedy/6e1949cee93d8df401246a858ebfbaf0/raw/d90210ac548380aacd4d8cf602b8aaa6b870e946/dnsay.py
使用方法：下载上面的 py 脚本 python3 dnsay.py --dns-host 144.34.239.89 --group test
–dns-host 144.34.239.89 就是我搭建的特殊的 dns 服务器
–group 可以理解为聊天室，相同的 group 才能收到彼此的消息
欢迎品尝
5 posts - 5 participants
Read full topic
via LINUX DO - 最新话题 (author: 一位不愿透露姓名的市民张先生)
最近工作不太饱和，闲的无聊想了一个点子： 如果在某些网络环境中，只有 DNS 协议请求能够通过，那能否通过某种特殊的渠道实现互相的消息传递。 然后研究了一下，实现了一个只通过 DNS 就可以传输文本消息的小玩具
并且搭建了一个对应的 DNS 服务器
https://gist.githubusercontent.com/bob-zebedy/6e1949cee93d8df401246a858ebfbaf0/raw/d90210ac548380aacd4d8cf602b8aaa6b870e946/dnsay.py
使用方法：下载上面的 py 脚本 python3 dnsay.py --dns-host 144.34.239.89 --group test
–dns-host 144.34.239.89 就是我搭建的特殊的 dns 服务器
–group 可以理解为聊天室，相同的 group 才能收到彼此的消息
欢迎品尝
5 posts - 5 participants
Read full topic
via LINUX DO - 最新话题 (author: 一位不愿透露姓名的市民张先生)
对象让推荐手机，怎么选
预算3000-4000，性价比高的，拍照好的，目前就这些，求推荐
24 posts - 22 participants
Read full topic
via LINUX DO - 最新话题 (author: libaimu)
预算3000-4000，性价比高的，拍照好的，目前就这些，求推荐
24 posts - 22 participants
Read full topic
via LINUX DO - 最新话题 (author: libaimu)
遇到漂亮女孩子应该勇敢搭讪，看(佬友们有勇气和漂亮的女生交流吗)有感
看到那篇帖子讨论人数蛮多的，个人经历来说说我的看法
1. 搭讪是最没有成本认识女生的方式，如果你还没开始就想着人家会拒绝你，那就是对自己不自信，估计认识了之后也没什么聊的
2. 建模不行不要紧，最重要的是自信，给人一种自信的感觉
3. 最重要的是如果你这次错过了，估计这辈子再也不会遇见了，所以为了这个请收起你的羞耻心
4. 其实漂亮的女生也是渴望被人搭讪的，很多时候漂亮的女生比普通女生找男朋友更不容易，不要觉得人家高冷，等你她熟悉之后看看什么叫变态 🤣
15 posts - 9 participants
Read full topic
via LINUX DO - 最新话题 (author: 皮 皮)
看到那篇帖子讨论人数蛮多的，个人经历来说说我的看法
1. 搭讪是最没有成本认识女生的方式，如果你还没开始就想着人家会拒绝你，那就是对自己不自信，估计认识了之后也没什么聊的
2. 建模不行不要紧，最重要的是自信，给人一种自信的感觉
3. 最重要的是如果你这次错过了，估计这辈子再也不会遇见了，所以为了这个请收起你的羞耻心
4. 其实漂亮的女生也是渴望被人搭讪的，很多时候漂亮的女生比普通女生找男朋友更不容易，不要觉得人家高冷，等你她熟悉之后看看什么叫变态 🤣
15 posts - 9 participants
Read full topic
via LINUX DO - 最新话题 (author: 皮 皮)
问下各位佬友，linux.do有没有APP,有时候出门在外想看下必须在浏览器上打开，有没有APP，一打开就可以使用的，并且消息没有延迟，浏览器创建桌面快捷方式消息有延迟
6 posts - 4 participants
Read full topic
via LINUX DO - 最新话题 (author: wuang)
6 posts - 4 participants
Read full topic
via LINUX DO - 最新话题 (author: wuang)
如果不是体力劳动的工作，一天只睡四个小时+几乎不吃正餐好像也没问题！
bilibili.com
我在首尔熬夜24小时，韩国人真把睡眠进化掉了！？_哔哩哔哩_bilibili
感谢可爱的金理事给我们安排得明明白白，希望大家也能喜欢他！PS：金理事是纯血韩国人，曾经在澳洲和中国留学，所以会说中文。另外本视频不代表所有韩国人，金理事也不是天天去夜店，平时主要专心搞钱。下一期视频是韩国艺高预备练习生/张元英的同校学妹/15岁追梦少女 Subin的一天！！！, 视频播放量 1365677、弹幕量 11437、点赞数 42794、投硬币枚数 20726、收藏人数 16682、转发人数 13970, 视频作者 康哟喂, 作者简介...
17 posts - 11 participants
Read full topic
via LINUX DO - 最新话题 (author: 雪梨纽西兰希思露甘奶迪)
Invalid media:
image
image
image
bilibili.com
我在首尔熬夜24小时，韩国人真把睡眠进化掉了！？_哔哩哔哩_bilibili
感谢可爱的金理事给我们安排得明明白白，希望大家也能喜欢他！PS：金理事是纯血韩国人，曾经在澳洲和中国留学，所以会说中文。另外本视频不代表所有韩国人，金理事也不是天天去夜店，平时主要专心搞钱。下一期视频是韩国艺高预备练习生/张元英的同校学妹/15岁追梦少女 Subin的一天！！！, 视频播放量 1365677、弹幕量 11437、点赞数 42794、投硬币枚数 20726、收藏人数 16682、转发人数 13970, 视频作者 康哟喂, 作者简介...
17 posts - 11 participants
Read full topic
via LINUX DO - 最新话题 (author: 雪梨纽西兰希思露甘奶迪)
Invalid media:
image
image
image
在leaflow上试玩了一下微信
仓库地址：
github.com
GitHub - nickrunning/wechat-selkies: 基于Selkies的Linux网页版微信/QQ，支持本地中文输入法，支持AMD64和ARM64。
基于Selkies的Linux网页版微信/QQ，支持本地中文输入法，支持AMD64和ARM64。
简介：基于 Docker 的微信/QQ Linux 客户端，使用 Selkies WebRTC 技术提供浏览器访问支持。
部署方式和其他docker应用大同小异。
● 镜像：Package wechat-selkies · GitHub 。
● 内存和CPU越大越好，我试用的2048M内存和1000毫秒CPU,结果还是很卡。
● 我用的cf隧道访问，两个端口都打开了。
● 存储配置，挂载路径
有空闲服务器的可以玩下，不知道能不能在上面接入ai。
4 posts - 3 participants
Read full topic
via LINUX DO - 最新话题 (author: haitai)
Invalid media: image
仓库地址：
github.com
GitHub - nickrunning/wechat-selkies: 基于Selkies的Linux网页版微信/QQ，支持本地中文输入法，支持AMD64和ARM64。
基于Selkies的Linux网页版微信/QQ，支持本地中文输入法，支持AMD64和ARM64。
简介：基于 Docker 的微信/QQ Linux 客户端，使用 Selkies WebRTC 技术提供浏览器访问支持。
部署方式和其他docker应用大同小异。
● 镜像：Package wechat-selkies · GitHub 。
● 内存和CPU越大越好，我试用的2048M内存和1000毫秒CPU,结果还是很卡。
● 我用的cf隧道访问，两个端口都打开了。
● 存储配置，挂载路径
/config 。有空闲服务器的可以玩下，不知道能不能在上面接入ai。
4 posts - 3 participants
Read full topic
via LINUX DO - 最新话题 (author: haitai)
Invalid media: image
求推荐本地部署的大模型
做图片内容快速理解的输出文字的开源大模型推荐吗，佬友们。
10 posts - 6 participants
Read full topic
via LINUX DO - 最新话题 (author: a577415688)
做图片内容快速理解的输出文字的开源大模型推荐吗，佬友们。
10 posts - 6 participants
Read full topic
via LINUX DO - 最新话题 (author: a577415688)
面试带不带简历（中小型公司）
各位佬在面试中小型公司的时候，有没有带简历，不带简历会不会看起来更加老练/自信一点 😆
13 posts - 13 participants
Read full topic
via LINUX DO - 最新话题 (author: BlueSkye)
各位佬在面试中小型公司的时候，有没有带简历，不带简历会不会看起来更加老练/自信一点 😆
13 posts - 13 participants
Read full topic
via LINUX DO - 最新话题 (author: BlueSkye)
为什么trae一直不上claude sonnet4.5，明明价格都一样
是受限制不能用？但是claude sonnet4又可以用为什么4.5不行
2 posts - 2 participants
Read full topic
via LINUX DO - 最新话题 (author: 蓝电霸王龙)
是受限制不能用？但是claude sonnet4又可以用为什么4.5不行
2 posts - 2 participants
Read full topic
via LINUX DO - 最新话题 (author: 蓝电霸王龙)
音乐推荐 想要**
正经推荐，真的。
iframe (www.youtube.com)
9 posts - 7 participants
Read full topic
via LINUX DO - 最新话题 (author: 山吹雪)
正经推荐，真的。
iframe (www.youtube.com)
9 posts - 7 participants
Read full topic
via LINUX DO - 最新话题 (author: 山吹雪)
兄弟们如何看待永久会员卖太多的现象
4 posts - 4 participants
Read full topic
via LINUX DO - 最新话题 (author: 𝓵𝓮𝔃𝓲𝓼𝓱𝓮𝓷)
Invalid media:
image
image
4 posts - 4 participants
Read full topic
via LINUX DO - 最新话题 (author: 𝓵𝓮𝔃𝓲𝓼𝓱𝓮𝓷)
Invalid media:
image
image
cursor7 天试用账号 * 8，希望大家点赞参与哦
[奖品 1]：cursor7 天试用账号 * 8 (剩余 2 天试用)
:three_o_clock: 活动时间：
开始时间：2025 年 10 月 27 日 18:00
截止时间：2025 年 10 月 28 日 24:00
📝 参与方式：
在本帖下回复 + 点赞 💞。
🔍️ 抽奖规则：
每位用户仅允许参与一次。
使用论坛官方抽奖工具随机抽取中奖者。
中奖后请及时提供邮箱给我
⚠️ 注意事项：
本活动将在活动截止时间后关闭回帖，以确保公正性。
中奖者将在活动结束后 12 小时内在本帖公布，并通过私信通知领奖方式。
所有规则及抽奖结果由活动发起人和论坛管理团队最终解释。
期待您的积极参与，祝您好运！如有任何疑问，欢迎随时联系抽奖发起人。
6 posts - 6 participants
Read full topic
via LINUX DO - 最新话题 (author: dengzi)
[奖品 1]：cursor7 天试用账号 * 8 (剩余 2 天试用)
:three_o_clock: 活动时间：
开始时间：2025 年 10 月 27 日 18:00
截止时间：2025 年 10 月 28 日 24:00
📝 参与方式：
在本帖下回复 + 点赞 💞。
🔍️ 抽奖规则：
每位用户仅允许参与一次。
使用论坛官方抽奖工具随机抽取中奖者。
中奖后请及时提供邮箱给我
⚠️ 注意事项：
本活动将在活动截止时间后关闭回帖，以确保公正性。
中奖者将在活动结束后 12 小时内在本帖公布，并通过私信通知领奖方式。
所有规则及抽奖结果由活动发起人和论坛管理团队最终解释。
期待您的积极参与，祝您好运！如有任何疑问，欢迎随时联系抽奖发起人。
6 posts - 6 participants
Read full topic
via LINUX DO - 最新话题 (author: dengzi)
这几天bitwarden用的烦死我了
在添加账号，或者修改之前账号，出现过好多次url丢失情况。就是修改或者添加完之后，url就没了，我再打开这个网站，发现没匹配到密码才发现的。出现过很多次了，刚才也出现这种情况，搞得我把每条账号都仔细看一遍，有没有没url的。以后都得注意这种情况了，以前完全没出现过，就这周左右出现的
1 post - 1 participant
Read full topic
via LINUX DO - 最新话题 (author: rainnee)
Invalid media: image
在添加账号，或者修改之前账号，出现过好多次url丢失情况。就是修改或者添加完之后，url就没了，我再打开这个网站，发现没匹配到密码才发现的。出现过很多次了，刚才也出现这种情况，搞得我把每条账号都仔细看一遍，有没有没url的。以后都得注意这种情况了，以前完全没出现过，就这周左右出现的
1 post - 1 participant
Read full topic
via LINUX DO - 最新话题 (author: rainnee)
Invalid media: image
【抽奖】抽奖aug账号两个，34000额度
抽奖主题： [描述抽奖主题]
🏆️ 奖品详情：
[奖品1]：[aug账号两个]
:three_o_clock: 活动时间：
开始时间：[2025/10/27 11:00]
截止时间：[2025/10/27 22:00]
📝 参与方式：
在本帖下回复任意内容
🔍️ 抽奖规则：
每位用户仅允许参与一次。
使用官方抽奖工具随机抽取中奖者。
⚠️ 注意事项：
本活动将在活动截止时间后关闭回帖，以确保公正性。
中奖者将在活动结束后12小时内在本帖公布，并通过私信通知领奖方式。
所有规则及抽奖结果由活动发起人和论坛管理团队最终解释。
期待您的积极参与，祝您好运！如有任何疑问，欢迎随时联系抽奖发起人。
144 posts - 144 participants
Read full topic
via LINUX DO - 热门话题 (author: 白菜)
抽奖主题： [描述抽奖主题]
🏆️ 奖品详情：
[奖品1]：[aug账号两个]
:three_o_clock: 活动时间：
开始时间：[2025/10/27 11:00]
截止时间：[2025/10/27 22:00]
📝 参与方式：
在本帖下回复任意内容
🔍️ 抽奖规则：
每位用户仅允许参与一次。
使用官方抽奖工具随机抽取中奖者。
⚠️ 注意事项：
本活动将在活动截止时间后关闭回帖，以确保公正性。
中奖者将在活动结束后12小时内在本帖公布，并通过私信通知领奖方式。
所有规则及抽奖结果由活动发起人和论坛管理团队最终解释。
期待您的积极参与，祝您好运！如有任何疑问，欢迎随时联系抽奖发起人。
144 posts - 144 participants
Read full topic
via LINUX DO - 热门话题 (author: 白菜)
ColorOS 浏览器逆天广告
WIFI验证的时候弹出
21 posts - 16 participants
Read full topic
via LINUX DO - 热门话题 (author: Mozi)
Invalid media: image
WIFI验证的时候弹出
21 posts - 16 participants
Read full topic
via LINUX DO - 热门话题 (author: Mozi)
Invalid media: image
抽4个gmail，跳过手机号开的号(现在应该需要接码绑手机才能登录了)被老板鸽了，放着没用，不如抽了
🏆️ 奖品详情：
4个 已注册的Gmail邮箱，无绑手机号，现在需要手机验证才能登陆，绑了手机就能上
:three_o_clock: 活动时间：
开始时间：即发帖时间
截止时间：Mon, Oct 27, 2025 5:30 PM CST
📝 参与方式：
点赞并且回复
🔍️ 抽奖规则：
每位用户仅允许参与一次。
使用 linuxdo 官方抽奖工具随机抽取中奖者。
⚠️ 注意事项：
本活动将在活动截止时间后关闭回帖，以确保公正性。
中奖者将在活动结束后 2 小时内在本帖公布，并通过私信通知领奖方式。
所有规则及抽奖结果由活动发起人和论坛管理团队最终解释。
期待您的积极参与，祝您好运！如有任何疑问，欢迎随时联系抽奖发起人。
71 posts - 70 participants
Read full topic
via LINUX DO - 热门话题 (author: 4396)
Invalid media: image
🏆️ 奖品详情：
4个 已注册的Gmail邮箱，无绑手机号，现在需要手机验证才能登陆，绑了手机就能上
:three_o_clock: 活动时间：
开始时间：即发帖时间
截止时间：Mon, Oct 27, 2025 5:30 PM CST
📝 参与方式：
点赞并且回复
🔍️ 抽奖规则：
每位用户仅允许参与一次。
使用 linuxdo 官方抽奖工具随机抽取中奖者。
⚠️ 注意事项：
本活动将在活动截止时间后关闭回帖，以确保公正性。
中奖者将在活动结束后 2 小时内在本帖公布，并通过私信通知领奖方式。
所有规则及抽奖结果由活动发起人和论坛管理团队最终解释。
期待您的积极参与，祝您好运！如有任何疑问，欢迎随时联系抽奖发起人。
71 posts - 70 participants
Read full topic
via LINUX DO - 热门话题 (author: 4396)
Invalid media: image
claude code的界面版本：Claude Workbench 4.0.6
本次更新：
1、结合git版本控制实现了撤回功能，可以任意撤回发出的提示词和修改的代码。
2、增加了plan模式
3、修改了思考模式
4、增加扩展按钮，可以更好的管理子代理、skills、plugins
5、改善了部分ui体验
6、其他若干优化
7、新增了优化提示词功能支持第三方API的功能。
emm,懒得截图了。
有BUG的话回帖反馈，我有空就会处理。
开源地址： GitHub - anyme123/claude-workbench
下载地址： Releases · anyme123/claude-workbench · GitHub
windows免安装版本：
claude-workbench.7z (3.7 MB)
54 posts - 24 participants
Read full topic
via LINUX DO - 热门话题 (author: anyme)
本次更新：
1、结合git版本控制实现了撤回功能，可以任意撤回发出的提示词和修改的代码。
2、增加了plan模式
3、修改了思考模式
4、增加扩展按钮，可以更好的管理子代理、skills、plugins
5、改善了部分ui体验
6、其他若干优化
7、新增了优化提示词功能支持第三方API的功能。
emm,懒得截图了。
有BUG的话回帖反馈，我有空就会处理。
开源地址： GitHub - anyme123/claude-workbench
下载地址： Releases · anyme123/claude-workbench · GitHub
windows免安装版本：
claude-workbench.7z (3.7 MB)
54 posts - 24 participants
Read full topic
via LINUX DO - 热门话题 (author: anyme)
分享一个简单但有趣的需求
朋友在做数字复原平安京的公益项目，而项目的网站是我一个人包揽的。最近朋友找到我，询问是否可以做一个可视化地图的界面，能够实时查看当前复原的进度。
平安京的地图大概就是这样，横平竖直，整体都可以分割为大小相同的格子：
相比于平常看的不规则地图，可以说是非常规整了。由于难度不是很大，我立即着手于应该如何实现。
有没有办法能让一张静态图片里的格子能点击？没有。
但是有静态图片能让你点击
spoiler
可能是整天被对日项目的各种excel表洗脑的缘故，我最先想到的是将这张有间隙的网格图直接转换为excel，再将excel直接挂在前端，但是也因为有缝隙以及转换工具的缘故，效果非常不理想，需要人工绘制才行。饶了我吧。就算画出来了能从excel中获取的信息也有限（单元格里只能塞名称），便不再考虑。
同样是存在间隙而不等宽的缘故，并且为了后续能支持手动维护，我没有使用Canvas或ECharts而是选择回归了高度定制化的css-grid，以让更多功能有加入的空间。
首先我以4x2、2x4和4x4的大小创建了几种单元格组：
用每组间的
随后构以左上角为原点，向右为x轴正方向，向下为y轴正方向构筑了坐标系。
当渲染一个单元格时就能方便的将任意
而一些单元格需要占据不止一个单元格，并且大小也不一样。
不过好在它们都是矩形，否则难度又会更上一级。
直接用css写死并不是不行，我一开始也是准备直接写死，但是那样的话每个单元格都需要赋予不同的定义，并且后续可能会有一些修改和增加，到时候就只能修改代码。
因此需要制作合并单元格相关的方法。而直接合并
我在存放单元格内容的基础上新增了合并单元格表，如果有单元格被合并，将会新增一条合并单元格的数据，记录这个合并单元格的起始单元格坐标和结束单元格坐标。
在这里有三个新的交互方法：
快捷键：在单元格上hover时按快捷键后更新选中单元格，比如按j选中，按m合并。
多选：为选中状态中的单元格添加待合并的class，配合快捷键，用j选中要合并的单元格后再按m就能进行合并。
合并/解合单元格：一开始，我直接是让合并单元格改了一个背景色，但是单元格对应的建筑名称是显示在自己内部的，四个单元格合并的大单元格就要显示四个名称也太不美观了。
我比较喜欢更整块的矩形，就修改为：
选择好需要合并的单元格后，将这些单元格的数据同步，同时设置左上角的单元格为主单元格。如果是主单元格就正常渲染它，并让它的css属性
解合则是删除合并单元格的数据并重置单个单元格数据。
不过合并时会遇到跨区合并大单元格被切割为多个较小的合并单元格的问题，这样的合并方法是没有办法跨组（创建网格时的2x4、4*4单元格组）的，会渲染成这样：
暂且搁置，既然单元格和大单元格已经分好，那么就可以引入数据了。
我从朋友那里拿到的接口做了一个映射。最重要的名称显示在单元格内，从右往左。其它信息则是显示在hover单元格时展开的tooltip内，tooltip中也加上了相关资料的关联，并且能够预览图片资料：
编辑对话框里的内容如下：
这里有一个状态属性，直观查看整体完成进度就依赖于它。
随后，为了解决大单元格被切割的问题我重新构建了网格，取消构建时的单元格组，将单元格拆出来单独存在，同时也不会影响利用坐标系进行定位。生成没有间距的网格后，我通过坐标在各个地方插入了不同宽度的道路以及水道（所有单元格的坐标没有改变，只是通过坐标定位到需要插入的位置增加了css间距和背景）。
大单元格整体为一个合并单元格组，添加了一些css小装饰。
坐标的显示逻辑也进行了变更，hover状态效果如下。
最后添加一个开关，用于切换普通视图和进度视图。
进度视图就是根据状态将单元格显示为不同的颜色：
最终效果如下：
我和朋友都很满意。
24 posts - 18 participants
Read full topic
via LINUX DO - 热门话题 (author: 遠雨)
Invalid media:
image
image
image
image
image
image
animation
image
image
image
animation
image
image
image
animation
image
朋友在做数字复原平安京的公益项目，而项目的网站是我一个人包揽的。最近朋友找到我，询问是否可以做一个可视化地图的界面，能够实时查看当前复原的进度。
平安京的地图大概就是这样，横平竖直，整体都可以分割为大小相同的格子：
相比于平常看的不规则地图，可以说是非常规整了。由于难度不是很大，我立即着手于应该如何实现。
有没有办法能让一张静态图片里的格子能点击？没有。
但是有静态图片能让你点击
spoiler
可能是整天被对日项目的各种excel表洗脑的缘故，我最先想到的是将这张有间隙的网格图直接转换为excel，再将excel直接挂在前端，但是也因为有缝隙以及转换工具的缘故，效果非常不理想，需要人工绘制才行。饶了我吧。就算画出来了能从excel中获取的信息也有限（单元格里只能塞名称），便不再考虑。
同样是存在间隙而不等宽的缘故，并且为了后续能支持手动维护，我没有使用Canvas或ECharts而是选择回归了高度定制化的css-grid，以让更多功能有加入的空间。
首先我以4x2、2x4和4x4的大小创建了几种单元格组：
用每组间的
padding来快速模拟出间隙，也就是道路。随后构以左上角为原点，向右为x轴正方向，向下为y轴正方向构筑了坐标系。
当渲染一个单元格时就能方便的将任意
(x, y)坐标精确地放置到网格的正确位置上。而一些单元格需要占据不止一个单元格，并且大小也不一样。
不过好在它们都是矩形，否则难度又会更上一级。
直接用css写死并不是不行，我一开始也是准备直接写死，但是那样的话每个单元格都需要赋予不同的定义，并且后续可能会有一些修改和增加，到时候就只能修改代码。
因此需要制作合并单元格相关的方法。而直接合并
<div>会破坏网格的结构，必须让它看上去是合并的。我在存放单元格内容的基础上新增了合并单元格表，如果有单元格被合并，将会新增一条合并单元格的数据，记录这个合并单元格的起始单元格坐标和结束单元格坐标。
在这里有三个新的交互方法：
快捷键：在单元格上hover时按快捷键后更新选中单元格，比如按j选中，按m合并。
多选：为选中状态中的单元格添加待合并的class，配合快捷键，用j选中要合并的单元格后再按m就能进行合并。
合并/解合单元格：一开始，我直接是让合并单元格改了一个背景色，但是单元格对应的建筑名称是显示在自己内部的，四个单元格合并的大单元格就要显示四个名称也太不美观了。
我比较喜欢更整块的矩形，就修改为：
选择好需要合并的单元格后，将这些单元格的数据同步，同时设置左上角的单元格为主单元格。如果是主单元格就正常渲染它，并让它的css属性
grid-row-end和grid-column-end跨越它所代表的整个区域（span 4/span 3）。而不是主单元格的就不渲染了（display: none）。最终，一个合并单元格实际上只渲染了一个 <div>（它变大了），而大单元格内覆盖的其它单元格的<div>则被隐藏了。解合则是删除合并单元格的数据并重置单个单元格数据。
不过合并时会遇到跨区合并大单元格被切割为多个较小的合并单元格的问题，这样的合并方法是没有办法跨组（创建网格时的2x4、4*4单元格组）的，会渲染成这样：
暂且搁置，既然单元格和大单元格已经分好，那么就可以引入数据了。
我从朋友那里拿到的接口做了一个映射。最重要的名称显示在单元格内，从右往左。其它信息则是显示在hover单元格时展开的tooltip内，tooltip中也加上了相关资料的关联，并且能够预览图片资料：
编辑对话框里的内容如下：
这里有一个状态属性，直观查看整体完成进度就依赖于它。
随后，为了解决大单元格被切割的问题我重新构建了网格，取消构建时的单元格组，将单元格拆出来单独存在，同时也不会影响利用坐标系进行定位。生成没有间距的网格后，我通过坐标在各个地方插入了不同宽度的道路以及水道（所有单元格的坐标没有改变，只是通过坐标定位到需要插入的位置增加了css间距和背景）。
大单元格整体为一个合并单元格组，添加了一些css小装饰。
坐标的显示逻辑也进行了变更，hover状态效果如下。
最后添加一个开关，用于切换普通视图和进度视图。
进度视图就是根据状态将单元格显示为不同的颜色：
最终效果如下：
我和朋友都很满意。
24 posts - 18 participants
Read full topic
via LINUX DO - 热门话题 (author: 遠雨)
Invalid media:
image
image
image
image
image
image
animation
image
image
image
animation
image
image
image
animation
image
眼馋很久的“无所不知”徽章，终于拿到了
来了几个月学到了很多，继续和站里的佬友一起学习进步
最近好忙好忙，接下来还要更忙更忙
78 posts - 44 participants
Read full topic
via LINUX DO - 热门话题 (author: zjz)
Invalid media: image
来了几个月学到了很多，继续和站里的佬友一起学习进步
最近好忙好忙，接下来还要更忙更忙
78 posts - 44 participants
Read full topic
via LINUX DO - 热门话题 (author: zjz)
Invalid media: image
今日有感：年轻漂亮和技术很好基本上很难共存
如题、穷人洗绿脚
第一家年轻漂亮技术差、按脚无力、按完就像没按一样、直接差评
第二家年纪大点技术好、按完感觉浑身轻松、健步如飞、必须好评
91 posts - 58 participants
Read full topic
via LINUX DO - 热门话题 (author: 马保国)
如题、穷人洗绿脚
第一家年轻漂亮技术差、按脚无力、按完就像没按一样、直接差评
第二家年纪大点技术好、按完感觉浑身轻松、健步如飞、必须好评
91 posts - 58 participants
Read full topic
via LINUX DO - 热门话题 (author: 马保国)
佬友们，我出息啦
出息了出息了，我能跑半马了 😎
从今年4月份开始跑步，一开始跑一公里都费劲，到三公里喘成狗，再慢慢的到5公里，7公里，10公里，15公里，半年的总跑量大概560公里左右。
昨天参加了唐马，虽然成绩只有2:18，但之前从来没想到我居然能跑半马，真是出息了 🤣
73 posts - 52 participants
Read full topic
via LINUX DO - 热门话题 (author: 茄盒)
Invalid media:
image
image
出息了出息了，我能跑半马了 😎
从今年4月份开始跑步，一开始跑一公里都费劲，到三公里喘成狗，再慢慢的到5公里，7公里，10公里，15公里，半年的总跑量大概560公里左右。
昨天参加了唐马，虽然成绩只有2:18，但之前从来没想到我居然能跑半马，真是出息了 🤣
73 posts - 52 participants
Read full topic
via LINUX DO - 热门话题 (author: 茄盒)
Invalid media:
image
image