- 博客(82)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 我开发了《联机桌游合集: UNO+斗地主+五子棋》,让你享受纯粹的游戏
《联机桌游合集》是我独立开发的H5小游戏,目前包括3款游戏:支持2-10人联机的UNO、2-4人的斗地主、1-2人的五子棋。本文介绍了其中的技术选型,以及一些技术亮点。相信一定会给你些启发。
2022-08-01 13:25:43
8166
6
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 我们用48h,合作创造了一款Web游戏:Dice Crush,参加国际赛事Game Jam
几个大厂小伙,有产品策划、有设计师、有程序员,合作创造游戏,48小时,能开发出什么游戏?快来看看我们艰辛的制作过程吧!
2022-07-23 16:31:22
6251
2
原创 [极致用户体验] 多页面应用里,「网页内返回」按钮,何时用 history.back 何时用 replaceState?
在网页中加一个「返回」按钮,有时可以调用history.back返回,有时调用history.back无法返回,必须用history.replaceState。在多页面应用中,如何实现呢?
2022-10-02 06:47:05
4494
2
原创 [极致用户体验] 为什么建议2022年不用“等比设计稿“+rem,而用“灵活设计稿“+px
2022年,我不建议你使用rem作为CSS单位了,而应该用px。本文介绍了rem的诞生历史,并循序渐进解释了不建议用rem的原因。
2022-09-30 06:54:56
5473
原创 [极致用户体验] 微信设置大字号后,iOS加载网页时闪动怎么办?
在iPhone或iPad的微信浏览器中,如果用户之前设置了网页的大字号,进入任意网页时,就有个明显的闪动。网页开发着如何解决这个问题呢?本文提供完美方案!
2022-09-29 06:47:29
4620
原创 [极致用户体验] 为什么2022年不建议你在小程序中用rpx
小程序有rpx属性,减少了适配各种手机设备的成本,提高了开发效率。但它并不是银弹,在宽屏设备上(例如Pad),用户体验较差。如果你追求极致用户体验,我建议你用px而非rpx。
2022-09-28 07:03:05
4686
原创 [极致用户体验] 让你的网页,适配微信大字号模式!体验超好,快来收藏
本文给你全网最完美的适配微信大字号的解决方案!超过90%的网页,不支持微信大字号模式!在微信浏览器的大字号模式/关怀模式下,网页排版会错乱。该如何解决呢?
2022-09-27 06:57:39
5023
原创 [Go WebSocket] 多房间的聊天室(六)为什么要加锁?不加锁行不行啊?
本文通过编写测试用例,回答以下问题:为什么一定要加锁?加锁后,你的代码逻辑是对的吗?换个描述方法:本文论证了给代码逻辑加锁的必要性和充分性。
2022-09-26 07:07:00
4411
原创 [Go WebSocket] 多房间的聊天室(五)用多个小锁代替大锁,提高效率
多房间的聊天室的第五篇。上次我们用Mutex互斥锁处理了「多房间聊天室」的黑天鹅事件(小概率Bug),但是并不完美,并行效率低。我们今天通过「多个小锁」代替「大锁」的方案,提升效率!
2022-09-25 06:56:08
4134
原创 [Go WebSocket] 多房间的聊天室(四)黑天鹅事件
多房间的聊天室的第四篇。上次我们开发了「多房间聊天室」的自动清理无人房间的逻辑,避免了内存无限增长。但是上次的实现并不完美,无法保证100%正确,今天我们做个优化。
2022-09-23 06:57:02
4055
原创 [Go WebSocket] 多房间的聊天室(三)自动清理无人房间
多房间的聊天室第三篇,上次我们开发了「多房间聊天室」的代码,但是存在内存无限增加的问题。这次我们增加自动清理无人房间的逻辑。
2022-09-22 07:03:42
4142
1
原创 [Go WebSocket] 多房间的聊天室(二)代码实现
实现一个多房间的聊天室第二篇。这次官网没有demo了,需要我们自己实现!本篇文章介绍了实现「多房间聊天室」的具体代码实现。
2022-09-21 06:48:53
4378
原创 [Go WebSocket] 多房间的聊天室(一)思考篇
该系列第四篇:实现一个多房间的聊天室。这次官网没有demo了,需要我们自己实现!本篇文章介绍了实现「多房间聊天室」的难点及解决方案。
2022-09-20 06:55:56
4683
原创 [Go WebSocket] 单房间的聊天室
如果你想实现WebSocket,基于压测数据,强烈建议你用Go!本文手把手教你实现一个支持多人聊天的聊天室服务,很适合用于新手入门!每一行代码都有详细注释。
2022-09-19 06:50:01
4338
原创 [极致用户体验] 在微信大字号模式下,网页样式乱了怎么办?
超过90%的网页,不支持微信大字号模式!在微信浏览器的大字号模式/关怀模式下,网页排版会错乱。快来看看,你的网页样式还正常吗?如何解决呢?
2022-09-18 06:52:04
4571
原创 [教你做小游戏] 滑动选中!PC端+移动端适配!完美用户体验!斗地主手牌交互示范
如何让你的网页交互同时支持PC端DragEvent和移动端TouchEvent?里面有诸多难点和坑点,本文教你如何实现多端体验都很完美的滑动选中!
2022-09-16 07:02:13
4665
原创 在互联网,摸爬滚打了几年,我悟了。面对如今经济形势,普通打工人如何应对?
也许你知道互联网行业很火,工资高,但并不理解互联网。只有你懂互联网,你才能更好的认知今天的世界,才能赚更多的钱。
2022-09-15 06:54:46
4819
原创 [教你做小游戏] 只用几行原生JS,写一个函数,播放音效、播放BGM、切换BGM
要做小游戏,播放音效、BGM是必须的。如何实现呢?本文讲解:只依靠原生DOM API,写几行JS就能播放背景音乐和音效!非常轻量级和高效!
2022-09-14 06:47:40
5153
原创 [Go WebSocket] 你的第一个Go WebSocket服务: echo server
如果你想实现WebSocket,基于压测数据,强烈建议你用Go!本文手把手教你实现一个echo服务,很适合用于新手入门!每一行代码都有详细注释。
2022-09-13 07:01:09
4600
原创 [教你做小游戏] 展示斗地主扑克牌,支持按出牌规则排序!支持按大小排序!
做斗地主游戏,要把扑克牌展示出来。常需要给扑克牌排序,例如手牌是按照大小排序,而出牌是按照出牌规则排序,底牌是不排序。如何满足这些复杂的排序需求呢?本文给你答案!
2022-09-12 06:50:06
4987
原创 [Go WebSocket] 为什么我选用Go重构Python版本的WebSocket服务?
我之前开发了《联机桌游合集》,但是很久没有发布新游戏了。作者最近在忙什么呢?在忙用Go重构后端WebSocket服务呢!快来看看吧~
2022-09-11 06:58:05
4325
原创 [JS入门到进阶] 手写解析uin8数组的工具:解析二进制字节,太快太方便了!
我常常需要处理二进制数据,他们通常用uin8数组来表示。我写了个工具,可以便捷的把uint8数组转换为二进制、十进制、十六进制、ASCII、整数。真的很方便!
2022-09-10 06:56:33
5284
原创 [CSS入门到进阶] 4行CSS实现footer置底!超常见的需求,快来收藏
大部分网站都需要footer,而footer置底是一个常见的产品诉求。今天我们用4行CSS样式,实现这个常见的需求!快来收藏~
2022-09-09 06:57:17
4680
原创 [JS入门到进阶] 手写裁剪图片的工具,并部署。一键裁剪掘金文章封面
裁剪图片,一个常用功能!但是无需下载APP、且安全、方便的工具还真不好找!今天,我们前端开发者用基础JS API手写一个裁剪图片工具!实现一键自动化裁剪!
2022-09-08 07:02:48
4047
原创 [JS入门到进阶] 手写解析URL参数的工具,并部署。用起来又快又爽!
工作中,要根据URL排查问题,需要解析它的参数才能去前端日志搜索;而我面试字节跳动、阿里巴巴时,都遇到了面试题:手写URL解析。所以,一起来手写实现解析URL的工具并部署吧!
2022-09-07 06:53:26
4272
原创 你必须要会uvloop!让Python asyncio异步编程性能直逼Go协程性能
如果你使用Python异步编程(例如async语法),但是你没听说过uvloop,那么你一定要看一下本文!这可能会让你的代码性能提升至少1倍!
2022-09-06 06:51:13
4573
原创 [CSS入门到进阶] 你真的了解 width height 吗?
width和height很常用,但你真的了解吗?本文带你系统性的梳理:工作中常见的width和height的特性。让你下次改样式时更快!
2022-09-05 06:51:02
4984
原创 [JS入门到进阶] 前端开发不能写undefined?这是误区!
看到有人说:不要再直接写undefined了,担心一些人会被误导。所以此文用「现代前端开发」的思想,为大家答疑解惑。以后请大胆使用undefined!
2022-09-04 06:53:07
3990
原创 [JS入门到进阶] 7条关于 async await 的使用口诀,新学 async await?背10遍,以后要考!快收藏
给你7条async await 使用口诀!帮助你把JS的async await玩得很6!初学者弄懂后,背10遍,立马进阶!
2022-09-03 06:59:51
3727
原创 [JS真好玩] 掘金创作者必备: 监控每天是谁取关了你?
「我这么好你还舍得取关我,那我什么时候能成为百万粉丝博主?」教你用JS监控粉丝,看看是谁取关了你!掘金创作者必备~
2022-09-02 06:59:26
3664
原创 [JS入门到进阶] 哎,被vite小坑了一波,大家记得配置build.cssTarget为‘chrome61‘
Vite用起来很爽,不必像Webpack一样手动配置各种Loader了,但是它仍存在一些小坑。我就被坑了,遇到个样式兼容性问题,好在最终找到了解决方案,一起来看一下解决过程吧!避免你再踩坑~
2022-09-01 07:02:00
4573
原创 [极致用户体验] 如何实现响应式canvas?保持canvas比例?教你让canvas自适应屏幕宽度!
用户体验好的canvas应有2个特性: 一屏展示全、比例与初始屏幕一致,且缩放过程中,比例不变并尽量撑满屏幕。本文教你如何实现这种极致用户体验的响应式canvas。
2022-08-31 06:52:53
8339
4
原创 [极致用户体验] 教你个超牛逼的分割线CSS!
给元素之间添加分割线,只需要一行牛逼的CSS!前提是你要学会文中这几个高级的CSS选择器,跟我一起来学习吧!以后秒杀CSS分割线需求!
2022-08-30 07:01:09
6228
原创 《 合 成 大 西 瓜 》 重 制 版 !( 联 机 版 在 做 了 )
我用Vite、物理引擎box2d、渲染库pixi.js重制了《合成大西瓜》!代码开源,手把手保姆级别教学!我还用React和WebSocket实现了《合成大西瓜》联机版!
2022-08-29 07:05:18
5090
原创 [CSS入门到进阶] 外国前端开发者说的 Intrinsic Ratios in css 是什么意思?
外国开发者很早就开始了对Intrinsic Ratios的讨论,它是CSS中的一类典型问题,前端面试也常考。本文带你了解一下这个问题,提供了传统解决方案和现代解决方案,并给出了具体的使用建议。
2022-08-28 07:01:47
3885
原创 [JS真好玩] 我帮掘金找到了一个小Bug,可利用该Bug增加专栏粉丝数
我发现了掘金专栏的Bug,不严重,但可以利用该Bug给专栏增加粉丝量。这是很常见的一种Bug类型:钱后端校验逻辑不一致。除了思考如何修复它,更重要的是:以后如何避免这种类型的漏洞。
2022-08-27 06:57:52
3877
原创 [教你做小游戏] 用86行代码写一个联机五子棋WebSocket后端
如何做一个联机对战的五子棋?这需要个后端服务,我手把手带你编写一下联机五子棋的WebSocket后端代码,只需要86行代码噢。快来学!
2022-08-26 06:54:42
5467
原创 [教你做小游戏] 用177行代码写个体验超好的五子棋
用177行代码做一个本地对战的五子棋游戏,手把手带你写每一行代码,并且使用码上掘金预览最终效果!没有任何依赖,无需素材,只用SVG、基础JS和简单的css。
2022-08-25 07:04:04
5527
原创 [教你做小游戏] H5小游戏技术选型分析,低代码?小游戏框架?canvas或SVG?还能用React?
做个H5小游戏,用什么技术?本文提供了4种技术方案,列出了各自优缺点和使用场景,给出了方案决策树,助你下次想做小游戏时,选出最适合你的技术方案!
2022-08-24 06:53:41
4469
原创 [JS真好玩] 表格不支持排序?用4行JS排序!两种方案:基于flex order或replaceChildren
有的表格不支持按某列排序,我提出了2个方法,使用JS修改Dom实现排序:基于flex order样式、基于Element.replaceChildren()这个API,分别只需7行和4行代码。
2022-08-23 06:54:27
1831
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人