- 博客(93)
- 资源 (43)
- 收藏
- 关注
RSS订阅原创 深入理解XPath选择器：前端自动化的利器
通过这些例子，我们可以看到XPath选择器的强大之处。它不仅能够进行简单的元素选择，还能执行复杂的查询，这对于前端自动化测试来说是非常重要的。无论是选择具有特定属性的元素，还是根据文本内容、兄弟元素、父元素或位置进行复杂的DOM查询，XPath都能提供灵活且强大的解决方案。
2024-04-17 16:13:56
339
原创 在macOS上使用Homebrew安装PHP的完整指南
如果你的项目不依赖于旧版本的特定特性，建议使用最新版本的PHP。此外，上述步骤可能会随着Homebrew和第三方仓库的更新而变化，因此如果你遇到问题，请参考相关仓库的最新文档。在安装最新版本的PHP之前，确保你的macOS系统上已经安装了Homebrew。由于PHP 7.3不是最新版本，你需要添加一个支持旧版本PHP的Homebrew仓库。安装好Homebrew后，你可以使用它来安装最新版本的PHP。安装完成后，你需要将PHP 7.3的路径添加到你的。你应该会看到最新版本的PHP的版本信息。
2023-11-29 14:59:34
911
原创 深入理解移动端H5视频通话中的摄像头切换实践
在移动端H5应用中实现视频通话功能，已经成为现代Web应用的标配之一。随着Web技术的发展，我们不仅能够在桌面浏览器上实现复杂的视频通话功能，也能够在移动端浏览器中提供几乎原生应用级别的流畅体验。本文将详细介绍如何在使用声网（Agora）Web SDK的移动端H5应用中实现摄像头的切换功能，这对于提升用户体验至关重要。首先，我们需要理解声网Agora RTC SDK NG提供的API和对象模型。在这个SDK中，对象是控制视频轨道的核心，包括摄像头的选择和切换。
2023-11-24 11:55:07
243
原创 如何在前端开发中实现摄像头拍照和人像定位
许多应用程序要求用户能够使用摄像头进行拍照，并在拍摄前提供一个人像定位框，以引导用户正确站位。这种功能通常在在线身份验证、社交媒体、视频会议等应用中使用。本文将向您展示如何使用JavaScript、WebRTC和HTML5来实现这一功能。
2023-09-07 11:35:18
549
原创 本地如何使用HTTPS进行调试
在本文中，我们学习了如何轻松地在本地进行HTTPS调试。通过生成自签名SSL证书和密钥，并使用http-server工具
2023-09-07 11:07:13
1660
原创 类似直播那种文字淡出边框效果如何做？
但是好像上边遮罩得有点长，如何让他遮罩得短一点呢，我们可以再继续看下 linear-gradient() 这个函数。先看效果，类似直播的文字，靠近边框出去的时候，是一种淡出的方式出去的，不会生硬的切边拦腰切断的感觉。查了下，主要是用到 mask 和 -webkit-mask-image 来实现效果。允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。可以看到我们是可以在颜色的后面加上百分比可以控制长度的。有了这个后，我们在正在做的ai虚拟人项目就可以用上了。
2023-07-20 14:28:25
60
原创 Prisma 国内镜像设置
原因是prisma client 需要下载几个引擎，在其他没有翻墙工具的小伙伴使用的时候发现一直下不下来，这时候就想到要要找个国内镜像了，官方文档里面提供了设置的方法。环境变量允许您通过专有服务器、AWS 存储桶或其他云存储来托管二进制文件。如果您的自定义操作系统要求您使用自己自定义构建的二进制文件，这将非常有用。相信大家在体验完 prisma 后，一般都是会感觉开发起来很方便，功能使用起来很顺畅很爽，但是想推广起来团队内使用的时候发现。
2023-07-07 17:34:19
757
原创 本地调试https配置方法（vite配置版本）
有时候需要用到一些音视频接口等需要https才能拿到权限，为方便开发过程中调试，本次用到的插件是 mkcert的vite版本： vite-plugin-mkcert。
2023-04-06 09:45:36
2048
原创 如何设置接口调用失败后自动重连
有时候网络问题波动等会发生超时或者504异常，但是重新再调用一次就可以了，这时候可以想到如果出现这种情况是否可以自动再进行接口调用并且最多次数不超过3此？引入axios-retry，然后根据响应参数设置就可以了，具体参数除了上面示例代码以外，可以参考。可以利用 Axios 插件进行重试失败的请求。...
2022-08-11 19:01:23
834
原创 非https环境下如何调试webrtc接口
因调用webrtc接口都必须https，则本地调试比较麻烦，非https环境下如何调试webrtc接口
2022-08-09 17:26:20
1305
1
原创 小程序如何指定按钮分享指定内容
【应用场景】一个页面里面有多个分享，点击不同的按钮分享不同内容【具体实现】wxml<view> <button class="share1" data-sharetype='share1' data-share-msg='你好1' open-type="share">分享1</button> <button class="share1" data-sharetype='share2' data-share-msg='你好2' open-
2022-05-17 15:17:09
4747
原创 【NestJS】获取客户端IP完美解决方法
根据以往传统后台经验，获取api请求的客户端ip应该很简单才对，直接 Request.IP 不就可以了么，然后根据这个思路找一下 nestjs里面的request对象，还真有 .ip(get) 的方法，但高兴得有点早，使用起来发现获取到的 ip 地址不是null 就是 127.0.0.1后面还是找下现成的包，发现可以用request-ip 这个包来实现真实ip的获取安装request-ipnpm install --save request-ipnpm install --save-de.
2021-09-06 15:53:53
26724
原创 【NestJS】内存Caching基本用法
基本需求定义缓存有两种基本用法，根据需求可大致分为两类：需求一：缓存一些指定key，在使用的时候获取key里面的内容，key可以根据需求自由定义，按使用情况获取或者删除需求二：直接缓存接口查询响应内容，如查询某列表或者基本详情信息接口缓存，如 findAll()，getUserInfo()，针对这种nestjs直接有封装安装npm install cache-managernpm install -D @types/cache-manager导入模块import
2021-08-17 17:57:09
7790
1
原创 【NestJS】跨域、全局异常处理、限速
跨域 const app = await NestFactory.create(AppModule) const origins = JSON.parse(process.env.LSC_CORS_ORIGIN) //["http://localhost:8080","http://localhost:8081"] app.enableCors({ "origin": origins, // "origin": "*", "credentials": tr
2021-08-17 14:28:27
9297
原创 npm查看历史版本(远程库、本地库)
有时候遇到版本升级，直接 npm install XXX 安装新包之后会遇到些兼容性问题，这时候可以找对应版本号重新更新下载可正确执行的包//查看所有版本npm view xxx versions//安装指定版本npm install [email protected]...
2021-07-23 15:03:09
2079
原创 Object.create(Object.prototype)和new object()的区别
区别new Object()会创建一个继承自Object的对象；Object.create(Object.prototype)是凭空创建一个“新”对象并把新对象内部的__proto__关联到Object对象的prototype例如：function Person() { this.name = this.name; this.age = this.age; this.objFun = function () { }}var p1 = new Person();va
2021-07-05 15:13:43
312
原创 Vue 发布生产环境去除console日志
vue.config.jsmodule.exports = { configureWebpack: config => { //...忽略其他配置 if (process.env.NODE_ENV === "production") { config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true; }...
2021-06-23 17:33:48
201
原创 【NestJS】swagger快速接入
1.安装swagger$ npm install --save @nestjs/swagger swagger-ui-express//如果使用fastify，则必须安装fastify-swagger而不是swagger-ui-express：$ npm install --save @nestjs/swagger fastify-swagger
2021-06-11 17:04:42
3959
1
原创 【NestJS】swagger4.0 重大更改/ API 更改
今天安装swagger发现一些方法报错，查看下主要是版本升级有很多API变更了以下装饰器已经被更改/重命名：@ApiModelProperty现在是@ApiProperty @ApiModelPropertyOptional现在是@ApiPropertyOptional @ApiResponseModelProperty现在是@ApiResponseProperty @ApiImplicitQuery现在是@ApiQuery @ApiImplicitParam现在是...
2021-06-10 18:15:41
847
原创 VSCode断点调试NestJS
配置在vscode里，Ctrl+Shift+P，打开命令面板，输入Toggle Auto Attach调试
2021-06-02 17:41:14
16247
1
原创 CentOS安装NodeJS
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash
2021-06-01 16:51:37
156
原创 【异常】Error: Collection “@nestjs/schematics“ cannot be resolve
Nest安装和创建项目时会出现异常提示Error: Collection "@nestjs/schematics" cannot be resolved.yarn global add @nestjs/clinest new project-nameError: Collection "@nestjs/schematics" cannot be resolved. at NodeModulesEngineHost.resolve (C:\Users\admin\AppData\Loca.
2021-05-31 16:51:38
1359
2
原创 浅谈js下的发布订阅模式(观察者模式)
场景我们在做地图引擎的时候，会经常扩展一些插件，有些插件会动态根据地图渲染时机等做一些计算处理重新渲染等，这时候地图渲染时机如何通知到插件，就可以用到这个发布订阅的模式来进行。定义发布订阅模式，也称为观察者模式，多个观察者可以实时监听某一个具体对象，常见的就是js里面的事件监听。实现先看下引擎代码简单骨架：class MapEngine { constructor(){ //... } /**渲染函数，处理渲染等相关事项 */ ..
2021-05-20 19:56:35
8463
原创 canvas 文本旋转 90°
接到个需求，文字在canvas里面绘制90度，再贴到地图里面做纹理最终效果先看调试效果罗字是正常文字，“测”、“路”是旋转后的理想文字效果<!DOCTYPE html><html><body><canvas id="myCanvas" width="300" height="200" style="border:1px solid #d3d3d3;">Your browser does not support the HT.
2021-05-18 18:38:38
4582
原创 记一次ios下 莫名其妙报 RangeError:Maximum call stack size exceeded.
如题，发布新数据后iphone 下打不开页面，pc喝安卓端正常，代码也不是逻辑报错，不知道是哪里超范围了debug发现报的错误是RangeError:Maximum call stack size exceeded.后面排查发现原来是 ... 扩展运算符导致的问题，出问题的数组有十几万个数据，ios下就会出问题根据具体情况改为concat 或者 其他方案修复问题，大数据下不合适直接使用扩展运算符...
2021-05-11 18:56:05
320
原创 error This is probably not a problem with npm. There is likely additional logging output above.
nextjs 程序发布，报了一堆错18 verbose node v14.11.019 verbose npm v6.14.820 error code ELIFECYCLE21 error errno 122 error [email protected] build: `next build`22 error Exit status 123 error Failed at the [email protected] build script.23 error This is probably not
2021-04-28 18:57:47
1750
原创 Error: PostCSS plugin tailwindcss requires PostCSS 8.
解决方法：# 删除原安装包npm uninstall tailwindcss postcss autoprefixer# 安装低版本包npm install tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
2021-04-27 19:06:30
1049
原创 【.net core 3.1】解决雪花ID跟前端交互问题
雪花ID本身是long，查了下json rfc，规范不限制范围，但说明了因为IEEE754广泛使用，[-(2**53)+1, (2**53)-1]范围内是可以互操作的，其他的可能会出问题，而这个可能会出问题就是实实在在的出问题了，前端直接接收到后端返回的long再回过来后，经度都会丢失。如后端给前端的是1297873308628307970，而前端拿到返回回来则变成了12978733086283000000。第一时间想到的是要把long改成字符串返回。而场景大多数是系统写了一大批接口，突然发现有问.
2021-04-14 15:12:06
1353
原创 MySql 修改账号权限
测试库开了个开发账号，但客户端修改表时弹出权限相关错误，执行以下命令赋予所有权限mysql 5.7grant all privileges on *.* to dev@'%' identified by 'your root password';flush privileges;mysql 8.0root登入后grant all privileges on *.* to dev@'%';flush privileges;...
2021-04-13 17:08:46
81
转载 【前端工程化】你所需要的npm知识储备
npm在前端开发流程中提供了非常完善的自动化工具链，已成为每个前端开发者必备的工具，但是同样由于其强大性导致很多前端开发者只会简单的使用它。本文将总结在日常开发中所需要的npm知识点，以便开发者们更好的将npm运用在实际开发中。1. npm 处理 node_modules 目录结构一个项目开发、上线所依赖的插件包都存放在node_modules中。虽然在实际开发中无需关注这个目录里面的文件结构细节，但了解node_modules中的内容可以帮助我们更好的理解npm组织这些文件的机制。假设项目A
2021-04-08 17:20:05
468
原创 【小程序插件】如何开发一个小程序插件
先看下官方描述：总体来说，小程序插件分为 开发 、发布和 使用 几个方面。开发发布是提供方如何提供插件给客户，发布后的插件客户才可以使用。在开发前，需要先开通插件功能，然后就可以开发了，其他的其实官网写得很清楚。实际应用实际项目中接到了需求，把室内地图定位应用嵌入到别家小程序中，调研了下小程序插件还比较合适，但小程序插件有点遗憾的是webview无法使用，所以在地图页面用了 H5 嵌入，定位服务则开发了一个室内定位SDK供嵌入方调用，欢迎感兴趣的朋友一起交流...
2021-04-08 14:50:54
354
原创 【JavaScript指南】剩余参数
剩余参数跟arguments很像，也是存储方法参数的一个局部变量，跟arguments的区别主要在这几个方面：剩余参数只包含了那些没有对应形参的实参，而argements包含了所有传给函数的实参 arguments不是一个真正的数组，而剩余参数是真正的数组，也就是说剩余参数可以直接使用数组相关的方法，如reduce、forEach、map等 arguments对象会有一些附加的属性，如callee语法function(a, b, ...theArgs){ //...}示例
2021-04-02 15:19:58
362
原创 【JavaScript指南】arguments是什么？
描述arguments简单来说，就是存储函数中参数的一个局部变量（注意是非箭头函数），参数按索引为属性名，如第一个参数属性名是0，第二个参数属性名是1，第三个参数熟悉名是3，如function a(){ console.log(arguments[0]) console.log(arguments[1]) console.log(arguments[2]) }a(1,2,3)// 输出：// 1// 2// 3但注意它是一个类数组对象，何谓类数
2021-04-01 16:40:27
623
原创 vue : 无法加载文件 C:\Users\xxx\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go .microsoft
1. 以管理员身份运行PowerShell2. 执行：get-ExecutionPolicy，回复Restricted，表示状态是禁止的3.执行：set-ExecutionPolicy RemoteSigned4.选择Y
2019-10-01 16:05:22
257
Winserver服务器mysql整套安装集合包.zip
2021-04-02
2012最新面试题之;一条语句查出所有权限
2011-12-09
最新面试题之;一条语句查出所有权限
2011-12-09
Microsoft Visual Studio 2008 Service Pack 1
2011-11-25
Mstsc (Microsoft terminal services client)
2011-11-18
天涯会员信息采集程序Demo(C#)
2011-11-09
扫雷算法C#语言完整版
2010-05-18
创意小熊洗衣店(C#版)分卷2
2010-04-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人