作者： 强哥

CocosCreator获取元素点击的相对坐标

页面上有一张图片，我想在点击图片上某一个位置的时候获取到点击位置相对于该元素的坐标； 下面是坐标示意图 Cocos Creator 提供的API只能获取到x1,y1的值，而我们要得到的是x2,y2的值，就需要用到坐标转换； 实现代码 function onTouchEnd(event: EventTouch) { // 这里得到的就是x1,y1的值 const pos = event.getUIL…
前端技术

Parallels Desktop无界面启动指定虚拟机

起因 使用Parallels Desktop安装Debian服务器，运行实际上是不需要用户界面的。 日常使用中，在虚拟机启动之后使用ssh远程访问就可以了。 所以需要在命令行实现无界面启动虚拟机，这也方便我们放到开机启动项中。 实现 命令行无界面启动虚拟机，首先不要打开 Parallels Desktop App 这里要用到 prlctl 这个工具，详细的使用方法可以使用 prlctl 直接回车可…
开发工具

vercel支持国内访问

vercel 和 netlify 作为 serverless 的 sass 平台，对于开发者都有免费的使用空间，但是 vercel 在国内无法访问。 因为 vercel 在国内 dns 被污染了，所以没有办法解析到正式的 vercel 服务器，解决方案就是只需要配置一个域名指向真实的 IP 或者主机即可； 首先我们要买一个域名，例如 mysite.com ，接下来配置域名解析： 有两种方式： 1、…
开发工具

dio网络请求库使用系统代理

起因 因为项目中使用了firebase storage存储文件，当使用dio下载时发现国内的网络无法正常下载。 但是发现在dio的HttpClient示例的findProxy写死代理地址之后就可以下载。 这说明dio并没有使用系统的代理，所以需要获取系统代理并设置到dio的代理中。 具体实现 需要用到的dart包：http_proxy_override 主要分为两步，即获取系统代理和设置dio代理…
前端技术

Windows信任自签名的https证书

Gitea证书是用mkcert生成的，对于其他的电脑会展示为不信任的证书，浏览器地址栏会有红色的危险警告。可以通过下载网站证书，然后导入操作系统的方式解决。 首先在浏览器上导出证书文件，安装到「受信任的根证书办法结构」下，重启浏览器打开网站，发展https警告已经消失了。
开发工具

Git命令行中文文件名不能正常显示

具体表现 在git中我们使用git status查询文件修改状态时，对于中文的文件名没有办法正常显示，就没有办法看到修改的是那个文件了。 效果如下图所示： 经过查询一下资料，发现和git的一些配置有些关系； 开始修改 1、首先我们找到相关的配置 参考链接：https://git-scm.com/docs/git-config#Documentation/git-config.txt-corequo…
开发工具

使用Powershell将Cocos游戏打包为抖音小玩法包体

前言 Cocos Creator开发的游戏是可以直接发布在原生平台上的。目前在运行的抖音弹幕小玩法就需要打包成exe文件后提交给抖音平台，但是每次都需要手动打包压缩等比较麻烦。本文通过摸索来使用 powershell 实现命令行打包和压缩的过程，让下面的操作一条命令实现。 Cocos Creator 点击构建，等待完成 Cocos Creator 点击生成，等待完成 找到生成的目录文件，重命名为 …
开发工具

Nginx配置通用反向代理指定域名到指定服务

前言 首先我们先看一下要达到的效果，我们希望访问某一个域名自动指向本地启动的某一个端口的服务（我们就以域名 <number>.localapp.com 为例），效果如下： 8080.localapp.com => 127.0.0.1:8080 8081.localapp.com => 127.0.0.1:8081 接下来大家可能会说为什么要这么做呢，直接访问 http://…
服务器技术

使用安卓adb命令行来管理手机软件

Android 调试桥 (adb) 是一种功能多样的命令行工具，可让您与设备进行通信。adb 命令可用于执行各种设备操作，例如安装和调试应用。adb 提供对 Unix shell（可用来在设备上运行各种命令）的访问权限； —— 摘自 adb官方使用文档 我也是在开发 flutter app 的时候接触了 adb 的，发现还可以通过 adb 去删除顽固软件。 首先我们在电脑上安装 adb 工具，如果…
开发工具

Flutter支持webview并实现双向通信

在 flutter 项目开发中，避免不了在 app 中会使用一些 H5页面，所以需要在 app 中嵌入 webview； 安装依赖 首先要在项目中安装 webview_flutter 插件，我这里安装的版本是： webview_flutter: ^4.0.2 添加 Bridge 集成 webview 可以查看官方文档案例（此处就不单独再说明）。 创建一个 WebViewController，注意这…
前端技术

CocosCreator命令行构建游戏资源

前言 作为初学者，Cocos开发过程中发布游戏都是通过界面右上角“构建发布”按钮去做发布的，但是发布的配置无法存储在项目版本管理中，多人开发的时候就需要重新设置发布，所以研究了下，官方是支持使用命令行发布的，这样就只需要在代码编辑的IDE就可以实现发布游戏了。 官方文档的说明：Cocos Creator 3.0 手册 – 命令行发布项目 步骤 命令行发布分为下面的步骤： 创建发布的配置…
前端技术

Webstorm中cocos开发无法提示类型的问题方案

近期接触了cocos游戏开发的学习，在代码开发中遇到一些问题，开发时期会用到两个工具： 1、cocos creator – 用来UI构建以及资源管理 2、VS Code 或者其他编辑器 – 脚本代码开发 代码编辑官方推荐使用VS Code，但是我习惯上还是喜欢使用Webstorm，因为它要更加的强大一些，所以就遇到了下面的问题。 数据类型没有办法识别，展示警告，在开发的时候…
开发工具

本地开发告别“您的连接不是私密连接”，使用mkcert生成本地证书

前言 本地开发过程中如果启用了https但是没有配置证书，浏览器就会下面的警告错误 我们必须手动点击高级 -> 继续前往 xxx 才可以正常访问，这也是浏览器的保护机制，既然是本地开发，我们肯定网站是安全的，我们可以信任的。我们如果配置了证书就能解决上面的警告，获取证书有下面的两个渠道： 1、获取网站真实的证书 2、自己创建本地信任的证书 我们一般选择“自己创建本地信任的证书”，因为线上证书…
前端技术

我用Next.js写了一个Obsidian代理服务，无需翻墙就可以随意下载插件

如何使用 我之前使用了 obsidian-proxy-github 插件用来访问社区插件列表，但是后面内置的几个代理都没有办法访问了，所以我基于这个插件做个一下修改，添加了自定义代理服务配置的选项，效果如下。 并且我使用next.js实现了一个简单的代理服务，源代码存储在 github 上了，欢迎大家star和提issue。代理的原理其实就是让服务器帮我们去github下载资源，然后由代理服务器返…
开发工具

基于飞书表格的前端页面数据热更新方案

业务需求 我们的项目有一个「常见问题」的页面，里面罗列了我们APP使用的一些疑问和官方的解答，这个页面里面的数据会随着产品的运营经常的更新，当新发版的时候可能有多个产品经理去维护这个页面数据。「常见问题」页面的实现可以是RN/Flutter/H5，有下面的两种方案可以实现页面的更新： 1、管理后台维护维护常见问题的数据 2、将数据托管到飞书表格，前端人员拉取飞书表格数据后打包生成页面 但是上述两个…
前端技术

Obsidian常用插件推荐以及云盘下载链接

Obsidian作为一款优秀且免费的笔记软件，加上其灵活的插件系统设计，市场上有很多的插件让它变成了一个很强大的笔记系统，如果插件使用的好，完全可以提升自己的写作能力和整理能力，本文将推荐一些个人在使用的一些插件供大家使用。因为国内网络的原因，我已经将下面提到的插件全部打包上传到了阿里云盘上，大家可以下载后使用。 下载地址：阿里云盘分享链接。如果插件有版本更新，我会重新上传新版本的插件，大家可以查…
图书阅读

Kindle传入的书籍无法调整样式解决方案

随着Kindle退出中国市场，在线同步也将会在不久的将来停止，我们唯一可以使用Kindle看书的方式就是下载好图书然后传入到Kindle中。 传入到Kindle中的有些书籍排版有些问题，最常规的就是无法设置字体、行距并不是很协调等，例如下面的情况： 上述图片我们看出粗体不可用，只能选择内置的字体，即使我把每一行的间距设置成了最大，但是看起来还是很挤，我们期待的效果应该是下面的 上述图片可以选择自定…
图书阅读

前端生成海报方案以及优化

生成海报在日常的 H5开发中已经很常见了，为了更好的用户体验大家都有不同的解决方案。不管是微信还是朋友圈或者其他的社交平台，生成海报的目的主要是用来分享出去。下面是生成海报并分享的主要流程： 1、获取数据 在服务器端获取海报上展示的数据，例如头像、背景、统计数据等； 2、H5绘制海报 通过服务器返回的数据在 canvas 上绘制海报，有下面的两种方式实现： 创建 canvas 画布，手动绘制元素到…
前端技术