- 博客(47)
- 收藏
- 关注
RSS订阅原创 Cocos 7.2~7.4
主要完成了三个小游戏，按照Bilibili的siki老师的教程来的。讲的确实不错，不过感觉siki老师部分可能也不太熟练，vscode很多快捷键也不清楚，不过指导我cocos已经是绰绰有余了。发射小球：touchstart触发发射，touchend触发结束，其中有个node-bulletparent用于堆放小球，小球生成后堆放在这个node防止跟随camera。会点js，技术栈比较接近，上手估计也快。脚本上主要为一个player和map生成，当检测到脚下没有白砖块的时候就是失败了，进行初始化。
2024-07-04 15:15:38
675
1
原创 坏越的小世界的一些修改调整
这边想了想是将留言和评论各放一个表和首次加载的放在一个表好。想了想还是选择了后者。留言区感觉不够高大上，功能也比较简单。我想了想还是仿照小红书设计一个。1.表设计上确实有点纠结。一个接口多sql语句还是不太熟练。不过在sql上这样可能会很麻烦，还是建议分表，看下布局。但是我还是写了一天才把前后都写好。每次展开会额外显示5条。2.前端的逻辑也有点搞乱了，不过也还好。
2024-06-30 16:31:15
245
原创 写一个坏越的小世界（六）
介绍这边加了个滚球特效。虽然看着还不是很好看，先凑合着吧。blog基本已经接近尾声了，稍微再润色下。这边加一个天气小图标，应该会好点吧~当不同天气的时候可以显示不同的图标。整了个开关灯按钮，可以切换黑白主题。目前应该是基本完工了~
2024-06-28 15:22:35
292
原创 写一个坏越个人天地（五）
一天50次真的不够我test的。把接口写在了后端，这样我启动界面后就可以直接通过接口在后端嘎嘎处理逻辑了。这个窗在最下面，后边差资料才知道是重复引用了，得把他的重复import删了。不过高德api好像获取地址的概率好低，于是我还是整了个获取失败的三元表达，感觉这个使用频率好像更高。这边的话应该留言是需要post 4个数据，分别为image、name、date、content。date可以直接生成，content的需要绑定数据，那我还需要一个image和name录入部分。这期间还遇到了一个让我懵懵的bug。
2024-06-27 14:48:13
713
原创 写一个坏越的个人天地（四）
这边浏览了下先准备换下路径，确保本地素材的导入没有问题，vue打包这边有一个问题就是在打包的时候你的素材没有在标签里直接用src导入，而是在挂载的时候用变量名字导入的话，他无法识别，所以素材不会一同打包进去，这就会导致你的部署的时候，图片音乐素材会丢失。那当然是解决困难，我就想着做个funciton，收录所有地址可以把他转换了，但是那么多地址，不是给我干报废了，这一定是个stubid function。【你的天气】模块突然又有问题，那么肯定是我的参数这边有问题，测了半天。好的，倒闭了，下一个。
2024-06-26 16:02:55
879
原创 写一个坏越的个人天地（三）
昨天卡巴卡巴还是投出了学习代码以来的第一份简历，遇到好的岗位还是想争取下的吧，虽然我觉得大概率还是gg了。下半部分我的构思是左右栏，左侧为菜单栏，右侧为业务栏，左侧调整右侧router进行切换内容。然后是最关键的一步，剽窃。稍微调整下router，将顶部菜单栏下的划分为一个router，切换到留言板。备忘本这块的话，我准备把学的一些东西写写放里面把，总不能真把密码写里面吧哈哈。上边为留言区域，下边为查看和评论区域，感觉好像有点ugly，怎么回事！看了半天也有没看到喜欢的，直接参考QQ空间的留言板格式好了。
2024-06-25 09:00:00
581
原创 写一个坏越的个人天地（二）
渲染上看看效果，测试用了我33次，Q-Q真是尴尬，后边还得用ip接口获取访问者ip动态修改你的天气~后端的后边再处理吧。我这边百度搜了个聚合的api，一天可以免费调用50次，应该是够了吧~要用代理，不然会报cors。小红书上搜了下博客，感觉好像没有让自己喜欢的。昨天刚好学了点grid布局，来试试。下边布局就用grid局部了，这块初步想法是轮播+你的天气和我的天气+自我介绍。天气的话，这边要先找一下有没有天气的api。菜单栏直接使用el-menu。
2024-06-24 09:00:00
523
原创 写一个坏越的个人天地（一）
还有点没想好后边的内容和排版，login这块想用css写一个星空特效给黑夜主题，然后跳转的main主页我目前想的是设计一个项目介绍和跳转链接和一个日记本，留言板。好久没写什么大点的项目了，今天想着写一个个人博客好了。肯定得有个主题色吧。整个下拉界面，先准备三个色系吧。定义主题色修改逻辑，我用的是主题色彩赋给选中的主题。整体后边再改，先实现基本内容。我这边想的是白色 蓝色和黑色三个色调。在中心放入头像 介绍 和跳转链接。
2024-06-23 08:00:00
527
原创 grid布局
可以通过grid-template-columns: repeat(4,20%);和grid-template-rows: 200px 200px;进行行列布局可以通过grid-gap进行间隔布局如图进行4行2列布局grid为块级布局，如果改为display:inline-grid;就为行内布局，如图不具备占据一行的特性在其中可以用grid-template-columns: repeat(auto-fill, 200px);auto-fill属性尽可能自动填充。
2024-06-22 15:31:12
564
原创 小红书xs-xt解密
这边将JSON.stringify进行HOOK，让他每次执行的时候都会consolelog输入并且debugger。打印下c和i，再试下window._webmsxyw(c, i)。发现可以得到X-s和X-t。可以发现他本来是一个json对象，因为加密需要字符串，所以将json对象转化 为了字符串。而在js中，常用JSON.stringify进行json对象到字符串的转化。这边可以看到是通过window._webmsxyw(c, i)来进行加密。在进行小红书爬虫的时候，有一个关键就是解决动态密文的由来。
2024-06-21 12:40:42
738
原创 nodejs爬取小红书图片
使用 Promise.all(images.map(url=>{if(url!=='无'){download(url,'images')}}))这边要用到的模块为const download=require('download')我们可以看到接口信息中含有图片链接，我们要做的就是爬取图片链接然后下载。昨天的文章已经描述了可以抓取评论区内容，抓取图片内容和抓取评论区的内容基本一致。我这边抓取的是评论区的评论图片。
2024-06-19 10:00:00
566
原创 nodejs爬虫小红书评论区
发现好像还是爬虫的知识热度比较高，最近一直在加强JS这块。这两天脚本模拟爬BOSS的时候也想着怎么用nodejs，昨天都没更新文章，Q-Q，因为一直failed没啥成果。这边可以看到使用的模块其实也挺多，但主要还是http和https模块，这两个用来爬取信息算是比较方便的。这边主要就是http请求的信息设定了，headers信息直接复制就好了。得到的data会是很长的内容，需要用正则表达式将数据分割出来。先是生成了一个csv文件用于存储到时候爬取到的信息。再将需要的数据存放到csv文件中。
2024-06-18 13:17:18
1132
原创 Vue3主题色变更原理版
在src文件下创建style文件夹index.css文件定义颜色。使用setProperty动态更改css样式。在main.ts文件导入全局css样式。
2024-06-16 10:00:00
545
原创 Vue部分文件说明
当某个包在pnpm-lock.yaml能找到，且市场上该包存在更新的版本时，且在package.json中存在^~允许更新时，开发者在下载依赖时还是会以pnpm-lock.yaml中的包的版本去下载依赖，不会自动下载更新的版本。package.json里面的显示是最优版本，不是具体版本.而package-lock.json是具体版本。和package-lock.json基本一致，不过一个是npm 管理一个是pnpm管理。通常用来储存环境变量。数据库连接字符串 API秘钥等敏感信息。
2024-06-15 14:10:09
869
原创 JS手写题解析
首先executor（resolve，reject）会try，然后最开始肯定是pending状态，会将回调函数调到列队中。首先是初始化了一个Promise实例，并定义了状态、值、成功回调和失败回调，并使用that来指向调用者。try尝试执行executor函数，并传入resolve和reject，当发生err的时候捕捉err。首先定义了一个函数ajax，并有四个传值，这边可以看下实例，来了解参数定义。这边是调用了resolve，他会更换状态并且执行列队中的函数。这里面有很多可能不认识的东西，要逐一了解下。
2024-06-14 13:03:19
393
原创 正则表达式
例如: [abc]{3,} 可以匹配:aaa 或 aaaaa…例如: [abc]+ 可以匹配:b或aaaaaaaaaa…例如: [abc]* 可以匹配:b或aaaaaaaaaa…或abcabcba…例如: [abc]{3} 可以匹配:aaa 或 bbb 或 aab 或abc 或bbc。例如: [abc]{3,5} 可以匹配:aaa 或 abcab 或者 abcc。可以匹配: abcabcabc 或 defdefdef 或 abcdefabc。例如: [abc]?可以匹配:a 或 b 或 c 或什么也不写。
2024-06-13 16:33:07
904
原创 随便写写之——CSDN个人主页布局（二）
其中设置和更多的地方，我觉得是可以添加点css的，不过可能他们有额外的考虑或者在他们认为是没有必要的吧~也不用想太多。这边写的时候发现页面交互上还有可以改进的地方，比如csdn里的这块hover可以添加点特效。都是些比较简单的布局，头像这边就用了一个绝对定位定在了左边盒子上。加个图片好了，不然太丑了，看下main_haeader的布局。侧边栏应该用组件的，这个后边再封装好了，先稍微添加实现下效果。今天的好像都是简单的布局，没有太多的技巧，明天再看看吧，现在是中午11点30，还是有点迷糊，也不知道怎么了。
2024-06-12 12:48:37
747
原创 从手写call apply bind来理解函数
这边的context.fn=this的意思，就是给你传入的对象，也就是person2，赋予了一个function，因为call的使用为function.call，其中的this就指向了function本身，因此call本质就是给person2也赋予了同样的function。现在有person2，但是他并没有fullName，但我们可以用call来改变这个方法的指向，让他为person2服务，call、apply、bind函数大家已经都不陌生，他们可以改变函数的this指向，那么他们是如何实现的呢？
2024-06-12 08:30:00
732
原创 pycharm爬取BOSS直聘岗位信息
然后打开了浏览器制定页面，获取需要的信息，为了便于其他省份的同学们查找，增强复用性，我这边是先抓取了地址areaList，然后找到对应的省份，你要找别的省份修改省名就好了。简单原理描述：模拟人工动作爬取页面信息，运行脚本后代码自动打开浏览器获取相关信息，模拟人工进行页面跳转并自动抓取页面信息记录到表格中。考虑了某些岗位可能某城市都没10页，设定了不足10页，比如你到了第八页没下一页了，自动退出循环进行下一个城市的查询~深入原理描述：页面翻转的时候会调用接口，接口中含有数据信息，定义数组存储需要的信息。
2024-06-11 12:29:50
1169
6
原创 随便写写之——CSDN个人主页布局
现在是11点半，写个将近两个小时就写了那么点，好久没写基础布局了，感觉基础还是有点不行，用el组件的话可能会更快点吧。想到就写了，可能有很多冗余的代码~感觉还是得多练练~最近一直在看题，真的好无聊，晚上睡觉前脑子里想的都是JS，不会是焦虑症犯了吧，赶紧写点东西，现在是上午9点38分，想着写个csdn的布局练练手吧。这边看下csdn的布局。直接新建vue项目~
2024-06-11 11:38:41
297
原创 深拷贝&浅拷贝解析，从原理理解深拷贝
比如例子的object的第一个key为[number]，会进行cloneObj[key]的赋值=deepClone（obj[number],cache）,其中obj[number]的值为123，！if (cache.get(obj)) return cache.get(obj) // 防止循环引用，程序进入死循环。// 输出：{ a: 1, b: { c: 3 } }//这边定一个obj，来供拷贝。cache.set(obj, cloneObj) // 缓存拷贝的对象，用于处理循环引用的情况。
2024-06-10 12:46:44
535
原创 大水文之------端午练练JS好了
这里是为了保证传参不丢失，但这边用的例子是不带参的。，用于存储对象的元数据。最近有点不太知道要干啥了，昨天看了集cocos的介绍，下载了个DashBoard，看了看里面的内容，确实有点小震惊，还有些免费的源码可以学习，挺好的。含义：也就是王者的回城，一直点是回不去的，点了等会儿就回去了，就是你在一定时间内猛点，他都不管你，你点了100次，会等你点完当做一次来执行。一个计算属性一个监视器，comupted只会计算一次，在依赖变化的时候重新计算缓存结果，watch在监听数据变化时触发回调，不局限于计算属性。
2024-06-09 18:17:41
906
原创 dependencies？devDependencies？peerDependencies
在其中的阅读中我还发现了之前我有考虑不充分的问题，比如我既然需要sass，那当sass变更的时候可能会导致我的npm包无法兼容新版sass，导致错误，因此我如果在我的npm中添加，需要考虑到sass版本的问题。但是如果我的项目已经下载了sass，那么就会导致我的整个项目下载两次sass，造成不必要的下载，而且我npm包中的sass也不可以给全局使用，仅仅服务于我的npm包。这就引起了我的一个思考。我的npm包需要使用sass，那么我应该放在dependencies中，当使用的时候会直接下载。
2024-06-08 15:53:36
383
原创 TypeScript记
TS这块的基本概念就不说了，以前一直不喜欢用ts，现在感觉这个也算是大势所趋了，就以昨天的主题色代码，学学ts咯~之前也在B站看过一次ts的课，本质上其实挺简单，大致就是规范参数类型，比如当我设定。我可以给他加上ts来规范我需要的x到底是个arrary还是object。而ThemeName用export type定义了。这边再看下interface接口和数据定义的情况。然后让AI大哥帮我们给他用JS编译下，看下差异。这边拿一串昨天的ts代码。可以看到对于基本的方法。对于响应式变量的定义。
2024-06-07 17:56:59
351
原创 Vue3主题切换
响应式清理：如果副作用函数返回一个函数，那么这个返回的函数会在组件卸载或重新渲染时作为清理函数被调用。比如watchEffect函数，为vue自带的监听函数，在页面最开始的时候用初始化执行了该监听函数，然后在后边数据变化的时候自动变化主题色~打印了一些关键节点，发现源代码的APP.vue有初始化，而我直接把按钮页放到了APP.vue导致没有初始化~加进去发现可以生效了。停止观察：watchEffect 返回一个停止观察的函数，你可以调用这个函数来停止副作用的执行和依赖的收集。这边cv了相关组件后报错。
2024-06-06 13:57:30
1189
2
原创 记录第一次http转https
排查了一下原因是上边服务器对443端口的设定还没有完全完成，需要在里面重新完成之前的重定向，并且需要把servername更改为自己的域名，这样在执行https//www......./代理参数时，才可以完成跳转~检查了一下整体发现还是有点问题，发现有些调用的外部的http接口也变成了https导致失败，寻思了下还是将之前的mata删了修改baseurl~确认报错原因为之前用的为IP地址，用了ssl那么得用域名，因为证书是颁发给域名的。现在发送的请求是变成https了，但我的接口不是https？
2024-06-05 13:59:02
1945
原创 微信小程序发布遇到的一些问题记录
在该路径配置微信小程序添加"lazyCodeLoading" : "requiredComponents""appid" : "你的appid",发布在发布栏发布，不要在调试面板发布，可配置代码压缩。切换微信开发者的端口号重启试试。1.报错组件没有按需导入。2.报错js代码未压缩，
2024-06-04 17:10:49
176
原创 写一个盲盒模拟器
前端模板我是在王进老师的咸虾米壁纸这个小程序上来的，重构组件和后端，可以省去琢磨css花费的时间（王进老师讲的小程序课堂确实挺好的，0基础的萌新要学习的可以看看~）这块对js和html基础稍微好点的应该难度不大，其实布局也比较简单，css可以在后边再雕琢雕琢（其实是我的css有点稀烂哈哈）2.存放盲盒细项，根据请求的盲盒类别来select对应盲盒细项。1.存放盲盒分类，存放盲盒类别和盲盒的类别图片路径。这边准备做一个组件用于盲盒的开启和基本信息的展示。2.自定义盲盒，我们可以自定义制作盲盒自己玩。
2024-06-04 14:54:49
629
原创 稍微了解一下AI
简单来说就是上边的就是很多种情况，比如有10个问题，每个问题有自己的关键字，然后每个问题都有自己的答案，当你的问题接近于某个问题的时候，会进行答案输入，所谓的训练就是不断丰富问题库和对应的答案。我的大学毕业论文刚好是和神经网络有点沾边的，我记得我当年的标题是基于数据驱动的·····故障识别。我很难想象GTP经过多少的训练才能做到这样完美， 世界有那么多问题，对于普通的认知类的问题的训练估计都要千万个样本，而现在他们甚至能我给我写代码，就像小时候班里的学霸一样，我想不到他们为什么那么强~
2024-06-03 11:25:50
273
原创 稍微学学react
爬岗位看到一个整体都挺满意的岗位，公司位置和发展大方向都好喜欢！还有hybird跨段经验的优先，这块也没有学过，啊！先学学react吧，直接用黑马的教案好了，前端我好像主要都是看的黑马的教程，黑马的主要特点就是讲的比较细，教案比较完整，比较适合没基础的新人，有基础的老人看的话可能会觉得又臭又长哈哈。厘一下代码······主要是在app.js完成结构，在app.scss完成样式，json就是模拟数据库使用。JS和XML（HTML）的缩写，是react中创建UI的方式，指的是在JS中编写HTML。
2024-06-02 16:50:03
799
原创 Git操作笔记
图片挂载，我是创建了一个库专门存图片，然后在github的md中用专用命令展示图片，这样你的md就不会全是文字那么单调了。git pull --rebase origin master//实际操作的是main。git remote add origin 地址 //远程链接。git branch -M main //切换分支到main。git push -u origin master //上传。git commit -m ‘别名’ //以别名上传。git init //创建git文件。
2024-05-31 16:29:54
266
原创 尝试发布一个按钮npm包
又想起自己在之前整了一个hy-button组件，那么我能不能将这个组件运用起来发布到npm呢？以后自己也可以使用！上边是当前设定的一些方法，没有设定太多，可能还比较粗糙哈哈，有好的想法欢迎探讨~于是我找到了之前的组件，修改了下准备发布的npm包的文件结构，并将组件导出。昨天尝试了第一次发布一个npm包~还是比较简单的。重新发布了hy-button2.0.1版本。二.下载less和hy-button组件。清空主界面存放黑色背景板备用。一.新建一个vue项目。
2024-05-31 14:27:32
1672
原创 第一次尝试写一个npm包
在执行了npm config get registry和npm config set registry https://registry.npmjs.org后再登录终于弹出了个登陆成功的框。以前没想过也没写过，这篇文章写的有问题的话还希望大家批评指正，写到这一句话的时候，我还是和阅读文章的各位小萌新一样，还是不会写npm包的，这也是第一次准备写，但我觉得应该不是什么问题吧~再次登录时发现一大坑，里面的密码输入是看不见的，字符位置也不变，我还以为我的挂了。~后边可以研究下复杂点的通用npm包了~！
2024-05-30 15:26:47
1004
原创 sql注入？xss攻击？
看到一篇将安全的博文，今天试试自己小站的安全性如何（应该是一点都不安全。我理解了一下，就是比如我的sql语句为select * from ev_article_cate where name=?以前也没怎么接触过，我直接将我的代码丢进gtp让他帮我看看我的code有没有sql注入的风险。那我又问了个问题，也就是我的表名正常情况是不可能有人知道的，所以应该是安全的吧。当代码为这种例子的时候才会出现上述说的问题，我的那部分代码是进行转义的，，它也会被当作普通的字符串处理，而不会被解释为 SQL 代码的一部分。
2024-05-30 14:18:50
410
原创 Eslint和Prettier
此前在最开始学代码的时候接触过这两个东西，在后边的日子里接触的就少了，今天突然发现在vue新建项目的时候其实有eslint的选配。extends表示一系列规则 表示vue的 ts的 prettier的 使用的规范为最新的ecmaversion。我下面新建两个vue，一个包含了eslint和prettier，还有一个不包含，可以发现有对应的配置文件生成。小结：两个工具一个负责代码的排错，一个负责代码风格的编排，作用上是有差别的。：是开源的javascript代码检查工具，可以检查代码错了没。
2024-05-29 16:11:56
755
1
原创 Uniapp写一个简单的商品瀑布流界面+商品详情
实现基本的布局和产品展示，数据源可以用后端接口的方式也行，这个影响不大，这边主要是方便修改和快速展示。这边其实也就一个跨页面传输和跳转，我这边是用id来判断选中的对象是哪一个，再用filter筛选对应的对象保存到storage实现跨页面传输。整体内容比较简单，参考了一篇瀑布流文章和一篇商品详情文章随便修改整了下，主要是给想做这方便面的新人一个简单逻辑的展示（其实我也是第一次写这个emmm）图片是百度随便找的，如果访问不了了随便换几张就行了。三.pages/item/item。这是p1的界面代码，
2024-05-28 15:28:56
648
原创 Section标签简记（和article和div有何区别）
这几天在查阅的时候，看到HTML5新增的语义化标签里有个section，期初也没太在意，今天在看小红书h5界面的源码的时候，看他用的也是section，小红书也是当下比较火的一款软件，他用section而不用别的，那应该是section有什么过人之处？在文章【90% 的开发人员都不知道 section 标签与 div 标签的区别】中，提到使用section可以提高SEO，这之前在学习b和strong用法的时候也提过，更好的使用标签可以对SEO产生一定的优化，section中最好有h1~h6。
2024-05-28 13:17:19
364
原创 element+nodejs图片上传、头像修改、文件上传
完成后用前端模块导入图片。后端可以接受到对应图片，图片路径可以直接使用来修改头像。这边使用element-plus的avatar和upload，直接导入即可。这边修改一下upload里的url为后端图片上传接口（后边设置）创建router_handler-avatar.js处理接口逻辑。今天写一个vue3+nodejs头像上传修改的小部分~创建router-avatar.js设置接口路径。nodejs使用express框架。一.创建vue和api文件。
2024-05-26 16:04:44
387
原创 Vue3标签组件绘制--自定义按钮组件
这是type的设定，然后还有一个就是plain的设定，plain情况下的话，默认底色为白，框和字有色。看了一会儿感觉和普通的组件封装好像是差不多的原理，和平常使用的整体组件是一个道理，可能自定义上之前没有那么强。按照之前的技术能力应该也是没有问题的，这是我看的up主的内容。1.el-button中有个type属性，通过type的切换实现效果，而其中的color和round都是基本样式，我该如何实现同样的效果呢。由此可以看到基本所有的改变都是根据type来的，只要可以得到type，就可以简化封装~
2024-05-25 16:04:51
1552
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人