HullQin的博客_JavaScript,HTML5,微信开发,Html/CSS,其他Web开发,教你做小游戏,Go WebSocket,极致用户体验(1)

我们用48h，合作创造了一款Web游戏：Dice Crush，参加国际赛事

几个大厂小伙，有产品策划、有设计师、有程序员，合作创造游戏，48小时，能开发出什么游戏？快来看看我们艰辛的制作过程吧！

javascript

html

js

前端

游戏

置顶原创精选 2022-07-23 14:58:07 1033 阅读 2点赞 2收藏 在51CTO的第一篇博文

一定给Button加上这个CSS，否则在用户设定的字体或字号下，文案就换行了！

面一个样式问题。

前端

JavaScript

CSS

微信

公众号

原创 2023-01-08 01:13:47 715 阅读

如何用JS识别用户浏览器是否支持某 Emoji？比如?‍在安卓上可能展示为?

如果你的网页中，展示一些 Emoji，那么一定要小心！因为在旧的系统中，可能无法正确展示新出的 Emoji。本文教你如何用JS判断Emoji能否正确展示。

前端

JavaScript

ico

无障碍

原创 2022-12-18 00:17:12 171 阅读

我画了个色彩叠加计算器

这是我的专栏《前端入门到进阶》，跟HullQin学前端，入门到进阶！带你进大厂！背景在上篇文章《不枚举，微信WeUI如何巧妙定义白天、暗夜模式各主色的active态色号？》中，我说过微信的WeUI是通过叠加一个半透明的遮罩层，实现元素的active状态样式的。如果我们像WeUI那样，定义一个遮罩层，那么这个遮罩层应该取什么色号呢？它跟各种颜色叠加后，展示的颜色是什么样子呢？

前端

JavaScript

CSS

输入框

遮罩层

原创 2022-12-12 10:54:23 526 阅读

开发个「英雄杀记牌器」

以前很喜欢玩英雄杀，普通人玩的时候不记牌，但高手一定要记牌，一般的高手会记某某装备牌出现过没有、杀闪药还有几张，顶级高手会记剩下的牌是黑桃A杀、红桃Q药……太牛逼了。

前端

JavaScript

游戏

sed

Text

原创 2022-12-12 10:53:33 878 阅读

一行代码，让网页变为黑白配色

让网页变为黑白配色，是个常见的诉求。而且往往是突如其来的诉求，是无法预知的。遇到这样的需求时，我们需要迅速改代码和发布。本文给你解决方案。

前端

JavaScript

CSS

html

灰度

原创 2022-12-05 14:53:04 498 阅读

4k字介绍 React Router 6.4 超大变化：引入 Data API。你不纯粹了！

本文用80%篇幅客观介绍React Router 6.4新功能data API，用20%篇幅发表个人观点：维护团队(Remix)想法很宏伟，但是这样的路由组件不纯粹，因此我不建议使用。

前端

JavaScript

API

json

原创 2022-12-05 14:52:54 1370 阅读

为什么同一表情'?‍️'.length==5但'?‍'.length==4？本文带你深入理解 String Unicode UTF8 UTF16

为什么同样是男人，但有的男人'?‍♂️'长度是5，有的男人'?‍♂'长度是4呢？本文带你深入理解String Unicode UTF8 UTF16。

前端

JavaScript

ico

字符串

原创 2022-11-28 10:21:57 194 阅读

如何给多个页面，添加统一的导航栏？我罗列对比了 5 个方案

统一添加导航栏的5个方案是：服务端渲染、前端编译时添加、前端运行时添加、基于框架组件、基于微前端。我对比了5个方案的优劣，帮你做出合适的选择。

前端

JavaScript

html

导航栏

原创 2022-11-28 10:21:34 1238 阅读

[JS真好玩] NodeJS 使用gm和imageMagick 处理图片

最近我在用JS做好玩儿的事情，需要处理图片。网上很多教程，各种方法五花八门，某些方法不一定行的通。本文给你分享一种被作者验证能用的方法，使用NodeJS处理图片。

前端

Node.js

JavaScript

文件路径

背景色

转载 2022-11-16 16:24:48 515 阅读

忘改 git config user，用公司邮箱提交到私人的github，如何挽救？

各位打工人一定遇到过这种情况：电脑上存了一些公司代码，也存了一些私人代码。在两种仓库上要配置不同的用户信息。很容日忘记配置，导致公司邮箱push到私人仓库了，该怎么办呢？

Git

GitHub

git

用户信息

原创 2022-11-06 01:31:59 254 阅读

我给数据只存在 localStorage 的实用备忘录添加了语法高亮和折叠功能

之前我开发了个所有数据只存在 localStorage 的实用备忘录。今天，我又开发了语法高亮、折叠功能，快来体验一下吧！

前端

JavaScript

后缀

文件名

原创 2022-11-06 01:31:36 150 阅读

我开发了个：所有数据只保存在 localStorage 的实用备忘录

我做了个Sublime Text网页版，用作本地的备忘录，临时存一些文本、代码、思路等，特点是：信息只保存本地，非常安全。响应速度非常快。编辑器好用，支持搜索、正则替换、多光标模式。自动保存。

前端

JavaScript

html

开发者

原创 2022-11-06 01:30:46 346 阅读

[React] 你不了解但有用的API: React.Children 与 React.cloneElement

本文介绍：你不了解但有用的React API: React.Children 与 React.cloneElement。

前端

React.js

JavaScript

子节点

数组

原创 2022-11-01 10:02:52 332 阅读

开发个 json 格式化工具兼容常见异常格式（不带引号的key 末尾多余逗号）

我经常需要格式化json，有时候是需要把它变得易读，有时候是需要把它压缩。我常用网上的在线工具，但是有些工具很卡、有些工具有广告、有些工具甚至有泄露数据的安全风险。所以我自己动手开发了一个工具。

前端

JavaScript

基本类型

数组

原创 2022-11-01 09:51:29 656 阅读

开发个 markdown 和 excel 在线表格格式互相转换的在线工具

我经常需要编辑markdown表格，有时需要在markdown和excel（或在线表格）之间来回复制。所以我需要一个支持markdown和excel（或在线表格）互相转换格式的工具。

前端

JavaScript

在线表格

自动生成

原创 2022-11-01 09:51:06 3249 阅读

Python daphne 如何实现「顶号」功能（避免让用户多开）

Python daphne官方文档没告诉你关于receive和send的原理。我通过阅读daphne源码，再加上自己了解一点点 Python 异步编程，掌握了高级用法，分享给大家。

后端

Python

客户端

python

原创 2022-11-01 09:50:56 651 阅读

Python 服务需要使用配置文件？最好别自定义格式，请使用 configparser

其实很多时候，我们都需要使用配置文件，它的特点是：修改方便，无需理解代码，即可修改。Python标准库configparser为读写配置文件提供了方便强大的功能，而且不需要安装任何额外依赖。

后端

Python

配置文件

类型转换

原创 2022-11-01 09:50:44 203 阅读

Python twisted事件循环服务更新重启内存变量持久化、自动恢复的奥秘

重启Python twisted事件循环服务时，我需要在结束老的服务时，将内存变量存下来，持久化存到文件里；启动新中。该怎么实现呢？本文给出解决方案。

后端

Python

数据

生命周期

原创 2022-11-01 09:50:23 174 阅读

联机五子棋！复盘功能上线！

联机五子棋支持复盘功能了！开启后，所有棋子上都有数字，表明落子顺序，并且可以通过「上一步」「下一步」随时复原棋

JavaScript

游戏开发

掘金·日新计划

公众号

小游戏

原创 2022-11-01 09:50:11 1076 阅读

Python 如何优雅的记录线上服务日志？基于标准库 logging

每当用户找我反馈Bug时，我都能通过日志快速定位到问题。它已经稳定运行了半年之久，时间已经证明了我的答案。

后端

Python

掘金·日新计划

日志系统

记录日志

原创 2022-11-01 09:50:02 269 阅读

[JS真好玩] 图片文件没后缀，怎么判断图片类型？

从网上下载的图片，都没有后缀标明文件类型。如何写代码识别它们真实的文件类型，并自动改名字呢？本文给你提供答案。

前端

JavaScript

Node.js

后缀

文件类型

原创 2022-10-26 14:35:36 534 阅读 1收藏

我用码上掘金给Apple官方反馈了iOS16的CSS Bug

近日，有多个用户反馈我负责的页面出问题了，且都升级了iOS16。所以，我连忙我的iOS测试机到iOS16做验证，果然，是个必现问题。而且，是iOS16的Bug。我连忙反馈给了Apple官方……

前端

JavaScript

CSS

ios

ipad

原创 2022-10-26 14:15:50 791 阅读

5种前端代码共享方案：npm包、git submodules、脚手架模板生成、复制、UMD或模块联邦

我的象棋、五子棋、斗地主、UNO有很多公共代码。我是如何决策代码共享方案的呢？今天给大家分析一下5种代码共享方案，聊聊各自的特点和适用场景，分享我的决策过程。

前端

JavaScript

掘金·日新计划

开发者

git

原创 2022-10-24 10:33:06 743 阅读

[教你做小游戏] 如何开发实现: 判断五子棋长连禁手

长连禁手：黑棋一子落下形成一个或一个以上的长连（五个以上的棋子连在一起）。如何开发实现判断五子棋的长连禁手？本文给你答案。

JavaScript

游戏开发

i++

公众号

原创 2022-10-24 10:32:11 364 阅读

[教你做小游戏] 如何开发实现: 判断五子棋四四禁手

四四禁手：黑棋一子落下同时形成两个或两个以上的冲四或活四。如何开发实现判断五子棋的四四禁手？本文给你答案。

JavaScript

游戏开发

公众号

小游戏

原创 2022-10-24 10:31:56 454 阅读

联机五子棋！禁手模式上线！打开URL就能联机对战！观战！单机演练！分享残局！

2022年，一款纯粹、简单、流畅的五子棋，应该有什么样的体验？基于React、WebSocket、Golang，我开发了没有广告、无需下载的联机五子棋，欢迎来免费使用！

JavaScript

游戏开发

公众号

进制

原创 2022-10-24 10:31:36 6062 阅读

[教你做小游戏] 手写五子棋三三禁手判断有多难？还得递归！

五子棋的三三禁手判断，太难了！如果某黑子组成两个活三，则为禁手。有些看起来是活三，其实由于它周围存在禁手，会让它变为眠三。我们需要递归去判断是否活三！这逻辑，终于被我开发出来了！

JavaScript

游戏开发

公众号

调用函数

原创 2022-10-24 10:31:02 1255 阅读 1点赞 2评论

你有多个前端项目，他们目录结构很像？有公共组件函数？该怎么复用？

背景我独立开发了《联机桌游合集》，是个网页，可以很方便的跟朋友联机玩斗地主、五子棋、象棋等游戏。这些游戏是不同的前端项目，而这些项目的目录结构可以说是一模一样，还有很多公共组件和函数，我是如何管理的呢？是如何做方案选型的呢？之前已经介绍过类似的话题：《5种前端代码共享方案：npm包、git submodules、脚手架模板生成、复制、UMD或模块联邦》《Git Submodules 介绍（通俗易懂

前端

JavaScript

git

json

原创 2022-10-24 10:30:38 266 阅读

Git Submodules 介绍（通俗易懂，总结了工作完全够用的 submodule 命令）

我开发的象棋、五子棋、斗地主等游戏，有很多公共依赖。我是用Git Submodules管理的，今天向大家介绍一下Git Submodules使用方法。

前端

Git

git

相对路径

原创 2022-10-23 00:46:47 8592 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

HullQin的博客