<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[creen027的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/creen027</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; creen027]]></copyright><item><title><![CDATA[做个开源项目出海赚钱：一个强大的 JavaScript 随机数据生成库（1/5）- 从零开始打造 RandBox]]></title><link>https://blog.youkuaiyun.com/creen027/article/details/153563141</link><guid>https://blog.youkuaiyun.com/creen027/article/details/153563141</guid><author>creen027</author><pubDate>Sun, 19 Oct 2025 12:15:44 +0800</pubDate><description><![CDATA[《RandBox：一个前端工程师的随机数据生成开源项目实践》摘要：作者基于当前就业环境，开发了开源随机数据生成库RandBox，旨在解决现有方案功能单一、使用复杂等问题。项目采用TypeScript开发，支持模块化、国际化及种子控制，提供100+API方法。目前已上线Google广告平台，初期流量和收益虽有限但前景可期。文章详细介绍了项目设计目标、技术架构（Rollup+AVA+Nextra）和开发规划，并展望了其作为开发者工具和教育资源的长远价值。项目官网和GitHub已开放，欢迎社区参与。]]></description><category></category></item><item><title><![CDATA[Three.js 实现地球仪并标注城市教程(Trae实现)]]></title><link>https://blog.youkuaiyun.com/creen027/article/details/148996086</link><guid>https://blog.youkuaiyun.com/creen027/article/details/148996086</guid><author>creen027</author><pubDate>Sun, 29 Jun 2025 12:29:55 +0800</pubDate><description><![CDATA[本人最近在做一个全球地铁的导航网站——[metrolinehub](https://www.metrolinehub.com/zh)，于是就想做一个3D的旋转的地球，做3D的地球的话首先想到的是 `Three.js`。在三维可视化领域，`Three.js` 是一个强大且易用的 `JavaScript` 库，能够帮助开发者轻松创建各种炫酷的 `3D` 场景。本文将带你从零开始，使用 `Three.js` 实现一个精美的地球仪，并在地球仪上标注北京、上海、东京等城市。]]></description><category></category></item><item><title><![CDATA[使用 Leaflet.js 生成北京地铁地图(Trae实现)]]></title><link>https://blog.youkuaiyun.com/creen027/article/details/148996052</link><guid>https://blog.youkuaiyun.com/creen027/article/details/148996052</guid><author>creen027</author><pubDate>Sun, 29 Jun 2025 12:26:30 +0800</pubDate><description><![CDATA[本文介绍了如何使用Leaflet.js创建北京地铁交互式地图。首先需要准备Trae工具、Leaflet.js库和北京地铁GeoJSON数据。通过HTML结构和JavaScript代码初始化地图视图，加载OpenStreetMap底图，并利用GeoJSON数据绘制地铁线路和站点。文章还展示了如何定制线路颜色、站点样式，添加点击弹窗功能，并建议进一步优化如添加图例、线路筛选等。最终实现的地图可清晰展示北京各条地铁线路及站点信息，为开发者提供了创建交互式城市地铁地图的完整方案。该方法也可扩展应用于其他城市的地铁系]]></description><category></category></item><item><title><![CDATA[中秋鲸云特效：模仿网易云，点亮你的中秋夜]]></title><link>https://blog.youkuaiyun.com/creen027/article/details/145481600</link><guid>https://blog.youkuaiyun.com/creen027/article/details/145481600</guid><author>creen027</author><pubDate>Thu, 06 Feb 2025 20:45:43 +0800</pubDate><description><![CDATA[借助鲸云特效模仿网易云的设计，点亮你的中秋夜。其炫动的视觉效果、个性化的互动设计和远距离联动的功能，都能为你的中秋带来别样的体验。让我们一起用鲸云特效为中秋佳节增添一份华丽，让音乐和特效成为我们与家人朋友连接的纽带。祝大家中秋快乐！]]></description><category></category></item><item><title><![CDATA[微信小程序特效1/200：微信红包动画特效实现]]></title><link>https://blog.youkuaiyun.com/creen027/article/details/145481562</link><guid>https://blog.youkuaiyun.com/creen027/article/details/145481562</guid><author>creen027</author><pubDate>Thu, 06 Feb 2025 20:41:48 +0800</pubDate><description><![CDATA[年开工之际，我特意为大家制作了一个微信红包动画特效，希望借这个小小的特效，给大家送上新春的祝福，愿大家在新的一年里万事顺遂，喜乐安康！这个红包组件综合运用了微信小程序的多个特性,通过精心设计的动画效果提升了用户体验,是一个很好的动画交互案例。，一个立志写出 200 个小程序特效的创作者。]]></description><category></category></item><item><title><![CDATA[2025 年后端开发路线图：完整指南]]></title><link>https://blog.youkuaiyun.com/creen027/article/details/145369024</link><guid>https://blog.youkuaiyun.com/creen027/article/details/145369024</guid><author>creen027</author><pubDate>Sun, 26 Jan 2025 15:42:06 +0800</pubDate><description><![CDATA[那么，成为一名后端开发人员需要多长时间呢？如果你每周投入大约20 小时的时间，通常需要8 - 12 个月才能获得构建和部署可扩展后端系统所需的技能。关键不在于你学习的速度，而在于保持专注并遵循一个清晰的计划。祝你学习之旅顺利！免费路线图模板Stack Overflow 开发者调查。]]></description><category></category></item><item><title><![CDATA[好用的网页内容转Markdown工具]]></title><link>https://blog.youkuaiyun.com/creen027/article/details/145368939</link><guid>https://blog.youkuaiyun.com/creen027/article/details/145368939</guid><author>creen027</author><pubDate>Sun, 26 Jan 2025 15:37:58 +0800</pubDate><description><![CDATA[本浏览器插件可以用于优快云/知乎/脚本之家/博客园/博客园/51CTO博客/php中文网/掘金/微信等网站,一键下载文章成html或markdown文件;实现无需登录一键复制代码;支持选中代码;或者代码右上角按钮的一键复制;解除关注博主即可阅读全文提示;去除登录弹窗;去除跳转APP弹窗.插入自定义样式(css代码)下载所有图片自定义选择下载html自定义选择下载markdown自定义选择下载pdf。]]></description><category></category></item><item><title><![CDATA[使用 Plasmo 设置浏览器插件动态 Icon]]></title><link>https://blog.youkuaiyun.com/creen027/article/details/141993413</link><guid>https://blog.youkuaiyun.com/creen027/article/details/141993413</guid><author>creen027</author><pubDate>Sat, 07 Sep 2024 11:49:06 +0800</pubDate><description><![CDATA[本浏览器插件可以用于优快云/知乎/脚本之家/博客园/博客园/51CTO博客/php中文网/掘金/微信等网站,一键下载文章成html或markdown文件;实现无需登录一键复制代码;支持选中代码;或者代码右上角按钮的一键复制;解除关注博主即可阅读全文提示;去除登录弹窗;去除跳转APP弹窗;页面自定义样式.]]></description><category></category></item><item><title><![CDATA[教你怎么快速下载掘金文章]]></title><link>https://blog.youkuaiyun.com/creen027/article/details/141992806</link><guid>https://blog.youkuaiyun.com/creen027/article/details/141992806</guid><author>creen027</author><pubDate>Sat, 07 Sep 2024 11:24:00 +0800</pubDate><description><![CDATA[本浏览器插件可以用于优快云/知乎/脚本之家/博客园/博客园/51CTO博客/php中文网/掘金/微信等网站,一键下载文章成html或markdown文件;实现无需登录一键复制代码;支持选中代码;或者代码右上角按钮的一键复制;解除关注博主即可阅读全文提示;去除登录弹窗;去除跳转APP弹窗;页面自定义样式。功能上已经可以满足要求。可能还有很多不足的地方，大家发现了问题或者有其他需求的话，欢迎向我反馈。]]></description><category></category></item><item><title><![CDATA[把vite + react 项目改造成多页面应用]]></title><link>https://blog.youkuaiyun.com/creen027/article/details/135472117</link><guid>https://blog.youkuaiyun.com/creen027/article/details/135472117</guid><author>creen027</author><pubDate>Tue, 09 Jan 2024 09:37:40 +0800</pubDate><description><![CDATA[因为本人正在做一个基于`electron`、`vite` 和 `react`，我做了一个截图、录音、录屏桌面软件。在做的过程中，发现项目越来越大，这时候就要关注项目的性能了。在网站和应用开发中，页面加载速度是一个非常重要的因素。页面加载速度慢会导致用户流失，影响用户体验。因此，选择合适的页面加载方式非常重要。]]></description><category></category></item><item><title><![CDATA[在公司项目中使用changesets进行项目管理，提升效率]]></title><link>https://blog.youkuaiyun.com/creen027/article/details/135471886</link><guid>https://blog.youkuaiyun.com/creen027/article/details/135471886</guid><author>creen027</author><pubDate>Tue, 09 Jan 2024 09:33:13 +0800</pubDate><description><![CDATA[总之，在的项目中使用changeset是一种高效、规范的版本控制和发布管理方法。它可以帮助开发者更好地管理包之间的依赖关系，并提供更可靠的代码库维护和版本历史追踪。通过结合和changeset，我们可以更高效地构建和维护复杂的软件项目。]]></description><category></category></item><item><title><![CDATA[web (h5) 和 Electron 实现录音软件]]></title><link>https://blog.youkuaiyun.com/creen027/article/details/134230975</link><guid>https://blog.youkuaiyun.com/creen027/article/details/134230975</guid><author>creen027</author><pubDate>Sun, 05 Nov 2023 15:49:53 +0800</pubDate><description><![CDATA[Electron和React的协同Electron是一个基于Chromium和Node.js的开发框架，用于构建跨平台的桌面应用程序。通过与React的结合，可以轻松实现复杂的用户界面和交互体验，既能满足用户需求，又能提高开发效率。因此，将Electron和React应用于录音软件的开发中，能够为用户提供更好的体验，并且从开发者角度来看，更加便捷和高效。WebRTC技术的应用WebRTC是一项用于浏览器之间实时通信的开放性标准，它提供了音频、视频和数据传输的能力，适用于广泛的应用场景。]]></description><category></category></item><item><title><![CDATA[基于electron 和 react,我做了一个桌面音乐播放器]]></title><link>https://blog.youkuaiyun.com/creen027/article/details/133848354</link><guid>https://blog.youkuaiyun.com/creen027/article/details/133848354</guid><author>creen027</author><pubDate>Sun, 15 Oct 2023 21:47:35 +0800</pubDate><description><![CDATA[aplayer是一款基于HTML5的音乐播放器插件，它使用简单方便，并且功能强大。以下是aplayeraplayer支持播放多种音频格式，包括MP3、WAV、FLAC等。aplayer可以根据播放器容器的大小自动调整布局，适应不同的屏幕尺寸和设备类型。aplayer提供了常见的音乐播放控制功能，包括播放/暂停、上一首/下一首、调节音量等。aplayer支持创建和管理播放列表，可以通过API动态添加或删除歌曲。aplayer。]]></description><category></category></item><item><title><![CDATA[使用 Electron、Vite、ViewerJS 和 React 开发图片预览桌面应用]]></title><link>https://blog.youkuaiyun.com/creen027/article/details/132560131</link><guid>https://blog.youkuaiyun.com/creen027/article/details/132560131</guid><author>creen027</author><pubDate>Tue, 29 Aug 2023 14:13:02 +0800</pubDate><description><![CDATA[我需要使用Electron和viewerjs来将React应用程序集成到桌面应用程序中，使用Electron将React应用程序渲染成一个桌面应用程序。]]></description><category></category></item><item><title><![CDATA[WebCRT Audio(AudioContext) - 绘制音波图，超级好玩！]]></title><link>https://blog.youkuaiyun.com/creen027/article/details/131744983</link><guid>https://blog.youkuaiyun.com/creen027/article/details/131744983</guid><author>creen027</author><pubDate>Sat, 15 Jul 2023 22:34:48 +0800</pubDate><description><![CDATA[使用创建analyser，将音频流stream连接到analyser设置analyser的fft参数，以此获取音频数据通过递归调用来实现动画效果使用Canvas或echarts来绘制条形图以及小浮块，将这绘制操作放在的回调中，从而展示动态的频谱图。如果你看完还是做不出来，可以在pear-rec里直接看源码实现。]]></description><category></category></item><item><title><![CDATA[用Vite+Electron搞个微信截图工具（区域截屏工具）]]></title><link>https://blog.youkuaiyun.com/creen027/article/details/131698145</link><guid>https://blog.youkuaiyun.com/creen027/article/details/131698145</guid><author>creen027</author><pubDate>Thu, 13 Jul 2023 11:13:21 +0800</pubDate><description><![CDATA[文章写到这里基本结束了，简单回顾下文章的内容。Q:为什么没有用?一开始我是使用，但是最后放弃了，原因有两个：1. 编译太慢，不知道是不是webpack的原因，但是和vite比真的太慢了！！！2.使用的是打包，也不太自定义，所以最后放弃。。Q: 有源码吗？，有兴趣的话可以大家一起探讨，同时也欢迎大家fork和star。]]></description><category></category></item><item><title><![CDATA[用OHIF和electron来实现免费DICOM桌面应用]]></title><link>https://blog.youkuaiyun.com/creen027/article/details/126361670</link><guid>https://blog.youkuaiyun.com/creen027/article/details/126361670</guid><author>creen027</author><pubDate>Tue, 16 Aug 2022 14:01:26 +0800</pubDate><description><![CDATA[市面上有很多DICOM编译器，但是大多数是收费的而且很多技术很陈旧，不好用，于是我打算自己写一个。安装好插件后可以运行一下electron，很简单只用执行一下上面的代码就可以了！安装时间可能比较长，可以使用国内淘宝镜像。...]]></description><category></category></item><item><title><![CDATA[如何实现分层区组随机化，分层随机化，区组随机化]]></title><link>https://blog.youkuaiyun.com/creen027/article/details/120859573</link><guid>https://blog.youkuaiyun.com/creen027/article/details/120859573</guid><author>creen027</author><pubDate>Wed, 20 Oct 2021 09:36:42 +0800</pubDate><description><![CDATA[假设我们要实现样本量为100,分组为A、B(比例为1:1),区组长度为4，分层因子是中心A、B(比例为40:60),性别男、女(比例为40:60),怎么实现分层区组随机化了？



首先进入medbox网站





然后设置分组和分组比例





设置区组长度和分层因子





设置分层个数





最后我们得到结果




...]]></description><category></category></item><item><title><![CDATA[在线点名网站]]></title><link>https://blog.youkuaiyun.com/creen027/article/details/120825521</link><guid>https://blog.youkuaiyun.com/creen027/article/details/120825521</guid><author>creen027</author><pubDate>Mon, 18 Oct 2021 14:22:36 +0800</pubDate><description><![CDATA[我们用的网站是：【点名工具】随机化工具

在名字列表栏写入名字，一行一个，例如：



然后点击随机，就可以出来结果了！




]]></description><category></category></item></channel></rss>