- 博客(526)
- 收藏
- 关注
RSS订阅原创 Vue3资源加载问题Uncaught (in promise) SyntaxError: Unexpected token ‘＜‘, “＜!DOCTYPE “... is not valid JSON
检查资源加载路径，打包後的綫上環境不能有public，應該直接寫"/資源路徑"资源打包上线后资源加载问题导致live2d没有加载出来。
2023-07-23 11:32:20
355
原创 vue2中關於method方法中嵌套方法的this沒有指向vue實例的問題解決方案
類似於嵌套函數，function movePlane方法内部使用了this.app，注意這樣寫的this可不是vue實例，會報異常找不到app。使用bind方法，把this綁定到movePlane的方法上。
2023-07-21 15:04:17
90
原创 vue項目用nginx上綫后在url中直接輸入公網加路由的方式訪問路徑404問題解決
直接域名加路由，404，開發環境可以訪問，上綫后404。儅使用域名訪問到主頁時，卻可以正常在路由閒跳轉。在網上查了點資料，應該是nginx的問題。
2023-07-21 14:53:10
91
原创 vue3组件中使用live2d看板娘（仰望星空的sun）
因为上个官方包版的canvas总是不能按理想状态更好的控制，渲染在vue中，所以我依然想参考“仰望星空的sun”大佬的笔记以及git开源项目，但是似乎困难重重，打包后的ts被vue当做js引用后使用总会出现一些问题，所以现在是没有成功实现，但是我还是要记个笔记留个底。
2023-07-19 12:13:26
313
原创 vue3组件中使用live2d看板娘（官方包形式）
看着还可以，其实还有很多问题没解决，因为是完全靠js渲染，实际上这个我括起来的内容完全是靠打包前的ts渲染的，导致不管是调整位置，还是调整样式，都是比较麻烦，鼠标事件也是在canvas内部识别，无法适应整个屏幕。如果上面的组件调试遇到问题，那么我们先在index中直接通过js渲染live2d，先看效果，然后再一步步调试。这里我已经默认你已经在之前的官方包中打包了bundle.js，如果不懂，就去看“关于官方包的下载使用”希望到这里你已经成功了，如果不成功，那么可以用我下面的html页面先调试下。
2023-07-19 10:11:04
515
转载 live2d（Web SDK 4.x）Web看板娘进阶（转载）
live2d（Web SDK 4.x）Web看板娘进阶live2d_HTML_Upgrade.git
2023-07-18 16:38:23
35
原创 web中引入live2d的moc3模型-（调整样式）
基本所有的样式都在src文件夹下的ts文件中，而我们每次修改样式时，记得重新build，已让页面重新加载修改打包后的js文件。默认是黑色，这里我改成了透明。
2023-07-18 16:10:22
351
原创 web中引入live2d的moc3模型
先跟着官方sdk调试一遍，明白哪些是必改项，哪些是可操作参数，放入自己的模型，看看能否成功加载这里先让大家看个最终效果，以明白本次操作的目的性项目根目录。
2023-07-15 09:51:06
363
原创 webRTC实现P2P音视频通话（无服务端）
当然如果想要直接在我们的浏览器上测试还是需要懂些知识的，比如https策略，是否在通个局域网之类的。虽然是vue项目，但是我卸载了主页的index页面，仅仅为了测试，如有其他问题，我再进行补充，因为下班了，所以很着急。关于https安全组策略，这里我有相关笔记。// 处理打开摄像头成功。// 处理打开麦克风成功。
2023-07-12 18:51:19
1260
原创 vue3前端模拟https安全策略同局域网内测试方法-local-ssl-proxy
为什么要用https安全策略呢，因为http浏览器策略访问权限有限，不能使用navigator的激活“用户音频或视频”的方法，所以必须要用https安全策略。
2023-07-12 18:39:39
855
原创 vue3使用Eharts案例
/ 基于准备好的dom，初始化echarts实例。// 使用刚指定的配置项和数据显示图表。'ECharts 入门示例'
2023-07-10 11:34:50
70
原创 分析入手新项目后前后端的接口调用位置以及sql情况
比如我们的userList的一个功能，我们刷新页面后会发现当前页面有很多请求，我们根据请求名和 来分析，当前的“用户列表”接口是哪个请求，这里建议检索倒数第二个url路径，选中“全字符匹配”和“区分大小写”，然后我们就发现了requestPath（tiouser）了。那我我们就找到了前端接口url，然后分析header发现关键词，准备在后端检索request.url。然后在此类中检索list，打上断点，重新让前端发送请求并测试是否是此接口即可。我们填入一个参数，点击查询，发现又调用了新的接口。
2023-07-04 11:24:36
503
原创 关于jetBrains的插件translation的使用
translation是一个非常好用的插件，可以在任何jet brains开发者ide中安装关于安装我就不再进行说明了。
2023-06-29 17:14:37
152
原创 vue3-多人聊天室角色识别（全栈）
在后端执行sendMessage方法后，前端执行回调，onmessage，将后端json转为对象，使用store来进行数据的插入管理，参数分别为content和username。广播给所有的正在链接的socket，广播数据是json数据，带着user，和content，以便识别到底哪个客户端发送的信息。后端解析json，因为是socket接口，所以不能用@requestbody解析json，用以下方式解析json。发送信息，包装信息，转json，用socket发送到后端，使输入栏清空。
2023-06-28 23:21:53
638
原创 Vue3的useRouter和useRoute
useRouter 是一个 Vue Composition API 提供的函数，用于获取当前路由器实例。可以通过调用 useRouter() 来获取路由器实例，然后可以使用该实例来执行一些导航操作。useRoute 是一个 Vue Composition API 提供的函数，用于获取当前路由的信息。可以通过调用 useRoute() 来获取当前路由的信息对象。当使用 Vue Router 进行路由导航时，我们可以使用 useRouter 和 useRoute 这两个实例来获取路由相关的信息。
2023-06-15 09:05:11
301
原创 Vue事件大小写驼峰命名导致无法执行问题解决
所以我们事件命名时候不要使用 camelCase 和 PascalCase 来命名了，因为就算你使用该命名，在DOM模板中还是会被自动转化为全小写。首先补充下基础知识：HTML是不区分大小写的。所以一般情况下，JS的大小写变量放到HTML中，会将大写改成小写，并在前面添加短杠。事件名首先不存在 任何自动转化大小写的能力，因此所触发的事件名称必须与监听的名称 完全匹配。则监听 customEvent 名字的 custom-event 会无效。驼峰命名事件名不会正常执行。但是假如你想触发一个事件。
2023-05-31 09:58:37
125
原创 Vue3项目初始配置(更新中ing)
在编写代码的过程中，一旦 输入 @/ , VSCode会立刻 联想出src下的所有子目录和文件, 统一文件路径访问不容易出。
2023-05-20 10:07:54
420
原创 Vue3中的vuex—pinia
简单来说pinia就是vue3中用来代替vue2中的vuex的，而且更加简化了开发，舍去了mutation和mudule。
2023-05-19 22:10:33
118
1原创 Vue3项目搭建
文章目录使用create-vue创建项目使用create-vue创建项目前提环境条件已安装 16.0 或更高版本的 Node.js创建一个Vue应用npm init vue@latest这一指令将会安装并执行 create-vue
2023-05-17 19:44:12
31
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人