大帅老猿_社区达人页

2022年04月

• 04.25 18:49:01
  发表了文章 2022-04-25 18:49:01

  用uni-app开发一个名为汉兜的游戏

  虽然我是带队，但我希望尽可能让队员们自己去完成游戏的代码部分，我负责出出主意，提供一些美术，玩法创意上的支持。其实一开始大家头脑风暴组队领游戏创意的时候，汉兜这个游戏一直没人领，不得不说，不知道叫啥名队的小伙伴执行力很强，连给游戏起名字都很快，一点都不拖泥带水。

  
• 04.25 18:45:09
  发表了文章 2022-04-25 18:45:09

  浅谈对贪食蛇游戏的一点微创新

  虽然我自己很久没在掘金写文章了，但其实一直也在带着编程猿创营的小伙伴们参加各种掘金的活动。把自己在掘金写文章的经验分享给其他的小伙伴们 所以当小伙伴们发现了游戏开发这个有趣的活动后也第一时间在群里AT我，希望由我带着他们一起参加。 由于其他队友还在开发中，我就不泄露他们的游戏创意了。这篇文章我来分享下贪食蛇这个游戏可以怎么创新

  
• 04.25 18:39:29
  发表了文章 2022-04-25 18:39:29

  一个单纯客观的稀土掘金浏览器插件测评 (下）

  接上文

  
• 04.25 18:20:01
  发表了文章 2022-04-25 18:20:01

  一个单纯客观的稀土掘金浏览器插件测评 (上）

  其实我最早接触掘金社区，就是先从浏览器插件开始的。没记错的话，是大圣老师给我安利的浏览器插件，当时已经决定了成为一名技术内容的创作者，而掘金浏览器插件，在我每次打算在网上冲浪的时候，都可以让我先看看技术社群最新的文章，最新的开源项目...非常方便技术内容创作者获取一手技术资讯。

  
• 04.25 18:13:17
  发表了文章 2022-04-25 18:13:17

  掘金收割机的年终总结，我用 Three.js 创建了一个"掘金城市" | 2021年终总结征文

  我叫大帅，一个老程序猿。本文会在评论中抽一个幸运鹅获得掘金周边鼠标垫1份

  
• 04.25 18:02:26
  发表了文章 2022-04-25 18:02:26

  😺我开发了一个Chrome插件，可以在掘金官网里撸猫！还可以实时和铲屎官们聊天

  掘金又弄这种整活儿的活动了~~我就喜欢整活儿！ 话不多说，先看效果~

  
• 04.25 17:56:49
  发表了文章 2022-04-25 17:56:49

  微信小程序统一分享，全局接管页面分享消息的一些技巧

  而分享功能非常的重要，当某一个功能或文章打动用户的时候，能把这个小程序分享出去，就能带来裂变传播的效果。

  
• 04.25 17:51:45
  发表了文章 2022-04-25 17:51:45

  CSS边玩边学，这五个游戏让你对CSS的掌握更进一步！

  大帅最近都在研究如何让Web前端学习更加有趣，对新人更加友好，而游戏化（Gamification）是我未来也想要深入的一个重要方向。为此我做了一些调研，发现有不少优秀的玩中学的游戏化内容做得很赞，每一个我都打通关了，此文给大家做一个分享。

  
• 04.25 17:47:47
  发表了文章 2022-04-25 17:47:47

  教你用js开发【风来之国】游戏之地图篇！入门教程，大佬勿进~

  毕竟这是一个开发者社区，本文希望借这款游戏来教大家如何学习游戏开发。

  
• 04.25 17:41:08
  发表了文章 2022-04-25 17:41:08

  Web网站扫【小程序码】登录的技术实现！记得收藏，要用时别找不到！

  我准备给彩虹屁老婆插件开发一个皮肤/模型下载网站，里面需要具备用户系统。但我又懒得去完整开发一套注册，用户激活机制。 不过当时我的第一反应是可以利用微信公众号的扫码登录，但公众号的扫码登录接口必须得是服务号才可以使用。服务号的注册又必须使用营业执照走企业认证，总之比较麻烦。恰好当时我的小程序猿创聚合助手已经发布了，所以我就在思考，能否直接利用小程序码的接口来自己设计一套扫码登录流程呢？

  
• 04.25 17:36:01
  发表了文章 2022-04-25 17:36:01

  献给所有技术内容创作者~猿创聚合助手小程序开发难点解析

  我重新开始了原创技术内容创作，至今在掘金发表了原创文章60篇，47.7w阅读，1.5w赞。

  
• 04.25 17:22:19
  发表了文章 2022-04-25 17:22:19

  手把手教你做iOS逆向分析，突破微信的群发多选数量限制

  很久没碰iOS开发了，最近都在web前端持续输出，加了很多推文群，每次群发文章的时候都要受到这个最多只能选择9个聊天的限制。 很不爽，好歹我也曾是一名iOS开发者呀，弄它~

  
• 04.25 17:15:46
  发表了文章 2022-04-25 17:15:46

  🎑提前祝大家中秋快乐，教你做一个【中秋花灯许愿】💖的网站

  为了参加掘金社区的中秋征文活动专门策划了这么一个小站。但是物尽其用，我最近自研了一套Web网站基于扫小程序码登录的机制，正好借这个小站测试一下。

  
• 04.25 17:07:21
  发表了文章 2022-04-25 17:07:21

  华为主动找我合作，我放弃了！前端实现拍照识别垃圾分类最简单的方法！

  2019年7月，上海作为第一个试运行垃圾分类的城市。当时的微信指数居高不下，引发了非常热烈的社会讨论，原因是上海当时执行得很坚决，社区垃圾桶旁都有带着红袖标的大爷大妈在看着，扔错了现场罚200元。 当时人心惶惶，有很多人担心自己分类不准确被罚款。上海市政府在宣传垃圾分类的时候就在推一个垃圾分类查询的小程序。我当时捕捉到了这个热点，花了一天时间使用uni-app快速搭建了一个拍照识别垃圾所属分类的小程序《垃圾分类精灵》（现在还在线，大家可以搜来用）。在短短半个月里获取到了6w多用户。

  
• 04.25 17:02:42
  发表了文章 2022-04-25 17:02:42

  一个小程序也能获得 50W 天使投资！图书社交小程序的核心步骤及源码分享 （下）

  接上文

  
• 04.25 16:57:54
  发表了文章 2022-04-25 16:57:54

  一个小程序也能获得 50W 天使投资！图书社交小程序的核心步骤及源码分享 (上）

  2017年共享经济很火，所以很多人在共享这事儿上动脑筋，也包括我。现在事实证明当时大部分的共享经济概念都死了。咱们国内图书价格非常便宜，共享借书连物流成本都负担不起，商业计划中的社交体系短期内也不可能搭建起来。

  
• 04.25 16:50:17
  发表了文章 2022-04-25 16:50:17

  你可能不知道微信小程序客服消息还能这么用~

  最近都在使用uni-app+uniCloud来完成一些个人原创技术内容的基础建设，比如完成了一个名为大帅老猿的小程序。未来还将利用这个小程序来和读者们互动，以及承载一些产品的创意玩法。 目前的版本就是用来承载我原创的技术内容视频或者文章，本篇文章我来分享下如何利用uniCloud云开发实现小程序客服消息的接收和发送。

  
• 04.25 16:44:03
  发表了文章 2022-04-25 16:44:03

  在Flutter里实现一个开心农场地块布局！Web前端工程师也可以看看，作为Flutter入门。

  为避免贴大段代码，文中代码部分仅作为参考，并非全部代码，请理解后自行补全或者下载源码进行学习。

  
• 04.25 16:36:27
  发表了文章 2022-04-25 16:36:27

  前端摸鱼神器，设计稿一键导出 「小程序/Vue/Uni-app」代码

  这款神器就是「CodeFun」，它号称“UI 设计稿智能生成源代码，10 分钟完成 8 小时工作量”，让我们做前端，不搬砖

  
• 04.25 16:25:35
  发表了文章 2022-04-25 16:25:35

  产品经理：你能不能在网页里实现裸眼3D

  最近产品经理在掘金社区的出镜率很高，看来大家都很喜闻乐见工程师与产品经理的相爱相杀。 这次他让我调研一下在网页里实现裸眼3D 这是故意为难我把？ 搞什么调研影响我摸鱼 现在的我想拿枪打他 拿弓箭射他 点火烧他 诶，如果我在3D场景中刻意加上一些框框，会不会看上去更立体呢？

  
• 04.25 15:41:40
  发表了文章 2022-04-25 15:41:40

  每个前端都可以成为站长，零成本搭建一个壁纸下载站！

  uniCloud 是 DCloud 联合阿里云、腾讯云，为开发者提供的基于 serverless 模式和 js 编程的云开发平台。 关于云开发，网上相关的文章和教程已经很多了，这里我就不再赘述。本文主要带着大家来看看，在云开发时代，建站的成本有多低，效率有多高。

  
• 04.25 15:32:11
  发表了文章 2022-04-25 15:32:11

  2天赚了4个W，手把手教你用Threejs搭建一个Web3D汽车展厅！（下）

  接上文

  
• 04.25 15:23:03
  发表了文章 2022-04-25 15:23:03

  2天赚了4个W，手把手教你用Threejs搭建一个Web3D汽车展厅！（上）

  事情是这样的，前段时间外包工头老杨又来找我了，说某汽车大品牌要开发一个网页展厅，希望可以在网页里360度展示它家新款汽车的3d模型，还要可以让用户DIY汽车部件的颜色 嘿嘿，时间紧，预算多！ 我心想报价四个W，再给他留点砍价空间， 谁知道老杨一口答应，还说完事要请我去XX人间 我猜他起码要从客户那赚10个W

  
• 04.25 15:12:42
  发表了文章 2022-04-25 15:12:42

  三种前端实现VR全景看房的方案！说不定哪天就用得上！ （下）

  事情是这样的，前几天我接到一个外包工头的新需求，某品牌要搭建一个在线VR展厅，用户可以在手机上通过陀螺仪或者拖动来360度全景参观展厅，这个VR展厅里会有一些信息点，点击之后可以呈现更多信息（视频，图文等）... 我第一反应是用3D引擎，因为我不久前刚用three.js做过一个BMW的在线展厅，基本把three.js摸熟了。

  
• 04.25 15:06:56
  发表了文章 2022-04-25 15:06:56

  三种前端实现VR全景看房的方案！说不定哪天就用得上！（上）

  事情是这样的，前几天我接到一个外包工头的新需求，某品牌要搭建一个在线VR展厅，用户可以在手机上通过陀螺仪或者拖动来360度全景参观展厅，这个VR展厅里会有一些信息点，点击之后可以呈现更多信息（视频，图文等）... 我第一反应是用3D引擎，因为我不久前刚用three.js做过一个BMW的在线展厅，基本把three.js摸熟了。

  
• 04.25 14:57:17
  发表了文章 2022-04-25 14:57:17

  VueConf2021话题，用Vue和JS开发Flutter应用？

  本篇主要围绕Vue构建高性能 Flutter 应用话题展开

  
• 04.25 14:52:35
  发表了文章 2022-04-25 14:52:35

  产品经理：你能不能用div给我画条龙？

  事情是这样的，前天上午产品经理说想要做一个心愿墙，问我能不能行 我心想，这太容易了，但为了多摸一天鱼，我说还是有点挑战的 结果下午，产品经理和设计师就给我发来了设计参考

  
• 04.25 14:48:24
  发表了文章 2022-04-25 14:48:24

  听说前端面试手写”节流防抖“你不会？用动画带你秒懂！

  好久没出新文章了，听说大家爱看动画，那就来整一夜

  
• 04.25 14:43:49
  发表了文章 2022-04-25 14:43:49

  文字烟花特效，用JS代码示爱！程序员小姐姐用这个代码挽回了爱情~

  竟然有一个前端小阿姨问我，如果想要烟花放出来是文字的话怎么实现，她要给男朋友做一个。 好家伙，这狗粮洒一地呀

  
• 04.25 14:38:59
  发表了文章 2022-04-25 14:38:59

  使用Javascript制作BadApple字符画视频 | 创作者训练营第二期

  既然有小伙伴提出了这个问题，我就写一个完整教程，下次再有小伙伴问，直接看这篇，保管你用任何语言，任何框架都做得出来。

  
• 04.25 14:31:13
  发表了文章 2022-04-25 14:31:13

  使用Flutter Widget开发游戏”是男人就坚持100秒“，一套代码横跨6端~

  在文章里我说要用Widget再来做一次。现在兑现我的承诺，并且上周日在B站直播了整个开发过程

  
• 04.25 14:25:24
  发表了文章 2022-04-25 14:25:24

  手写一个在Flutter里展示”精灵图“的Widget

  使用Flare引擎之后，完全没有了Flutter应用特有的代码风格。虽然更适应我这类有过游戏开发经验的开发者，但并不利于我们学习Flutter框架。所以我在那篇文章最后也说了，要抽空用Widget重写一次这个游戏。 首要任务，就是得有一个支持”精灵图“的Widget，既然是学习，那就不能用别人开发好的，必须得自己亲手造轮子。

  
• 04.25 14:20:02
  发表了文章 2022-04-25 14:20:02

  Web前端工程师Flutter快速入门，大佬勿入！

  本篇文章中将结合一些我曾经文章里的内容，整合为一篇面向Web前端工程师的Flutter入门教程。

  
• 04.25 14:06:09
  发表了文章 2022-04-25 14:06:09

  Flutter没有展示思维脑图的控件？用CustomPainter自己画！

  最近启动了一个计划，要使用Flutter开发一个展示所有Flutter Widgets的APP。

  
• 04.25 13:57:24
  发表了文章 2022-04-25 13:57:24

  这还能叫Flutter？用它复原一个叫《是男人就坚持100秒》的游戏｜技术点评

  我说Flutter的跨端一致性并非首创 但凡你用过Unity3D，Unreal等游戏引擎，你就会发现 这些不都是跨端的吗？不都是开局一块画布，剩下随便整么？ 既然和游戏引擎作对比 那么我们真的拿Flutter来做个游戏吧

  
• 04.25 13:50:25
  发表了文章 2022-04-25 13:50:25

  超详细，Flutter2.0构建Web应用的实际体验｜技术点评

  接触Flutter开发的时间并不长，最早关注到Flutter，就是听说它可以跨端开发iOS，Android，Web端。直到上周看了Flutter2.0的发布，才知道，原来跨web端才刚刚stable呀... 那我们来真实的体验一下，Flutter发布web应用究竟靠不靠谱？

  
• 04.25 13:44:44
  发表了文章 2022-04-25 13:44:44

  Webview的使用 | VSCode插件开发系列教程

  其实VSCode也是基于electron框架的桌面软件，也就是说，你在VSCode里看到的所有的界面本就是网页。那在网页里再显示网页怎么做？相信你也想到了，就是iframe。

  
• 04.25 13:34:50
  发表了文章 2022-04-25 13:34:50

  推出掘金统计dashboard功能【我爱掘金】0.0.15｜牛气冲天新年征文

  各位掘友今天都上班了吗？

  
• 04.25 13:31:23
  发表了文章 2022-04-25 13:31:23

  请收下这份源码，用Vue开发的一个“蚂蚁森林浇水偷菜”游戏

  本文中的小程序开发于2019年8月，在一个月的时间里，我独自完成了策划、设计及前后端开发，本文中所涉及的源码、资源的版权均为本人所有

  
• 04.25 13:16:46
  发表了文章 2022-04-25 13:16:46

  这段代码可以将Canvas录制为webm视频文件

  2020年6月我做了一个给程序员专用的虚拟鼓励师插件叫“Rainbow Fart Waifu”，VSCode和HBuilderX的插件市场里都可以搜到。

  
• 04.25 13:12:58
  发表了文章 2022-04-25 13:12:58

  对【经典前端】项目进行工程化改造的经验分享

  最近都在折腾一个叫“我爱掘金”的插件，其中有个小的概念功能叫“蝌蚪池塘”获得掘友们的喜爱，大家可以化身为小蝌蚪在池塘里实时聊天，设置了不少彩蛋，比如变身路飞，皮卡丘等。

  
• 04.25 13:01:30
  发表了文章 2022-04-25 13:01:30

  快过年了，用JS让你的网页放🎆烟花吧

  马上就要过春节了，大城市里依然是不准燃放烟花这种空气污染的东西的，想念小时候在自家院子里放花的快乐时光，大城市里的小朋友们是体会不到这种快乐了。但作为前端工程师，这难不倒我们，下面就教大家如何用JS在网页里放烟花

  
• 04.25 12:39:46
  发表了文章 2022-04-25 12:39:46

  建议收藏，使用WebAssembly保护前端JS核心代码实战

  上个月我花了2天开发了一个全新的VSCode插件叫“我爱掘金”，让所有掘友可以化身为小蝌蚪，在VSCode里实时聊天。使用的是一个开源项目 workerman-todpole ，在原项目的基础上我做了大量的修改和优化。也曾试图添加一些房管功能，比如只有管理员可以使用大红色，只有管理员可以发光等等。

  
• 04.25 12:09:02
  发表了文章 2022-04-25 12:09:02

  不用Vue你还记得怎么写前端吗？用JS重写🌜黑暗模式掘金首页 | 创作者训练营

  大帅早有各种预案，所以不存在翻车（请看头图😁）。最优路径行不通，那就麻烦一点，多掉点头发罢了。

  
• 04.25 12:03:42
  发表了文章 2022-04-25 12:03:42

  爱了爱了🌹，这个VSCode插件极大提升你的工mo作yu效率 | 创作者训练营

  最近沉迷掘金不能自拔，一整天都在掘金上面刷呀刷，同时还在一边使用VSCode码代码。我突发奇想，能不能把掘金塞进VSCode里呢？在做之前，当然要做一下市场调查，市面上有另外两个掘金相关的插件，但完成度和使用体验我都不太满意。

  
• 04.25 11:32:53
  发表了文章 2022-04-25 11:32:53

  如何发行你的插件，跟我学 VSCode 插件开发 | 创作者训练营

  VSCode插件开发系列教程计划

  
• 04.25 11:01:40
  发表了文章 2022-04-25 11:01:40

  使用脚手架新建一个插件 | VSCode 插件开发系列教程

  其实VSCode的插件也是由Javascript开发的，各位前端开发者们想不想试着自己开发一款插件呢？

  
• 04.25 10:53:09
  发表了文章 2022-04-25 10:53:09

  揭秘Vue3官方教材动画制作过程，一文教会大家做代码演示GIF！

  VueMastery是Vue官方推荐的视频课程平台。VueMastery的视频课程讲解非常透彻，PPT也是制作精良，恰当的动画能帮我们更快速的理解视频中的知识点。

  
• 04.25 10:31:19
  发表了文章 2022-04-25 10:31:19

  2020更新，Vue仿探探拖拽卡片的效果

  类似Tinder和探探的卡片效果的组件，社区中已经非常多了。我这一版除了可以实现和他们一样的效果外。还增加了飞卡的效果

  
• 04.25 10:20:06
  发表了文章 2022-04-25 10:20:06

  前端开发中新拟态风格的崛起

  设计和前端开发是息息相关的，毕竟设计师的作品最终需要靠我们前端工程师来实现为可交互的界面。这也是为什么会有D2大会Designer & Developer Frontend Technology Forum的原因