首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端开发
1024小神
创建于2023-09-13
订阅专栏
前端哪些事
等 15 人订阅
共329篇文章
创建于2023-09-13
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
tauri开发Mac电脑Safari浏览器一个很奇怪的问题:在 input 输入框输入的是全小写英文字母,会自动将首字母转换为大写解决办法
问题原因 在 Mac 系统中默认使用 Safari 的内核 WKWebView 作为渲染引擎,而 Safari 浏览器的一些 “人性化” 机制:如果输入框中输入的是全小写英文,会自动将首字母转换为大写
给普通的div或者view等元素添加onblur事件的方式
一般只有input元素有blur事件,但是如果想给普通的元素设置了blur事件之后,它是不会正常直行的。还需要再给元素添加tabindex属性,设置了tabindex属性之后,元素会带有一个下划线,还
tauri开发配置文件和文件夹访问路径问题
在开发tauri软件的时候,如果有用到文件夹访问等,很有可能会遇到这种错误,这是因为你的tauri配置文件没有配置这个文件夹的访问权限导致的。 比如我这里配置的是:即便是APPDATA下面的所有,但是
tauri加载本地资源展示到前端页面报错because it appears in neither the directive nor the default-src direc
这个错误是因为你的 Tauri 应用的 内容安全策略(Content Security Policy, CSP)限制了从 asset://localhost 加载本地资源,尤其是图片文件。要解决这个问
tauri中加载本地文件图片或者下载网络文件图片后存储到本地,然后通过前端页面展示
有一个需求是需要将本地上传的文件或者网络下载的文件存储到本地,并展示在前端页面上的。其实如果只是加载本地文件,然后展示还是挺简单的,可以看我的文章:tauri程序加载本地图片或者文件在前端页面展示-C
tauri中$APPCONFIG, $APPDATA, $APPLOCALDATA, $APPCACHE, $APPLOG, $AUDIO, $CACHE, $CONFIG, $DATA等文件夹含义
为了安全考虑,不允许你直接访问电脑中的文件,可以通过配置访问哪些文件。该模块防止路径遍历,不允许绝对路径或父目录组件(即“/usr/path/to/file”或“。./path/to/file”路径是
tauri程序加载本地图片或者文件在前端页面展示
要想在前端页面中展示本地文件或者文件夹,需要使用convertfilesrc这个api,可以非常方便的展示内容,官方文档:tauri | Tauri Apps convertFileSrc甚至位于in
Cannot find module './App.vue' or its corresponding type declarati....大概率是你编译的时候出错了,解决办法
vue+vite+ts 项目打包报错: 出现这个错误的原因,是ts编译命令失败导致的,因为ts只认识ts文件,不认识vue文件,所以要想打包编译,就需要使用vue-ts。 把package.json里
了解package.json中npm run命令的执行原理,以及直接运行shell命令
了解npm run 在package.json文件中的script字段,可以定义脚本命令,通过npm run指令运行该脚本。 比如简单定义一个输出打印的shell脚本。 执行npm run hw可以看
Vue3中实现自然滚动表格列表,可调整滚动快慢
实现效果如图所示,可以调整滚动的快慢,可以实现内容高度不够的时候停止滚动的效果。 1.实现原理: 创建一个dom为ul,赋值为当前列表数据,然后拷贝这个dom赋值给第二个ul,然后判断屏幕高度跟滚动高
浏览器跨tab页面通信方式总结
需求: 浏览器不同 tab 标签页之间是独立的, 如果要通信必须通过特殊手段来实现跨标签页通信。 1.StorageEvent 事件 当一个标签页 localStorage 变化时(sessionS
调试解析直播弹幕消息protobuf内容,一步一步教你debug查看PushFrame和Response解码在哪里
我们知道直播间的弹幕消息是通过websocket传输的,而且传输的并不是明文数据,而是protobuf消息,至于为什么使用这个protobuf消息,因为它是二进制传输,更快更稳,相对于直播这种实时性比
tauri使用github action实现跨平台编译并解决编译错误等问题
正常编译为跨平台结果就像上面的,有mac/windows/linux的安装程序,直接下载就可以安装使用,我的这个livebox桌面端仓库地址:GitHub - Sjj1024/LiveBox: liv
Failed to resolve import “protobufjs/minimal“ from “src/proto/dy.js“. Does the file exist?
在使用protobufjs-cli依赖的时候,生成的js文件里面有引入,就报错了: 但是这是自动生成的啊,怎么办? 安装即可: 然后就没事了
github使用action出错Unable to locate executable file: pnpm. Please verify either the file path exists
报错信息: 在使用github action安装依赖的时候: 就是这里报的错,所以需要修改一下:改为下面的格式 再安装就好了:
前端项目vue3/React使用pako库解压缩后端返回gzip数据
pako仓库地址:https://github.com/nodeca/pako 文档地址:pako 2.1.0 API documentation 外部接口返回一个直播消息或者图片数据是经过zip压缩
不常见但很有用的chrome调试工具使用方法
对于chrome调试工具,常用的是elements标签、console标签、sources标签和network标签。但实际上,还有一些不太常见但相当实用的方法可以提高网页调试效率。本文将详细介绍那些不
深入研究websocket直播中signature这个参数怎么来的,模拟自己生成一个
上一节课我们已经找到了生成signature这个字段的代码位置,就是这个B函数,嗯......听起来好像有点奇怪,但是它确实叫B啊,笑死。不管了,看一下里面的逻辑是啥。 注意e参数的内容是: 注意t是
js中的价格计算float价格乘以int数量的结果不精确
在JavaScript中,当一个float(浮点数)和一个int(整数)相乘时,结果将是一个浮点数。这是因为在乘法运算中,如果其中一个操作数是浮点数,JavaScript会将另一个操作数隐式地转换为浮
xcode配置快速打开终端命令行工具教程
以往我们使用idea编辑器或者vscode编辑器的时候,我们可以快速的在编辑器下面打开终端进行相关的操作,但是在xcode里面却没有这么方便的功能按钮,真的不是很习惯,所以这次就来给xcode配置这么
下一页