web前端神器
这个作者很懒,什么都没留下…
展开
-
koa框架之间的websocket通信
deviceController.js调用的时候,这里一定要注意,只要引用了这个js,里面的代码就会自动执行。这里已前端传递过来的mac地址作为唯一标识。后续自行改为用户的token等来作为用户唯一标识。调用接口的时候批量发送websocket消息。这里一定要注意有个端口与后端服务端有所不同。所以其他的文件就不要再重复引用了,原创 2024-09-19 15:42:44 · 211 阅读 · 0 评论 -
不用async与await将异步函数改为同步函数
最近做一个项目token校验,发现之前用的插件不能加密之后可以直接解密,一点都不安全。所以换了一个插件,但是遇到了另一个问题。原本的函数是同步函数,现在换了插件之后变为了异步函数。有很多的代码都调用了这个函数,总不能每个调用该函数的地方都加await或者then。调用的时候为sign('aaa')而此时代码变为如果这样的话,其他调用的地方就变为了这两种由于考虑到有很多地方都调用了这个函数,总不能所有文件都去修改吧!这个时候我们可以用deasync来做异步改同步操作。原创 2024-08-28 19:28:55 · 361 阅读 · 0 评论 -
用jose来解决jwt中的token可以解密的问题
用token做用户检验,好处不用说了吧!服务器几乎不需要存储用户的登录状态等信息。大幅度降低服务器内存的压力。访问接口我们只需将token进行解密即可。但目前的jwt是真心的不安全。我以为只有后端服务器可以解密,现在才发现随便一个工具都能解密。大家可以尝试用这个网站看看自己的token是否可以解密。JWT的token在线解码解密工具-开发者工具不得不说实在太坑了,那么多人都用的token,你却把安全不考虑进去,这和直接把用户信息暴露出来有啥区别?原创 2024-08-28 19:06:57 · 76 阅读 · 0 评论 -
uniapp用自带的canvas做画板签字
如下图移动端经常需要做此功能,用户签字。原创 2024-08-05 14:13:50 · 199 阅读 · 0 评论 -
h5中web端调用自带摄像头并且录屏上传保存视频
录屏结束回调将chunks中的视频上传到服务器formData.append('video', recordedBlob, 'recordedVideo.webm');navigator.mediaDevices.getUserMedia 此函数调用摄像头获取视频流。mediaRecorder 录制视频的函数。其实也就是一个普通表单格式的视频上传接口。摄像头数据存储到chunks中。原创 2024-08-04 18:05:17 · 248 阅读 · 0 评论 -
Babylon.js 添加背景面板,让其铺满整个屏幕,平行相机与平行光线
搭建好了场景并封装为组件,但是用的的时候canves的尺寸是变化的,然后背景以及对应所看的界面却不好跟着变化。导致背景不好调整。原创 2024-08-04 15:29:53 · 148 阅读 · 0 评论 -
用Babylon.js 滑动屏幕画图形,签字等
在上篇文章中我们已经了解到了该游戏引擎的基本搭建过程。比如灯光,摄像头,场景、事件监听等。这里我就不做多介绍。运用以上知识点。我们此时做一个小游戏画图。原创 2024-08-02 16:22:08 · 219 阅读 · 0 评论 -
babylonjs游戏3d引擎笔记
在之前用unity研发过不少游戏,但是都是基于pc或安卓等。而h5这块发现不太好嵌入。最主要是体积太大,加载太慢。所以这次找了一个类似unity的适合web前端开发的游戏插件。为什么选择此插件,不选择three.js呢?因为做过3d游戏的都应该知道,游戏它不仅仅是渲染3d模型,它还需要内置很多交互功能以及模拟的物理功能,如碰撞,射线点击,精灵等。这样才能更好的制作出可交互的游戏出来。原创 2024-08-02 15:42:42 · 240 阅读 · 0 评论 -
h5调用摄像头,并根据算法识别人脸跟踪
其实也就是调用navigator里的mediaDevices函数,此时浏览器即可调用自带摄像头,视频流数据会通过then回调传递过来,这时我们用前端的video将视频资源存放到该标签里即可展示画面了。此函数不仅支持pc端,移动端以及微信也可以正常使用,多端平台都兼容。所以后续做移动端开发都可不用写插件来获取视频信息了。这里要注意:此函数有安全策略只支持localhost与127.0.0.1也就是本机访问,以及https协议的网址访问。原创 2024-08-01 16:58:00 · 176 阅读 · 0 评论 -
linux系统宝塔服务器temp文件夹里总是被上传病毒php脚本
服务器时不时的会发送短信说你服务器有病毒,找到了这个tmp文件,删除了之后又有了。确实是有很多人就这么无聊,每天都攻击你的服务器。找了很久的原因,网上也提供了一大堆方法,但都是很简陋的答案,具体怎么操作并没有说。没办法只能自己去排查这个问题。从两个角度来考虑,第一是服务器系统问题,比如宝塔的漏洞。但一时半会看不出问题来。只能去排查自己的项目代码。最后了解到代码确实是存在漏洞的。但代码中也确实了很多的校验,为什么会存在漏洞了?这就不得不从上传的过程开始说起。原创 2024-06-13 11:55:27 · 664 阅读 · 0 评论 -
x6.js bug记录-流程图json数据导入进来之后拖拽节点,节点直接飞走了
找了一下午的问题,最后发现。保存的json坐标位置是字符串类型,而这边的位置必须是数字类型。添加josn数据进来之后虽然能正常渲染,但是只要一拖拽,则节点就直接飞走了,看不到了。蛮坑的虽然解决办法简单,但找到该问题却耗费了一下午时间。最后将字符串类型改为数字类型就好了。原创 2024-05-11 17:32:25 · 145 阅读 · 0 评论 -
x6.js 流程图绘制笔记,常用函数
有时候节点不断的添加,节点会越来越多,如果要改某个节点就需要一个函数来查询节点信息。这里的节点信息与以上new Shape.cilcle的结构一样。这里的node1与node2则为以上节点的id,节点连接是根据id来连接的。这里的data打印出来结构如下。原创 2024-03-05 17:34:20 · 667 阅读 · 0 评论 -
mongodb中的多表查询aggregate中排序不是按全表排序,而是当前页排序问题如何解决?
而找了很久才发现原因,其实aggregate函数中数组里的每个条件都是有顺序要求的,也是按顺序执行条件。所以只需将排序条件放到最上面即可。其中还少一个知识点则是排序。而起初写了排序条件之后发现排序并不是按全表排的。在上篇文章中讲到了多表查询。原创 2024-04-13 11:39:36 · 271 阅读 · 0 评论 -
关于在线excel插件Univer笔记教程
univer在线excel插件确实是够强大,但也存在不少bug,用户用起来是真的很爽,和本地的wps差不多,但真正的开发起来是真的费劲。由于文档提供的信息不足,我们很多功能只能去看他们插件里的源代码,然后一点点测试,一点点尝试研究。此文章可省去五天的研究成本原创 2024-04-11 17:30:14 · 2070 阅读 · 3 评论 -
彻底解决electron-builder安装问题与npm下载配置问题
我们先来了解一下资源下载,我们在通过npm install electron-builder安装的时候需要下载各种压缩包到电脑缓存中,然而有些资源包是在国外服务器,比如github这里需要魔法才能下载。然而也可以设置npm 里的淘宝代理,但代理的地址还是无法下载。electron_custom_dir 这个当前的版本,注意这里最好不要写死版本,否则安装的时候为自动拼接地址版本号则会是固定的比如我想安装21.2.0的版本,原本会自动从8.5.5里去寻找结果直接从10.0.0里去找了,拼接后的地址为。原创 2023-11-20 12:09:45 · 1523 阅读 · 0 评论 -
若依系统前端使用问题汇总
任何系统基本都会存在bug,特别是功能多的情况。功能越多bug越多,功能与功能之间融合必定会存在诸多考虑不到的问题。每次遇到问题都是直接找到答案解决之后就没再去处理了。但时间长了又会遇到相同的问题。再次去找答案又会浪费大把的时间,因此一些问题最好都记录起来,后续遇到时直接查看文档即可。以下是用若依系统前端这块遇到的问题汇总。1.自己手动创建动态路由之后切换到自己的页面之后再切换到其他的页面,页面都是空白。找到AppMain.vue将transition动画去掉即可。原创 2023-06-19 12:06:21 · 549 阅读 · 0 评论 -
vite打包文件如何支持files协议,支持双击即可打开网页,支持electron打包文件。
原本的所需框架为vite + element-plus项目,需要打包之后用eletron打包为桌面应用。但遇到一个问题,耗费了整整一下午时间。vite的配置也没有考虑过纯静态页面的情况。打包之后的页面只支持https协议。不断是百度以及问AI然后看vite官网文档,最后终于配置好了。这里有一个问题就是上面箭头所指位置,不支持跨域,也是es6的语法也不支持。配置完之后打包文件如下。原创 2023-06-13 17:44:53 · 798 阅读 · 0 评论 -
微信扫码关注登录(vue+node+express+mongodb)
微信扫码关注登录(vue+node+express+mongodb)文章目录前言一、微信扫码关注登录是什么?二、为什么要使用微信扫码关注登录?三、思路前端部分后端部分:微信后台授权设置开通微信认证二、后端接口制作步骤公共变量授权地址获取授权access_token获取ticket换取二维码二维码接口回调接口获取用户信息接口总结前言随着时代的发展,微信与我们已经是密不可分,微信也成为了一款必不可少的商业营销工具。除了我们平常的微信聊天以外,微信也有很多的公众号,小程序,游戏等。优质的文章也会通过公众号原创 2021-04-05 11:11:55 · 1646 阅读 · 1 评论 -
node环境下安装robotjs与windows-build-tools实现模拟鼠标点击
node环境下安装robotjs与windows-build-tools实现模拟鼠标点击文章目录介绍前言一、robotjs是什么?二、使用步骤1.全局安装windows-build-tools2.安装robotjs源代码调用robotjs并启动测试总结介绍我们在使用electron将网页文件进行打包为桌面应用的同时,有一些特殊的需求,如实现自动化办公,解放双手。很显然网站与node也无法实现这个功能。这时我们需要调用第三方插件来实现。这一章将重点讲解robotjs插件是如何模拟用户行为,又为什么需要安原创 2021-04-08 01:52:34 · 1505 阅读 · 0 评论 -
带有反爬虫机制下进行爬取数据方案,这里以阿里拍卖为例
介绍最近接到一个2万多的小项目,需求是这样的。需要将一个大型网站上的数据爬下来保存到本地。具体项目不方便透漏,这里的演示就以阿里拍卖网站为例。反爬虫机制有那些?解决反爬虫之前,我们首先得了解反爬虫机制。ip限制反爬虫:免登录反爬虫一般用访问ip来判断你是否在爬虫获取网站信息,这里百度亲测过。当初写 了一个脚本自动爬取百度搜索的结果信息,结果前面试了几次还好。而到后面数据再用脚本爬取结果人家百度不再返回数据了。动态网页与加密混淆网页反爬虫:在有的网页中直接查看源码看到的数据如下图,源码要么被加密混原创 2021-03-15 13:24:16 · 3860 阅读 · 1 评论 -
如何解决网站源码(加密混淆)没有信息也能正确的抓取信息?如何利用electron抓取网站信息?爬虫
如何解决网站源码(加密混淆)没有信息也能正确的抓取信息?如何利用electron抓取网站信息?爬虫首先我们来安装electron,本节课暂不演示electron的安装了,有兴趣的同学可以自己试一试。下载electron-quick-start启动项目修改index.html页面6.创建test.js并修改修改main.js附带几张效果截图传统的爬虫技术大部分都是通过源代码来获取页面内容,但现在随着社会的发展很多html代码都是动态渲染,渲染逻辑都是在js里处理了。前端的打包编译混淆之后,源码基本连自己都看原创 2020-07-08 16:07:47 · 1193 阅读 · 0 评论