js
文章平均质量分 90
CrazyDragon_King
纸上得来终觉浅,绝知此事要躬行。
展开
-
拖拽生成树+JSON序列化
生成的 json 利用 Python 库的可视化(见上一篇博客中提到的几种可视化方法之一)复制下面代码,浏览器打开(Chrome、新版 Edge),打开控制台,拖拽形成树,然后控制台调用 Serializer() 方法。思考我刚开始做的时候,还不知道所有节点组成的是一个图(没有想到这里)。不过后来发现,这不就是数据结构里面的图吗?然后问题就转化为如何判定一个有向图是一棵树了。然后,我请教了人工智能,哈哈。这个答案的质量真是不错!这里简单介绍一下,几个关键的元素。节点:一个给定半径的圆。箭头:从一个原创 2022-12-14 23:17:45 · 650 阅读 · 0 评论 -
可视化迷宫寻路
可视化迷宫寻路前言: 以前学习数据结构的时候,曾经写过一个C语言版本的迷宫寻路程序。当时很有成就感,不过后来源代码丢失了,只剩下一个当初拍摄的视频了。一直想找机会给它复刻一下,正好最近接触了canvas,所以就想着用canvas的动画来重新实现一下。注:当初实现的是命令行版本的,借助了清屏函数来实现的绘制功能。效果演示先看一下视频演示,再来阅读文章,效果会更好。 迷宫寻路 代码原创 2022-02-27 17:07:23 · 1395 阅读 · 0 评论 -
照片无限分裂?
前言:最近看到一个有趣的视频,一张狗的图片,横着切割后,交叉排列,就变成两只狗了。再竖着切割,就变成了4只狗。这个东西很有趣,所以我就准备来自己实现编程一下这个东西。演示 照片无限分裂1? 设计这里我使用canvas来实现这个功能,通过初始化的时候加载一张图片。然后对图片进行横向切割(x轴切割),例如间隔20像素进行切割。切割下来的左边10像素和右边10像素就是两个图片。每次进行这原创 2022-02-10 19:49:30 · 414 阅读 · 0 评论 -
基于Canvas的N宫格拼图
最近使用Canvas实现了一个N宫格拼图的游戏,感觉效果还是很不错的,不过我还是觉得九宫格就好了,太多了反而就复杂了。这里我就主要讲述九宫格的实现过程,其它的只是把数据结构扩大一下了。实现效果图片效果视频效果 九宫格美女拼图 N宫格实现大体设计思路鼠标移动时依次绘制网格矩形,同时判断鼠标落点所在网格起始位置;当鼠标离开或者移出时,依据鼠标落点最后所在的网格的起点绘制矩形;不能原创 2021-10-24 15:13:40 · 691 阅读 · 0 评论 -
Canvas实现碧蓝航线语音效果(粗制滥造)
因为在网络上浏览信息时,总会看到一些网页(博客园居多)会带有一个小女孩的样式,鼠标移入不同位置会显示不同的文字,这个东西很有趣。经过查阅,发现这种技术叫做live2D,它在某些类型的游戏中使用很多。提起游戏我又想起来,有一款叫做碧蓝航线的游戏,它的人物可以通过触摸来出发音效,不过我没有玩过,只是在视频里面见过。因为我最近做了几个关于canvas的玩具,所以我准备来试试使用canvas来复刻一下碧蓝航线里面的那种效果。不过,这里需要先指出,我的标题已经明确了,这是一个粗制滥造的复刻,哈哈,具体效果,仁者见仁智原创 2021-10-07 15:50:47 · 586 阅读 · 0 评论 -
Canvas图形拖动效果实现改进版
前言: 上次实现的完整版,老实说有一些不满意的地方。这是当时思考欠缺的地方,所以在实现时进行了一些妥协,在不影响整体功能的情况下进行了实现。今天下班回家的路上,在班车上忽然想起最近的伤心事,不免有些失落,还是觉得应该找点事情做。想起我的这个东西还不够完善,当时想了一个方法,我觉得可行,然后到了住处点了一个外卖就开始进行实现了。最初的想法只是部分可用,当时实现的效果在逻辑上还是不对,不过它也让我对这个东西的逻辑更加了解了,方法再改进即可,最终完成了这个实现。我觉得很多东西就是这样,最初的想法可能不对,当时只要原创 2021-09-25 15:14:02 · 771 阅读 · 0 评论 -
Canvas拖动图形实现效果完整版
Canvas拖动图形实现效果完整版上次那个实现只能支持单张图片,并且代码的逻辑不够清晰。所以中秋节,正好一个人也没事做,专门抽出时间来对它进行一个扩展,添加对多张图片的支持。效果展示下面我们先来看看实现的效果,这里先提一点:当你移动图片时,注意它是在所有图片的最下层,这是我的技术实现的特点。1.GIF动图2.B站视频 canvas图片拖动 实现分析多张图片移动实现分析所有原创 2021-09-22 21:29:02 · 2217 阅读 · 2 评论 -
异步ajax的同步调用解决方法(js小白的理解)
前言最近,因为需要在前端使用ajax调用后端接口,但是由于ajax是异步方式工作的,所以遇到了一些问题。我本身是一个Java程序员,所以使用Java的同步思维来处理这些问题,就遇到了麻烦。(PS:虽然Java也有异步编程,但是毕竟平时还是使用的同步方法来编程的。)举一个例子:三个ajax函数:fun1()、fun2()、fun3()假设它们是互相依赖的,必须是顺序执行的,即fun1、fun2、fun3。作为一个java程序员,我立刻就写出来了:fun1();fun2();fun3();然原创 2020-11-01 00:44:06 · 1455 阅读 · 3 评论 -
前端小白的JS逆向第一次尝试
前言今天,忽然收到了一份QQ群邮件,然后登陆qq邮箱,点进去之后查看邮件内容。内容是一条链接,然后点击之后跳转到QQ邮箱登陆界面,这里就可以看出来它是一个钓鱼网站了。做的还是挺不走心的,不过粗看的话模仿的挺像的,各种东西都是跳转到腾讯的相关链接上去。然后查看网页的源,发现是js加密数据,这可激起了我的兴趣。并且,还有那个著名的反爬操作,禁止调试。哈哈! 奈何,本人没有系统学过前端课程,只是听说的多一些。所以,面对这个东西有点一脸懵逼,但是仔细看的话,它的逻辑似乎很简单:定义一个函数,调用该函数。 所以,我原创 2020-07-14 20:14:58 · 1026 阅读 · 0 评论