Skip to main content

moregeek program

[js入门到进阶] 哎,被vite小坑了一波,大家记得配置build.csstarget为'chrome61'_hullqin的博客-多极客编程

大家好,我是公众号「线下聚会游戏」作者HullQin,开发了《联机桌游合集》,是个网页,可以很方便的跟朋友联机玩斗地主、五子棋等游戏。 1. 用Vite的爽点 之前,我用 《《 合 成 大 西 瓜 》 重 制 版 !( 联 机 版 在 做 了 )》。 以前用Webpack的难处 不得不说,用Vite作为构建工具,是真的方便啊! 以前每当启动一个项目,通常都会用Webpack初始化一下,然后手动

Read More

#yyds干货盘点# 前端歌谣的刷题之路-第四十二题-去掉字符串两端空格_前端歌谣的博客-多极客编程

前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 本题目源自于牛客网 微信公众号前端小歌谣题目请补全JavaScript函数,要求去除参数字符串两端的空格并返回。​编辑 核心代码<!DOCTYPE html>&

Read More

node.js | 从前端到全栈的必经之路_海底烧烤店的博客-多极客编程

前言 对于前端开发的朋友们,是否有这样的烦恼或需求: 想要开发一个心仪的项目但没有后端朋友的合作,而只能使用mock? 与后端合作开发中总感觉约束,不能很好的交流所想,从而拖慢进度? 不甘心自己只能和他人合作开发,想要自己独立实现效果? 想提高自己的地位,丰富自己的知识面,从而能够在团队中独当一面? 习惯了个人开发,自由惯了,不想随波逐流服从安排? 等等 当你有这些问题时,就该是时候问问自己是

Read More

#yyds干货盘点# 前端歌谣的刷题之路-第四十题-对象数字_前端歌谣的博客-多极客编程

前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 本题目源自于牛客网 微信公众号前端小歌谣题目请补全JavaScript函数,要求将数字参数转换为对象的形式返回。 示例: 1. typeof number === 'num

Read More

react在实际开发中variables与prop的实战运用_mb625ae00326074的博客-多极客编程

@[toc] Variables 所见,&lt;img/&gt;标记的SRC属性值是{logo}放在大括号中,这就是JSX识别变量的方式。 <img src={logo} className="App-logo" alt="logo" /> React将识别{logo},并知道在我们应用程序的第二行中介绍的徽标。然后react将读取此文件并渲染它。让我们尝试设置自己的变

Read More

这些前端新技术你很难再忽视了 —— svelte_安东尼漫长的技术岁月的博客-多极客编程

新系列《这些前端新技术你很难再忽视了》,包括:SolidJS、Svelte、Tauri、Bun、Schema等。每一个都引领前端技术演变趋势,很有必要了解。咱们将采用 5W1H 分析法,即 What(何事)、Why(何因)、Where(何地)、When(何时)、何人(Who)、How(何法)6 个维度来解析这些“新玩意儿”。本篇带来 —— Svelte,或许很多工友已经很熟悉了,还不认识的工友赶快

Read More

一次纯线上接口异常的排查过程_南城前端的博客-多极客编程

背景 线上接口发生异常,在测试环境及本地环境均正常返回无法复现异常问题。 技术栈 前端 umi + antd,后端 egg + egg-sequelize,主要排查方向在后端。 开始排查 开始排查异常,异常接口返回无详细错误信息。返回错误信息只有一个简单的错误提示 其他异常,该提示是接口异常默认的提示。 EXCEPTION_MSG: '其他异常' 但是接口异常正常会传入具体的异常信息,到前端却成了

Read More

qiankun框架对于微前端的解耦和沙盒与实战探索心得_mb625ae00326074的博客-多极客编程

@[toc] qiankun框架 由于主应用程序和微应用程序可以独立于技术堆栈,所以qiankun只是一个面向用户的类似jQuery的库。需要调用几个API来完成应用程序的微前端转换。同时,由于qiankunHTML入口和沙盒的设计,微应用程序的访问与使用iframe一样简单。 解耦 微前端的核心目标是将巨石应用程序分解为几个松散耦合的、可以自主的微应用程序,而乾坤的许多设计都遵循这一原则,例如

Read More

《 合 成 大 西 瓜 》 重 制 版 !( 联 机 版 在 做 了 )_hullqin的博客-多极客编程

大家好,我是公众号「线下聚会游戏」作者HullQin,开发了《联机桌游合集》,是个网页,可以很方便的跟朋友联机玩斗地主、五子棋等游戏。 背景 夏天又到啦,又到了吃西瓜的季节!怎么能少了《合成大西瓜》这款又好玩又解压的小游戏呢? 2021年,这款游戏风靡一时。 2022年,我HullQin(点开可关注我)自己写了一款《合成大西瓜》,但是加了一点点小功能:联机对战! 《合成大西瓜》重制单机版,点击

Read More

[css入门到进阶] 外国前端开发者说的 intrinsic ratios in css 是什么意思?_hullqin的博客-多极客编程

大家好,我是公众号「线下聚会游戏」作者HullQin,开发了《联机桌游合集》,是个网页,可以很方便的跟朋友联机玩斗地主、五子棋等游戏。 解释 Intrinsic Ratios in css 自从互联网Web诞生以来,外国开发者就开始了对 Intrinsic Ratios (aka Aspect Ratios) 的讨论。 Intrinsic Ratios 直译:固有的比例。 aka:你见过ra

Read More

[教你做小游戏] 用177行代码写个体验超好的五子棋_hullqin的博客-多极客编程

大家好,我是公众号「线下聚会游戏」作者HullQin,开发了《联机桌游合集》,是个网页,可以很方便的跟朋友联机玩斗地主、五子棋等游戏。 1. 需求描述 支持本地双人对战的五子棋游戏。 对于刚下的一步棋,要有标记。 要有提示:五联珠后提示谁赢了。 支持重新开局。 适配多种分辨率的屏幕。 面对这样一个五子棋游戏的需求,你会怎么做呢? 2. 技术选型 参考掘金文章《H5小游戏技术选型分析,低代码

Read More

node.js实战之node多进程与jxcore 打包深入运用_mb625ae00326074的博客-多极客编程

@[toc] JXcore 打包 Jxcore是一个支持多线程JS发布版本的节点,基本上不需要对现有代码进行任何更改,可以直接在多线程中运行,具有线程安全性。本文主要介绍jxcore的封装功能。下载jxcore安装包并解压缩。解压目录中提供了JX二进制文件命令。接下来,我们主要使用这个命令。Linux/OSX 安装命令: $ curl https://raw.githubusercontent.

Read More

[教你做小游戏] 《五子棋》怎么存棋局信息?_hullqin的博客-多极客编程

大家好,我是公众号「线下聚会游戏」作者HullQin,开发了《联机桌游合集》,是个网页,可以很方便的跟朋友联机玩斗地主、五子棋等游戏。 1. 问题描述 如果让你做个联机《五子棋》游戏,你会怎么存储棋盘上的棋子信息呢? 我的意思是,根据你存储的这些信息,就可以知道: 谁是黑棋?谁是白棋? 现在游戏结束了吗?若游戏结束,谁赢了?若没结束,现在该谁下棋了? 如果游戏支持悔棋,现在有人在请求悔棋吗

Read More

火爆全网的 evil.js 源码解读_hullqin的博客-多极客编程

大家好,我是公众号「线下聚会游戏」作者HullQin,开发了《联机桌游合集》,是个网页,可以很方便的跟朋友联机玩斗地主、五子棋等游戏。 背景 2022年8月18日,一个名叫Evil.js的项目突然走红,README介绍如下: 什么?黑心996公司要让你提桶跑路了? 想在离开前给你们的项目留点小 礼物 ? 偷偷地把本项目引入你们的项目吧,你们的项目会有但不仅限于如下的神奇效果: 当数组长度可

Read More

[极致用户体验] 2行代码,让你的ui适配移动端、pc端,快来收藏_hullqin的博客-多极客编程

大家好,我是公众号「线下聚会游戏」作者HullQin,开发了《联机桌游合集》,是个网页,可以很方便的跟朋友联机玩斗地主、五子棋等游戏。 1. 讲个故事 移动端适配,每一个前端都绕不开的话题。新手可能会花比较多的时间在上面,也不一定能搞懂。 部分产品经理可能也绕不开移动端适配。比如你做一个内部审批平台,某位老板准备用手机审批时,打开发现样式错乱了,大概率追问下属:“这啥玩意儿,手机上根本看不了啊

Read More

实战node.js之get/post请求在web 应用架构在客户端的使用_mb625ae00326074的博客-多极客编程

@[toc] GET/POST请求 在许多情况下,我们的服务器需要处理用户的浏览器,例如表单提交。get/post请求通常用于向服务器提交表单。 var http = require('http'); var url = require('url'); var util = require('util'); http.createServer(function(req, res){ r

Read More

[极致用户体验] 我做的《联机五子棋》是如何追求极致用户体验的?(下)_hullqin的博客-多极客编程

大家好,我是公众号「线下聚会游戏」作者HullQin,开发了《联机桌游合集》,是个网页,可以很方便的跟朋友联机玩斗地主、五子棋等游戏。 1. 前文回顾 关于《联机五子棋》小游戏,我在开发的时候,处处为极致用户体验着想。绞尽脑汁也要把用户体验做到最好! 上篇文章:《我做的《联机五子棋》是如何追求极致用户体验的?(上)》,我提到的点是:移动端适配、PC端适配、下棋只需点击一次、棋子的Hover态。

Read More

node.js实战对于buffer和stream模块系统的深入剖析_mb625ae00326074的博客-多极客编程

@[toc] Buffer 缓冲区 JavaScript语言本身只有字符串数据类型,没有二进制数据类型。但是,在处理TCP流或文件流时必须使用二进制数据。因此,在node JS中,定义了一个缓冲区类来创建用于存储二进制数据的缓冲区。 const buf = Buffer.from('runoob', 'ascii'); 在node JS中,缓冲区类是与node内核一起发布的核心库。缓冲库是no

Read More

#yyds干货盘点#switch的四种写法_文本、的博客-多极客编程

JavaScript 的 switch 有四样写法,你知道么?不管你知道不知道,反正我是不知道。我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理,写法可就多了去了。if 分支写法可以算一种,switch 分支写法可以算第二种,第三种是使用策略模式,如果要把条件运算符也算上的话,嗯,刚好四种。不过本文的主角是 switch。大家都了解 switch 的写法一

Read More

[极致用户体验] 用户体验好的 button,在手机上不应该有 hover 态_hullqin的博客-多极客编程

大家好,我是公众号「线下聚会游戏」作者HullQin,开发了《联机桌游合集》,是个网页,可以很方便的跟朋友联机玩斗地主、五子棋等游戏。 1. Button在PC端的3种状态 在PC端,如果你想自己实现一个让用户体验好的Button,至少需要设置3种状态的样式: 常态 Hover态 Active态 (当然,你可以视情况增加其它状态,例如Disabled态、Loading态) 拿ant des

Read More