- 博客(90)
- 资源 (2)
- 收藏
- 关注
原创 React 项目技术栈
Volta 管理 node 版本,pnpm 的安装和版本控制。Tailwind CSS 不再写 CSS 的 CSS 库。clsx 对 className 的格式进行整理。Iconify 图标,支持自定义图标。Shadcn 项目 UI 库。
2024-12-13 19:01:31
150
原创 cannot pull with rebase: You have unstaged changes
【代码】cannot pull with rebase: You have unstaged changes。
2024-10-01 15:34:10
249
原创 Linux权限修改及管理员权限获取
在网上看到的,自己当作字典记录下来使用 chmod 可以修改文件权限。两种方式:字母法与数字法例如:文件名为 test.x给文件 test.x 添加所有用户都能执行的权限,指令:语法解释:chmod作用:改变文件或目录权限a:代表角色|:------|:------|| 角色 | 说明 || 角色 | 说明 || 角色 | 说明 || 角色 | 说明 |+:权限操作符号|:------|:------|| 操作符 | 说明 |x:权限|:------|:------|| 操作符 |
2024-09-24 14:46:17
680
原创 Vue3安装ffmpeg做视频截取报错
那就去 Microsoft 的官网搜索,Microsoft Visual C++ Redistributable Package 并下载,然后配置相关支援。然后尝试安装pngquant,运行 npm install --save-dev pngquant 语句,继续报错。1,前往 https://pngquant.org/ 下载 pngquant。3,回到项目中,继续执行文章最开始的 yarn add 的指令即可。通过 yarn 安装 ffmpeg 时报错。
2024-08-06 01:39:56
605
1
原创 Uncaught (in promise) ReferenceError: SharedArrayBuffer is not defined
最重要的是 headers 的设置。当然也需要 https 的支持。Vue3 项目使用 ffmpeg 进行视频截取时,报错,内容如题。原因:SharedArrayBuffer 需要相关跨域权限。vite.config.js 中。
2024-08-05 15:14:09
897
2
原创 vue3+electron搭建桌面软件
最近有个小项目, 客户希望像打开 网易云音乐 那么简单的运行起来系统. 前端用 Vue 会比较快一些, 因此决定使用 electron 结合 Vue3 的方式来完成该项目.然而, 在实施过程中发现没有完整的博客能够记录从创建到打包的流程, 摸索一番之后, 随即梳理成文供大家参考.废话不多说, 直接开始!对了, 开始之前, 先给 Vue3 和 electron 在 package.json 中的版本号展示出来供大家参考.
2024-06-12 22:10:45
1511
原创 electron+Vue3构建桌面应用之IPC通讯
过程中遇到 Electron 与 Vue3 通讯的问题,费劲巴力的在网上找方案,发现都不理想,最终攻克之后,计划将过程写下来,供有需求的同学白嫖!好,言归正传。先说需求,我是做一个 C/S 架构的串口数据获取的需求预研。另外,项目组 Vue 人才较多,所以,期望后期可以接上 Vue。有同学就说了,你 Vue 要获取串口信息,不是可以直接使用吗?
2024-04-16 17:48:06
1019
原创 HTML发展史
* 为什么要讲 HTML 发展史呢?**唐太宗告诉我们: 以铜为镜,可以正衣冠;以史为镜,可以知兴替;以人为镜,可以明得失。那了解了 HTML 的发展史,可以知道什么呢?答案是 ** 兼容 **国内在 淘宝网停止支持IE6、IE7浏览器 之后,关于兼容的问题热度慢慢降了下来(其实,内因也是科技进步)那 HTML 这个超文本标记语言,为什么会存在浏览器的兼容问题呢?今天我们就来聊聊 HTML 与 浏览器的那些个恩怨纠葛。
2024-03-20 18:30:02
1327
原创 Vue+Koa项目完整上线流程中遇到的问题
程序员有时候 “提笔忘字”, 以下是此次过程中遇到的问题流水账, 按顺序记录的, 不再细分什么前端后端了.有些问题可能过于简单, 勿喷!get 类请求: 直接使用 ctx.query 来获取前端传递来的参数post 类请求: 需要使用到 koa-bodyparser 中间件, 然后通过 ctx.request.body 来获取前端传递的参数koa-bodyparser 在使用 koa2 指令创建项目时已经内置.直接贴一个路由文件的使用吧!3, Vue 3 通过 customRef 实现防抖废话不多说,
2024-02-06 17:42:27
1279
2
原创 Vue 3 + Koa2 + MySQL 开发和上线部署个人网站
记录个人的一个操作步骤, 顺序不分先后, 嫌啰嗦请出门右转!环境说明:服务器: 阿里云轻量应用服务器服务器系统: CentOS8.2本地环境: macOS 12.7.2Koa: 2.7.0pm2: 5.3.1。
2024-02-06 09:52:09
1712
原创 Vue3跨域代理设置
Vue 3 的项目, 在通过 vite 来创建项目之后, 会自动创建一个 vite.config.js 文件, 跨域的代理就可以在这个文件中配置了。注释基本说明了对应配置参数的作用, 更多配置参数请。
2024-02-01 10:30:04
1465
原创 Mac安装MySQL
电脑:处理器: 2.7GHz 双核 Inter Core i5MySQL 的安装版本: 8.2.0最近有更新系统, 重新配置了电脑, 因此, 之前安装的 MySQL 也都删除了, 这次安装经历有点坎坷, 记录下来, 希望可以帮助到需要的小伙伴!以往安装 MySQL 都是通过 Homebrew 来安装的, 比较省心, 这次不知何故, 使用 Homebrew 来安装的几个软件都没能安装成功, 这次的 MySQL 也是一样, 莫名其妙的卡在某一个步骤 Error!
2024-01-16 10:40:06
1371
原创 Vue项目中axios的二次封装
Vue 项目使用过程中一般会对 axios 进行二次封装, 以期在合适的时机处理一些全局的需求, 比如常见的 请求拦截器 和 响应拦截器. 接下来简单聊聊具体的操作步骤.
2024-01-15 11:42:00
794
原创 Vue+Koa2 搭建前后端分离项目
简单的一个 Demo 演示: Vue 和 Koa2 在本地搭建前后端分离项目.当前环境:1, Vite 搭建的 Vue 前端项目 ( 也就是 Vue 3 了 ) .2, Koa2 搭建的 后端项目.前端项目在 localhost: 5173 端口下运行, 后端项目在 localhost: 3000 端口下运行, 因此, 前端通过 Ajax 请求 后端的接口就会存在问题. 本文的终点也在聊如何实现跨域.
2024-01-15 11:24:09
842
原创 React实现拖拽效果
项目分为 todo-panel, todo-list, todo-item 三个组件1, todo-panel 控制整个 demo 效果的布局和总逻辑的实施, 所有响应式的 state 都在该组件中实现.总控室.所有需要动态渲染的 state 都在当前组件中配置2, todo-list 列表组件, 用于展示某种形态的列表桥梁.子组件(todo-item)的 drag 行为需要通过 todo-list 组件传递给父组件(todo-panel);
2023-12-26 16:38:30
1103
原创 remote: Support for password authentication was removed on August 13, 2021.
在github个人设置页面,找到Setting ->选择开发者设置Developer setting -> 选择个人访问令牌Personal access tokens,然后选中生成令牌Generate new token -> 生成令牌Generate token。在上述位置根据提示选项,生成新的 token 之后,再次上传时,在 密码 位置输入上述 token 即可!也就是说,你需要使用 token 来代替密码了。token 在哪里生成呢?
2023-12-19 10:41:36
955
原创 Mac中nvm切换node版本失败
在这里这个 default 中有个 node 的版本号,使用 nvm use 时,没法修改这个版本号。2,nvm alias default XXX(长期有效,即使关闭终端窗口后,再打开一个新的终端窗口)Mac中使用 nvm 管理 node 版本,在使用指令:nvm use XXX 切换版本之后。使用 nvm alias default XXX 指令设置默认 node 版本。关闭终端,再次打开,输入 node -v 还是得到之前的 node 版本。1,nvm use XXX(只对当前终端窗口有效)
2023-12-14 10:26:33
1928
原创 Mac安装nvm
nvm全称 Node Version Manager ,意思为node版本控制;它是一个命令行应用,可以快速地更新、安装、使用、卸载本机的全局 node.js 版本。他可以在同一台电脑上进行多个node版本之间的切换,而这正是nvm的价值所在。当你同时进行两个或多个node项目开发,并且这些项目的node版本不一样时,nvm可以很好的帮你管理pc上的node版本切换。
2023-12-11 14:38:33
1219
原创 failed to install C:\Users\Administrator\.expo\android-apk-cache\Exponent-2.29.8.apk: Failure [INSTA
使用 Expo 搭建的 React Natvie 项目在执行了 npm start 之后, 启动成功, 有个二维码可以扫,但是想要在 Android 模拟器上运行。于是,输入指令 a,来在 Android 模拟器上运行。按照以上方案执行后,再次输入 a 启动,不起作用!
2023-11-13 11:12:43
599
原创 React Native 环境搭建
React Native 环境配置中,安装完 cocoapods 之后,没有要求执行 pod setup 指令,之前在搜索卸载安装 cocoapods 时,发现了这个指令,好像回想起来 cocoapods 需要 setup 的吧。再次输入 ruby -v 指令,获取到最新的 ruby 版本(不是步骤一中的版本,就代表路径修改完毕了,没必要再执行 which ruby 指令了)。这也算是这段折腾的收货吧。下载到某个阶段,就进行不下去,停止后,耐着性子,继续执行上述指令,在执行失败了 N 次以后,
2023-11-02 09:59:16
1634
原创 curl: (7) Failed to connect to raw.githubusercontent.com port 443 after 27 ms: Couldn‘t connect to s
关于 Homebrew 的安装问题,可以查看。
2023-10-30 16:18:29
553
原创 Homebrew 安装问题总结
安装 Homebrew 执行指令之后,报错,内容如下:意思是,连接不到 raw.githubusercontent.com 这个地址执行操作了。网上差了些方案,说是在 hosts 文件中配置 raw.githubusercontent.com 地址的就可以了。但是,配置好之后,再次执行,又报错了,内容是:其实啊,在国内能进入 Homebrew 官网的,就非等闲之辈!(八成科学上网了)
2023-10-30 16:16:08
2754
原创 Vue Router 刷新当前页面
Vue项目, 在实际工作中, 有些时候需要在 加载完某些数据之后对当前页面进行刷新, 以期 onMounted 等生命周期函数, 或者 数据重新加载.总之是期望页面可以重新加载一次。
2023-10-20 16:31:35
4212
原创 ES6入门教程
一点点看法:搜索引擎搜索 ES6入门、ES6教程 这些关键字,一大波的关于 ES6 的教程,还有相当大相当大一波儿是“借鉴”或者“抄袭”人家 阮一峰 的内容。这波儿人,你有时间,有精力,翻译点外文,分享些新东西,壮大咱们开发社区不是很好?再者,你真感觉人家东西好,想要放到自己的“盘子里”,你给东西抄过来之后,存成草稿,不发布不是也挺好?,有同步的图书,并且有完全免费的开源网站,这一点比某些不要脸的博客网站开会员才能看全篇的强了不止多少倍!国内对于 ES6入门教程,写的非常好的,在我看来是 阮一峰 的。
2023-04-24 09:45:24
287
原创 CSDN开会员了,你怎么想?----中级
今天不写技术博客了,来聊聊CSDN的会员机制。最近发现CSDN的某些博客需要会员才能查看了,还增加了一些机制可以让博主“创收”。关于这个问题大家怎么看呢?不罗嗦,聊聊我的看法。先表明观点:程序员行业知识付费,学习难度增加,内卷加剧,CSND将是罪魁祸首!!!原因:本来很多时候我们写博客,一方面是自己记录,方便自己将来再出类似的错误有个参照;另一方面,顺带着方便了遇到相同问题的同学。这样,你写一篇,我写一篇,众人拾柴火焰高,社区资源便会越来越丰富。突然有一天,一个人在浏览博客时,看的正
2022-05-27 10:44:03
2934
3
原创 React+TypeScript项目创建
本文主要叙述基于 TypeScript 的 React 项目创建。可采取两个工具来创建:create-react-app(React官方提供)、vite(不仅仅是创建React项目,Vue等也可用)每种工具都列出 npm 和 yarn 两种使用方式一,create-react-app1,npmnpx create-react-app@latest XXX(项目名称) --template typescript@latest 是使用 create-react-app 的最新版本来创建
2022-04-27 09:52:41
2110
原创 schannel: failed to receive handshake, SSL/TLS connection failed
使用 GitHubdesktop 在fetch是突然报错,如下:错误信息:schannel: failed to receive handshake, SSL/TLS connection failed解决方式:在C盘个人用户中找到.gitconfig文件,设置或修改以下内容,然后解决。[http] sslbackend = openssl
2022-01-06 09:26:36
12776
1
原创 Koa项目搭建----从零搭建Koa项目
最近发现使用 Koa 创建项目的博客比较多,但是不够细致,为方便自己和他人,遂整理本博客。本博客会介绍以下内容:1,安装Koa脚手架,即koa-generator2,创建 Koa 1+ 项目3,创建 Koa 2+ 项目4,坑5,项目运行一,安装Koa脚手架----koa-generator终端执行以下指令:npm install -g koa-generator二,创建 Koa 1+ 项目终端执行以下指令:koa -e my-app-e:代..
2021-07-08 11:03:41
4839
7
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人