搜索到
74
篇与
Elysian
的结果
-
web操作录制神器rrweb实现页面录像 rrweb适用场景：用户行为分析；远程debug；录制操作；实时协作；项目github：https://github.com/rrweb-io/rrweb ，觉得有用，记得帮他加个星~官网：https://www.rrweb.io/开搞！第一步：引入rrweb<script src="https://cdn.jsdelivr.net/npm/rrweb@latest/dist/rrweb.min.js"></script>第二步：开始录制// rrweb行为录制 let events = []; rrweb.record({ emit(event) { // 用任意方式存储 event console.log(event); events.push(event); }, });第三步：存储录制数据（本例采用php后台存储）// save 函数用于将 events 发送至后端存入，并重置 events 数组 function save() { if(events.length == 0){return;} const body = JSON.stringify({ events }); events = []; $.ajax({ type: "POST", url: "http://192.168.0.198:8067/index.php?s=v1/webtools", //访问的链接 dataType: 'text', data:{ token:"token_xxx", motion:body }, success:function(res){ //成功的回调函数 var data = JSON.parse(res); console.log(data.code); }, error: function (e) { } }); } // 每 10 秒调用一次 save 方法，避免请求过多 setInterval(save, 10 * 1000); （备注：后台php+mysql，代码省略。）录制数据已经存储好了，如何查看录像？请继续，第四步：查看录像<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/rrweb-player@latest/dist/style.css"/> <script src="https://cdn.jsdelivr.net/npm/rrweb-player@latest/dist/index.js"></script> <script type="text/javascript" src="../js/jquery-3.2.0.min.js"></script> </head> <body> <p>this a test page --- test1.html --- rrweb录像演示</p> <button id="btn"> 开始演示</button><br> <script type="text/javascript"> document.querySelector("#btn").onclick = function(){ let token = 'xxxtokenxxx'; $.ajax({ type: "GET", url: "http://192.168.0.198:8067/index.php?s=v1/webtools/"+ token, //访问的链接 dataType: 'text', success:function(res){ //成功的回调函数 var events = JSON.parse(res); new rrwebPlayer({ target: document.body, // 可以自定义 DOM 元素 data: { events, }, }); }, error: function (e) { console.log("error"); } }); } </script> </body> </html>据了解，这套工具是参考LogRocket开发的。本文转至：https://blog.csdn.net/blackcat88/article/details/88972515官网文档：https://blog.csdn.net/blackcat88/article/details/88972515https://github.com/rrweb-io/rrweb下面是rrweb的原理介绍地址： rrweb：打开 web 页面录制与回放的黑盒子 -
查看项目里引用的npm包的最新版本号方法 本地项目内局部生效的包的版本号{callout color="#000000"}npm list <包名>npm ls <包名>{/callout}本地的全局npm包的版本号{callout color="#000000"}npm list <包名> -gnpm ls <包名> -g{/callout} 如果省略掉<包名>的话，这里会列出所有的包的版本检测结果。查看远端仓库内的可用版本号{callout color="#000000"}npm info <包名>npm view <包名> versions --json （--json可选）{/callout}利用@操作符，安装特定版本号的npm包{callout color="#000000"}npm install <包名>@<版本号>{/callout}对比查看npm的版本号信息{callout color="#000000"}npm outdatednpm outdated --json{/callout}
-
Antd中InputNumber组件数字限制小数位数 InputNumber组件强制限制小数，可以使用 formatter 属性配合正则来实现，但在实践中发现一个问题，比如限制的两位小数，当我输第三位小数的时候，组件会保存这个值，导致传给后台的值多出一位小数。在2.9.0之后，InputNumber 新增 parser 属性, 搭配 formatter 一起使用，可以较好的限制小数的位数。将formatter和parser属性都绑定同一个方法，在这个方法里实现：...... <InputNumber min={0} max={100} step={0.01} formatter={limitDecimals} parser={limitDecimals} />绑定方法：const limitDecimals = (value: string | number): string => { const reg = /^(\-)*(\d+)\.(\d\d).*$/; console.log(value); if(typeof value === 'string') { return !isNaN(Number(value)) ? value.replace(reg, '$1$2.$3') : '' } else if (typeof value === 'number') { return !isNaN(value) ? String(value).replace(reg, '$1$2.$3') : '' } else { return '' } };
-
[C#]使用dnSpy对目标程序(EXE或DLL)进行反编译修改并编译运行 本文使用的工具下载地址为：https://github.com/cnxy/dnSpy/archive/v4.0.0.zip 或 dnSpy官方下载地址：https://github.com/0xd4d/dnSpy/releases/download/v4.0.0/dnSpy.zip 软件界面如下：该软件分别64位版本及32位版本，分别为dnSpy.exe 及 dnSpy-x86.exe，调试时请注意调试所对应软件版本。现在进入话题：一、首先编写一个Hello World的控制台运行程序，如下图所示：代码如下：using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace ChangeString { class Program { static void Main(string[] args) { string str = "Hello World!"; Console.WriteLine(str); Console.ReadKey(); } } }二、编译并运行，如下图所示：在这里程序内部的str变量为“Hello World!”，现在，需要使用dnSpy工具，将内部str的变量改变并在线调试。三、使用dnSpy工具对程序进行反编译：使用dnSpy工具对刚才生成的ChangeString.exe进行反编译，如下图所示：在Main函数内右键点击菜单，在弹出的上下文菜单中选择“编辑方法(C#)”，如下图所示：将str变量的内容改为“Just For Test”，并点击“编译”按钮，如下图所示：点击“全部保存”按钮，在弹出的界面保持默认值并点击“确定”按钮，如下图所示：保存完成后，点击“启动”按钮，在弹出的界面保持默认值并点击“OK”按钮，接着自动启动应用程序，如下图所示程序成功地运行！注意：编译时请注意以下事项，否则将不能进行编译：还有其他DLL模块的，必须把它包含进来；如有其他反编译后有不能识别的字符，请手工修改OK之后再进行编译。另外，这个程序不仅对EXE有效，同样对DLL有效，请自行试验，谢谢！{callout color="#f0ad4e"}作者：CNXYGithub：https://www.github.com/cnxy出处：http://cnxy.me本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。如果文中有什么错误，欢迎指出，谢谢！{/callout}
-
Git GUI汉化,设置成中文 Git bash设置中文这个Git bash本身就支持中文，只需要在打开Git bash后命令窗口右键Options -->Windows -->UI languages 下拉选择 zh_C即可。当然记得保存哦！！上图是就可以设置Git bash的界面。Git GUI汉化啥？你说为啥汉化？？嗯，那你为啥子来看我帖子~~~~ 因为我么有找到哪里能设置中文的地方，那么到底应该怎么设置Git GUI的中文显示呢？哈哈哈， 其实超简单的，下载此文件：https://files.cnblogs.com/files/chenghu/git-gui-zh-master.zip 解压缩后得到 zh_cn.msg文件。将其放到/mingw64/share/git-gui/lib/msgs/zh_cn.msg 路径下不过Git安装路径下面没有msgs这个文件夹，我反正是没有的。那么自己创建之后再将这个汉化文件放进去。嗯，这样就算是汉化完了。重新打开Git GUI ，你就会发现界面已经变成了中文了。本文Git GUI汉化包来源： https://github.com/stayor/git-gui-zh 文章转至：https://www.cnblogs.com/chenghu/articles/12678500.html
![[C#]使用dnSpy对目标程序(EXE或DLL)进行反编译修改并编译运行](https://cdn-01.xue265.com/blog/typecho/580518-20171121160924352-1958813277.png)
