大帅老猿-CSDN博客

原创这个Github宝藏仓库竟然收藏了这么多好东西？

并且都分门别类的归纳好了，分为汽车，电子商务，展览展示，游戏，企业/个人介绍，房间，太空等。当然，不建议大家使用这些可能存在版权风险的资源去做商业项目，但是做一些课件，毕设，或者是演示demo等非盈利性的内容时，还是没问题的。因为随着时间的流逝，很多网站可能会由于各种原因下线，然后就再也无法访问了，对于一些非常精彩的网站作品而言，这是一个令人遗憾的事情。比如在我之前给大家分享过的登月体验网站，积木小火车网站等等，未来这个仓库还会持续更新，喜欢的小伙伴别忘了点个star哦。Hello，大家好，我是大帅。

2022-11-15 09:16:02 401 1

原创在m1/m2芯片的mac电脑上运行Stable Diffusion的全步骤

最近开源社区里最火的项目肯定有一个席位。作为一个AI通过文本描述绘画的开源项目，其优秀的生成结果和极快的生成速度也让它在AI绘画项目中一夜封神。不过遗憾的是，这类AI项目要在苹果公司的自研芯片m1/m2上运行有点麻烦。虽然技术社区有一些文档和教程，但要真正跟着教程把项目所需的环境部署好，还是要爬很多坑的。我把整个爬坑的过程记录下来，希望能对所有使用m1/m2芯片mac的朋友有所帮助。大家都应该体验下这个如此有趣的项目。注意：学会科学上网是必须的，不然各种依赖的安装速度能慢哭你。

2022-09-05 12:22:14 8843 15

原创前端canvas动效实战，PIXI+GSAP仿写vanmoof刹车动效 | 猿创营

事情是这样的，上个月接了一个活儿。客户要我们模仿一个国外的网站 https://www.vanmoof.com/en-NL/s3?color=dark为他们做几个展示动效。确实很酷！这个项目一共6个动效，客户给的工期是15天，我们实际花在真正写代码上的工期大概一个礼拜左右。报酬2个W。可能有同学觉得赚得也不多…的确不算多，但接活儿赚钱只是一方面，更重要的是在这个项目里我带着很多同学们一起实战获得了宝贵的项目经验。并且这种动效开发，很多只会用,写页面的前端同学很少能接触到。https://github.c

2022-07-10 22:22:59 2640

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

小程序分享时，能带来裂变传播的效果。而随着功能越来越多，页面越来越多，每一个页面都需要添加分享的回调方法吗？有没有办法能全局统一接管分享呢？

2022-07-01 17:16:05 3400 2

原创 Web网站扫【小程序码】登录的技术实现

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

2022-07-01 17:10:09 1713 4

原创我开发了一个【免费】使用微软的文字转语音服务的js库

前言尝试过各种TTS的方案，一番体验下来，发现微软才是这个领域的王者，其Azure文本转语音服务的转换出的语音效果最为自然，但Azure是付费服务，注册操作付费都太麻烦了。但在其官网上竟然提供了一个完全体的演示功能，能够完完整整的体验所有角色语音，说话风格...image.png但就是不能下载成mp3文件，所以有一些小伙伴逼不得已只好通过转录电脑的声音来获得音频文件，但这样太麻烦了。其实，能在网页里看到听到的所有资源，都是解密后的结果。也就是说，只要这个声音从网页里播放出来了，我们必然可以找到方法提取到音频

2022-05-28 12:17:41 4196 7

原创 2天赚了4个W，手把手教你用Threejs搭建一个Web3D汽车展厅 | 大帅老猿threejs特训

前言事情是这样的，前段时间外包工头老杨又来找我了，说某汽车大品牌要开发一个网页展厅，希望可以在网页里360度展示它家新款汽车的3d模型，还要可以让用户DIY汽车部件的颜色。image.png可能很多朋友看完此文后会觉得两周时间还挺充裕，但其实不是，作为丙方没什么话语权，经常要配合甲方反复修改，很多时候改来改去最后拖到上线前一晚没办法了直接上，一个campaign site的生命周期也不长，最长也就在线上待1-3个月。嘿嘿，时间紧，预算多！我心想报价四个W，再给他留点砍价空间，谁知道老杨一口答应，还说完事要请

2022-04-22 13:09:33 4788 8

原创听说前端面试手写”节流防抖“你不会？

好久没出新文章了，听说大家爱看动画，那就来整一夜节流和防抖这是前端面试中比较常见的一个问题，可能会让你现场手写。节流和防抖都是用来控制某些函数的调用频率。举个例子，在窗口resize的时候，由于可视区变大，我们可能需要向服务器请求更多内容来填充可视区。但可视区变大的过程中，resize事件会被触发多次...每次触发都去请求一次的话没有必要...这时就需要节流防抖来做控制为什么要节流

2022-04-21 08:15:18 185

原创前端JS将Canvas录制为视频文件

2020年6月我做了一个给程序员专用的虚拟鼓励师插件叫“Rainbow Fart Waifu”，VSCode和HBuilderX的插件市场里都可以搜到。总之就是让没有妹子陪伴的程序员朋友们写代码时不孤单...这个插件获得了HBuilderX插件开发大赛的二等奖，据很多用户朋友们说，这是个值得特等奖的插件！上周对这个插件又进行了一个小更新，可以一键导出截图和导出一段五秒短视频。其中导出五秒短视频正是看了 @十年踪迹大佬的这一篇【前端冷知识】如何将Canvas绘制过程转为视频后才加入的。这个API的使用非

2022-04-21 08:14:08 2894 4

原创使用WebAssembly保护前端JS核心代码实战

前言上个月我花了2天开发了一个全新的VSCode插件叫“我爱掘金”，让所有掘友可以化身为小蝌蚪，在VSCode里实时聊天。使用的是一个开源项目 workerman-todpole ，在原项目的基础上我做了大量的修改和优化。也曾试图添加一些房管功能，比如只有管理员可以使用大红色，只有管理员可以发光等等。但正义的掘友们很快就开始尝试各种能打破这种【不平等】待遇的方法，其中 @那猫小帅同学还开发了各种池塘机器人，可以在池塘里扮演给新手用户提供帮助的NPC。现在小蝌蚪大眼睛的创意也是那猫小帅同学提出的，简直棒棒

2022-04-21 08:07:37 1034

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

类似Tinder和探探的卡片效果的组件，社区中已经非常多了。我这一版除了可以实现和他们一样的效果外。还增加了飞卡的效果，就是类似我的女神邱淑贞这样。可以将卡片朝任意拖拽方向飞出去，必须得帅是不是！下面来说说我的实现思路绝对原创，如有雷同，纯属巧合先叠起来其实最早实现这个效果，我是在2018年的时候，在weex上实现过一版。原帖请看这里：https://zhuanlan.zhihu.com/p/37482853咱们这次不要求在weex里可用，所以叠起来非常简单。首先让三个卡片按照近大远小的原则分别设置设置z-

2022-04-21 08:06:08 1106

原创用Vue实现一个街机游戏摇杆

前言最早实现这个效果，是2011年用Objective-C在iOS里实现的。原仓库地址：https://code.google.com/archive/p/ccjoystick/downloads在Vue里实现这个东西没啥用处，毕竟Vue也不是一个游戏框架，但是谁叫Vue这个话题的热度最高呢😁，写文章还是希望被更多人看到嘛...印象里我在不同时期曾经用三种语言分别实现过这个案例。所以无论用什么框架、语言，只要你了解背后的原理，都很容易实现。三层UI全部UI分为三层第一层是杆头，尺寸不会变化，拖拽的视觉效果区

2022-04-21 08:05:40 840 1

原创在Flutter使用iconfont...附一键生成Dart类的技巧

Flutter = 胡辣汤前言对于前端工程师来说，在项目中使用iconfont太习以为常了。而在Flutter中，内置了Icon组件，所有图标都来自MaterialDesign Icons，数量众多，完全是够用的。可我们在实际开发中还是会要使用到自定义图标，那如何在Flutter项目中使用自定义的IconFont，这就是本文要教给大家的。声明自定义字体前往 https://www.iconfont.cn/ 挑选图标，并添加至购物车（莫慌，是免费的）。然后选择添加至项目从我的项目中进入该项目，并选择下载至本地

2022-04-21 00:38:33 993

原创从0到1教你写一个JS的多语言库

前言造这个轮子源于之前做的那个彩虹屁老婆插件，里面需要用到多语言切换。借这个由头，自己来实现一下。做之前其实对JS的多语言库没什么了解，做完之后倒是去比较了下vue-i18n。选择多语言文本配置vue-i18n的配置(图片来自百度)vue-i18n的配置(图片来自百度)大部分js的多语言库似乎都采用了json格式，可以很方便的转为对象解析，还可以分多级结构来组织配置内容。但是我个人感觉json格式对非技术人员（比如正经请个翻译的话）并不太友好。加上联想起过去做iOS开发多语言时的体验，我还是倾向于选择普通的

2022-04-21 00:37:36 644

原创使用纯JS还原小时候游戏厅里的水果机

“这份小游戏原型代码写于2018年，当时是想基于区块链做一个菠菜小游戏，后来因为种种原因没有做完。今天把这份代码拿出来分享下这类游戏的设计思路。”效果预览动图在线试玩开发准备pixi.min.js“一个适用于所有设备的快速轻量级2D库”sound.js“一个使用WebAudio API用代码创作音效的框架”tweenlite.js“非常著名和流行的一个补间动画库”界面搭建绘制方形转盘界面“这里我使用一个二维数组来配置转盘，可以很方便的更改配置。代码也非常直观。”var arr=[ &n

2022-04-17 18:21:04 4273

原创做了一夜动画，就为让大家更好的理解Vue3的Composition Api

众所周知，Vue3.0带来了一个全新的特性——Composition API。字面意思就是“组合API”，它是为了实现基于函数的逻辑复用机制而产生的。回顾Option Api在了解Composition Api之前，首先回顾下我们使用Option Api遇到的问题，我们在Vue2中常常会需要在特定的区域（data，methods，watch，computed...）编写负责相同功能的代码。Option Api的缺陷随着业务复杂度越来越高，代码量会不断的加大；由于相关业务的代码需要遵循option的配置写到特

2022-04-17 13:31:53 179 1

ezshine的博客