自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

林一怂儿

爱打游戏的前端。

  • 博客(93)
  • 收藏
  • 关注

原创 H5 鼠标点击粒子扩散效果

🧐别人的博客中有这样的效果,于是自己就尝试实现了一下。效果如图源码如下

2024-05-10 13:58:58 897

原创 H5 台球猜位置小游戏

在线试玩 https://linyisonger.github.io/H5.Examples/?获取坐标位置的DOM元素,感觉应该是新的吧,以前的时候没什么印象有这个方法。兼容性不晓得可以自己查下~源码地址 https://github.com/linyisonger/H5.Examples。刷到抖音有人这样玩,就写了一个这样的小游戏练习一下H5的知识点。注释不多,比较简单的,还是比较好理解的。

2024-04-19 14:48:20 272

原创 Node 将前端打包后的文件夹根据SVN、GIT代码版本编号压缩成Zip包

GitHub 地址: https://github.com/VueBricks/dict-to-zip。将Dict文件夹打包成Zip并且根据时间版号进行命名。A: 应该是装TortoiseSvn时没有勾选。获取Svn的提交版本编号。Q: 找不到svn命令?获取Git的提交版本编号。

2024-04-16 19:15:59 193

原创 Postman 环境变量配置初始调用登录脚本赋值Token

一般授权接口都需要再调用接口前,进行登录授权,这里使用了全局的请求前脚本调用。切换 Environments 标签下 点击上面加号增加环境变量。Pre-request Script 全局。

2024-04-10 09:15:02 402

原创 H5 Canvas 签名

一个比较简单的示例,仅实现了画笔绘制、重置、保存图片功能。

2024-03-25 16:32:39 758

原创 Vue el-table 合并单元格

一般常见的就是下图这种的单列,上下重复进行合并。有时候可能也会需要多行多列的合并。

2024-03-19 20:03:48 1151

原创 我的创作纪念日

有一段时间常常去问答区,回答一些问题,收获了一些粉丝的关注。虽然大多应该是平台推荐的,很感激能够关注我的伙伴们🦀🦀。如果有时间我一定会去写一些笔记,记录最近遇到的问题和好玩儿的知识📕。一开始就是觉得别人的文章复制不方便,才去写文章的。希望能够认识更过志同道合的伙伴,一起进步💪。整理一些前端的代码,仓库示例。

2024-01-20 13:48:41 435

原创 Blender 萌新学习笔记

tip: 三角面不要在转角,三角面尽量放在平面。超喜欢小莫的声音(❤ ω ❤)切换至编辑模式-线模式下操作。鼠标左键 确定移动位置。鼠标左键 确定旋转角度。鼠标左键 确定缩放大小。

2024-01-12 23:31:12 516

原创 H5 Canvas 打飞机青春版

没事儿写写练习一下,说不准哪天就用到今天所用到的知识点了呢。

2023-12-01 16:45:03 144

原创 发布npm包质量分测试

写入在github setting action secrets 中 起名为 TESTREPORTERID。https://codeclimate.com 授权。后面的提升就很慢很慢了…有缘再更/(ㄒoㄒ)/~~https://coveralls.io/ 授权。复制TEST REPORTER ID。新建文件夹 canvas-plus。中的name重名了,需要换一个名字。增加codeclimate。CI成功后,将徽章赋值到。文件,忽略某些文件上传。文件,忽略某些文件发布。增加格式检查脚本命令在。

2023-10-12 19:53:21 717 1

原创 游戏素材网站

Unity Asset Store:Unity Asset Store 提供了大量的免费 2D 游戏素材,包括角色、纹理、声音等。Kenney.nl:Kenney 是一个知名的游戏开发者,他提供了大量的免费 2D 游戏素材,包括角色、图块、UI 元素等。OpenGameArt.org:这是一个提供免费游戏素材的社区平台,包括角色、背景、音效、音乐等各种类型的素材。爱给网:爱给网提供了大量的游戏素材,包括角色、背景、音效、音乐、UI 元素等,可用于游戏开发和设计。上找到各种类型的免费素材。

2023-10-04 23:56:28 1778

原创 GitHub 如何部署写好的H5静态页面

(●’◡’●)刚好记录一下我示例代码的GitHub部署配置,以便于后期追加仓库。

2023-08-13 22:33:31 930

原创 Electron 给现有Vue项目打包成软件包

之前的同事入坑Electron,那我也顺便学习一下。

2023-05-15 20:23:19 444

原创 H5 推箱子 送行者

开始做的时候还挺接地气的…😅要不是没有素材也不至于如此…

2023-02-17 00:30:05 260 1

原创 H5 抽奖页面

好久之前就想去写一个这样的示例了,然后就忘了…😵。

2023-02-14 14:54:43 763 2

原创 Electron Vue之间的通讯 自定义标题栏实现最小化全屏关闭功能

方便以后定制化使用,学习记录一下。话不多说,先看看效果吧。

2023-01-13 15:29:46 1104

原创 H5 拖动排序 美食排行榜

尝试写一下拖动元素进行排序,真是想到什么去写什么 😂,有的时候很多人老是跟我说,别人都封装好了,你为什么还要自己去实现一下,写的还没别人好。但我总感觉所有都用别人写好的,就放弃思考的机会了。通过改变改变每个元素的来调整位置,使用和来修改插入位置。无…这个算是个实验品,总感觉上下切换时,没有别人写的丝滑。

2022-12-30 00:30:38 622

原创 H5 雪碧图 移动的机器猫

本文中用的就是这张,来自爱给网。键盘上下左右控制移动动画通过判断不同状态来展示不同动画源码没有进行精简,属于粗略的代码地址https://github.com/linyisonger/H5.Examples

2022-12-21 15:15:03 1238

原创 H5 WebSQL每日成语

有一天看到同事发的类似这种成语填空一样的内容。

2022-12-20 13:12:06 560

原创 H5 导航栏示例

本文是通过:hover更新元素样式,通过递归树形菜单渲染到页面。

2022-12-20 12:30:26 851

原创 H5 Canvas 垂直箭头绘制

⚠ 因为使用的是斜率来处理的垂直逻辑 tan,当为被除数为0时做了特殊处理,两点自由变换时到达零界点会有卡顿。开始复习初中二年级数学知识斜率k的公式:k=(y1−y2)(x1−x2)k = \dfrac{(y_1 -y_2)}{(x_1 - x_2)}k=(x1​−x2​)(y1​−y2​)​两条垂直相交直线的斜率相乘积为-1:k1×k2=−1k_1 \times k_2 = -1k1​×k2​=−1如图已知P1P_1P1​和P2P_2P2​的坐标,以及d的值,求点P4P_4P4​的坐标。 😂怀念初中算题

2022-12-03 17:51:38 776

原创 H5 富文本快捷输入

😂 有点儿粗糙按照Youtobe上的富文本视频教程进行拓展开发,使用iframe标签,通过修改designMode属性,将iframe的body标签修改成可编辑标签。再通过监听键盘按👇事件,判断是否是关键词,执行对应事件。点击通过window.parent.postMessage发送从iframe里向父节点发送消息,通过监听事件来获取回调id进行唤起选择框。来自 https://developer.mozilla.org/zh-CN/docs/Web/API/至于这些知识点我也怎么了解.https://

2022-11-22 22:26:48 740

原创 Win11 使用Hyper-V快速安装Win10

由于我的电脑更新成了win11,很多东西还不如win10找了半天没有找到hyper-v,于是就搜索记录一下过程。

2022-11-01 18:56:09 1072

原创 微信小程序 瀑布流布局

记录一下,方便以后使用…

2022-10-23 02:56:01 837 2

原创 Vue Quill富文本自定义上传音频/视频

有时候项目中可能需要在富文本中上传音频,所以…

2022-10-04 01:19:18 1090

原创 微信小程序 Canvas裁切案例

如果想用cover-image组件,也是一样,建议使用直接使用image组件。基础库版本 2.20.x使用的新版的canvas(也不算新两三年了)。代码没有进行封装,仅仅只是方便预览。base64转临时路径。

2022-09-30 01:21:15 2121 7

原创 微信小程序 TODO案例

源于https//ask.csdn.net/questions/7759861进行了简化。

2022-07-23 00:59:09 642

原创 Asp .NetCore 微信订阅号自动回复之文本篇

入门指引🐜我只是代码的搬运工~Docker 安装 https://www.cnblogs.com/linyisonger/p/13964825.htmldocker-compose 安装 https://www.cnblogs.com/linyisonger/p/13964931.htmlNginx 安装 https://blog.csdn.net/linyisonger/article/details/123569798Frp 配置 https://blog.csdn.net/linyisonger/.

2022-06-28 14:38:34 1090

原创 Asp .NetCore 微信小程序获取AccessToken、订阅消息

微信开放文档 https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/subscribe-message/subscribeMessage.addTemplate.html环境.Net Core 6.0工具Visual Studio 2022微信开发者工具效果至于样式效果取决于模板选择流程可能大概也许流程是这样子的,看看就行了,不必要当真🤭。#mermaid-svg-m0w1gqktUw7k.

2022-04-25 21:24:38 1539

原创 H5 Canvas实现荣誉证书生成器

没人跟我颁奖,那就自己给自己颁一个吧~在线链接 https://linyisonger.github.io/H5/22.证书生成器.html源码地址 https://github.com/linyisonger/H5功能点 印章绘制 QQ 浏览器 PC 个性化编辑 QQ 浏览器 PC 延迟预览 QQ 浏览器 PC写法上没有做很多兼容性的处理,大概写了一下逻辑。效果代码<!DOCTYPE html><html lang="en">.

2022-04-24 15:42:30 4674 2

原创 微信小程序 小星星样式

送你一颗小星星~效果环境微信小程序 typescript + scss代码index.tsComponent({ data: { c: "" }, methods: { checked() { this.setData({ c: this.data.c == "fill" ? "none" : "fill" }) } }})index.wxml<view class="star {{c}}" bindtap="che.

2022-04-16 02:47:37 885 2

原创 Asp .NetCore 微信小程序授权登录、获取用户信息

人生最高理想,在求达于真理。——李大钊官方文档https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/login/auth.code2Session.html环境.Net Core 6.0工具Visual Studio 2022微信开发者工具流程新建项目我这里是这样新建的,当然也可以使用Visual Studio中的可视化新建。dotnet new webapi --name AspNe.

2022-04-13 19:36:15 4451 1

原创 H5 调用摄像头进行拍照

如果人生是一个圆,那么总会有一个人是你最终的切线。注意: 必须使用https哦~功能点 拍照 微信内置浏览器 (iPhone13 Pro) QQ内置浏览器 (小米 Mix3) QQ内置浏览器 (iPhone13 Pro) 自带浏览器 (小米 Mix3) 自带浏览器 (iPhone13 Pro) 保存图片 微信内置浏览器 (iPhone13 Pro) QQ内置浏览器 (小米 Mix3) QQ内置浏览器 (iPhone13 Pro) 自带浏览器 (小米 Mix3) 自带.

2022-04-11 21:08:36 1883

原创 Asp .NetCore Jwt授权登录

命运这种东西,生来就是要被踏于足下的,如果你还未有力量反抗它,只需怀着勇气等待。环境.Net Core 6.0工具Visual Studio 2022流程新建项目我这里是这样新建的,当然也可以使用Visual Studio中的可视化新建。dotnet new webapi --name AspNetCoreJwtAuthorize添加依赖编辑.csproj文件<Project Sdk="Microsoft.NET.Sdk.Web"> <Proper.

2022-04-11 17:06:30 886

原创 H5 Canvas旋转图片及下载保存

功能点 旋转角度 180° 90° 下载文件 文件名称 QQ浏览器 谷歌浏览器 Edge浏览器知识点a 标签 href 可以直接放 base64经验 +1哦吼~<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

2022-04-02 16:32:29 1088

原创 Asp .NetCore 支付宝网页授权登录

人这一生不必太较真,苦了自己怨了别人,爱情无需刻意去把握,越是想抓牢自己的爱情,反而容易失去自我。🧋文档官方文档 算是比较清晰明了的文档啦环境.Net Core 6.0工具Visual Studio 2022支付宝开放平台开发助手流程以观看的角度我喜欢把代码放在前面界面的操作放在后边新建项目我这里是这样新建的,当然也可以使用Visual Studio中的可视化新建。dotnet new webapi --name AlipayWebsiteAuthorizedLo.

2022-03-31 16:30:05 991

原创 Nginx 使用letsencrypt在Docker上配置Https

写不出的时候不硬写。——鲁迅环境NginxDocker域名 [备案]VS CodeRemote - SSH流程使用VS Code Remote - SSH连接服务器进入服务器如果连接不成功,也可能是服务器22端口未开放,去购买服务器的平台进行开发22端口即可。我这里连接的是root文件夹执行由于我的*.linyisonger.cn已经配置过了,这里演示使用 *.frp.linyisonger.cm。docker run -it --rm --name ce.

2022-03-28 15:39:44 3949

原创 Asp .NetCore 使用EFCore连接MySQL数据库

自己要先看得起自己,别人才会看得起你。😉环境.Net Core 6.0工具Visual Studio 2022流程新建项目我这里是这样新建的,当然也可以使用Visual Studio中的可视化新建。dotnet new webapi --name AspNetCoreConnectionMySQL添加依赖编辑.csproj文件<Project Sdk="Microsoft.NET.Sdk.Web"> <PropertyGroup> &.

2022-03-24 17:34:07 2840 2

原创 Node 文件夹复制操作

环境node 14.14.0 +主要代码let fs = require('fs');/** 主要版本 */let major = process.version.match(/v([0-9]*).([0-9]*)/)[1]/** 特性版本 */let minor = process.version.match(/v([0-9]*).([0-9]*)/)[2]/** * 文件夹复制 * @param {string} source 源文件夹 * @param {string} de

2022-03-23 09:26:41 1583 1

原创 Github OpenSSL SSL_read:Connection was reset,error 10054

Unable to access ‘https://github.com/xxx/xx.git/’:OpenSSL SSL_read:Connection was reset,error 10054设置不校验ssl证书方式用处不大,很可能搞完没有用。git config --global http.sslVerify "false"更换远端地址方式效果显著# 删除原地址git remote remove origin# 新增新地址git remote add origin git

2022-03-22 11:19:30 587

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除