- 博客(58)
- 收藏
- 关注
RSS订阅原创 vue3 + vite + cesium项目
GitHub - tingyuxuan2302/cesium-vue3-vite: 项目基于 vue3 + vite + cesium，已实现常见三维动画场，欢迎有兴趣的同学加入共建，官网服务器相对拉胯，请耐心等候...
2024-10-11 17:11:53
258
原创 宝藏CSS样式网站，开发一些酷炫的特效
地址：Uiverse | The Largest Library of Open-Source UI elementshttps://uiverse.io/地址：CSS灵感指南 - CSC 灵感指南 在线 (csscoco.com)https://csscoco.com/inspiration/#/
2024-10-11 14:58:45
385
原创 浏览器播放多个视频流
rtmp格式，需要浏览器有flash插件。而大部分浏览器已经不支持安装插件，包括我想从chrome里设置再使用依旧没成功。flv:不支持ios系统。首屏快，延时低、支持传输加密、支持浏览器无控件化播放。hls:缺点是有延时，初次加载很慢。优点是系统兼容性较好、支持传输加密、支持浏览器无控件化播放。rtsp: 需要浏览器安装插件。
2024-09-19 17:42:11
287
原创 uniapp的生命周期
onShow：每一次进入页面都会执行的生命周期。onLoad：第一次进入页面所执行的生命周期。中的页面，默认保存在工程根目录下的。中监听，在页面监听无效。
2024-04-17 21:26:50
1451
1
原创 vue3+vite项目打包遇到的问题
router/index.js，将路由模式改成hash模式。vite.config.js中，添加base: './'
2024-03-18 12:07:22
742
原创 操作数组的方法有哪些？
否则，数组索引为 0 的元素将被用作初始值，迭代器将从第二个元素开始执行（即从索引为 1 而不是 0 的位置开始）。方法测试数组中是否至少有一个元素通过了由提供的函数实现的测试。方法返回数组中满足提供的测试函数的第一个元素的索引。方法测试一个数组内的所有元素是否都能通过指定函数的测试。，这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成。方法返回数组中第一次出现给定元素的下标，如果不存在则返回 -1。方法返回数组中满足提供的测试函数的第一个元素的值。方法对数组中的每个元素按序执行一个提供的。
2024-02-20 14:58:50
892
原创 slice和substring区别
方法返回该字符串从起始索引到结束索引（不包括）的部分，如果未提供结束索引，则返回到字符串末尾的部分。方法返回一个新的数组对象，这一对象是一个由。代表了数组元素的索引。原始数组不会被改变。的 substring()
2024-02-19 10:07:03
408
原创 项目中遇到的数据处理问题
二、将tableColumn中的label选出，使label的值等于tbodyList每一项的key，一、将id数组以逗号分隔开，以字符串的形式保存，再将字符串形式的id转变成数组。例如：{"工号":"B0001"}
2024-02-07 14:04:41
416
原创 深入理解 Vue 的 .sync 修饰符
sync修饰符它会被扩展为一个自动更新父组件属性的v-on监听器。为了方便起见，我们为这种模式提供一个缩写，即。
2023-11-19 11:30:39
123
原创 剩余参数和展开运算符的区别
总结来说，剩余参数用于将多个参数表示为一个数组，而展开运算符用于将数组或对象展开为独立的元素。它们的使用场景和作用略有不同，但都提供了便捷的方式来处理函数参数或数组元素。
2023-11-08 19:01:45
349
原创 vue项目打包优化
第一步：在vue.config.js配置打包路径第二步：在router/index.js将路由模式改为hash如果项目上线要求是history模式，需要告诉后端重定向一下路径。
2023-11-07 15:39:48
457
原创 办鹿uniapp小程序（一）
1. 小程序 没有跨域问题 需要 “不校验url”但是上线是不行的，必须要在网页后台配置 “request合法域名” 就可以了，并且必须是https开头。2. 浏览器需要设置代理来解决跨域问题==》类似于vue==〉proxy : server在根目录新建vue.config.js ===》只在浏览器端生效。条件编译使用场景：处理跨域问题的时候，浏览器端不走请求的基础url，小程序运行，所以给这里加入条件编译判断。
2023-10-19 22:11:41
791
原创 ExecError: \node_modules\app-builder-bin\win\x64\app-builder.exe exited with code ERR_ELECTRON_BUILD
【代码】ExecError: \node_modules\app-builder-bin\win\x64\app-builder.exe exited with code ERR_ELECTRON_BUILD。
2023-09-26 14:37:48
1764
原创 原生小程序wx:key
wx:key如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如中的输入内容，的选中状态），需要使用wx:key来指定列表中项目的唯一的标识符。
2023-09-20 18:52:11
110
原创 uni-popup组件的使用
easycom：传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。easycom将其精简为一步。只要组件安装在项目的components目录下或uni_modules目录下，并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册，直接在页面中使用。比如前述举例的，它导入到uni-app项目后，存放在了目录/components/uni-rate/uni-rate.vue。同时它的组件名称也叫uni-rate，所以这样的组件，不用在script里注册和引用。
2023-09-17 16:39:31
792
原创 weex dom.scrollToElement 滚动问题
2、dom.scrollToElement传入的ref参数，需要使用this.$refs[ref][0]或this.$refs.ref[0]方式取值，不然出现iOS、安卓不生效，h5生效。1、使用for生成的ref。在初始化获取ref节点时候需要100ms延迟。
2023-09-17 14:48:41
403
原创 解决：HBuilder 没有检测到设备，请插入设备后点击刷新再试。
3、返回到设置，搜索开发者选项，分别打开 USB调试 和USB安装，重新运行项目即可。2、打开 设置→我的设备→全部参数与信息→连续点击MIUI版本 打开调试模式。1、用数据线连接手机，在手机上选择 传输文件。
2023-09-15 21:13:12
968
原创 让CSS flex布局最后一行列表左对齐的6种方法
由于每一列的数目都是固定的，因此，我们可以计算出不同个数列表应当多大的 margin 值才能保证完全左对齐。例如，假设每行4个元素，结果最后一行只有3个元素，则最后一个元素的 margin-right 大小是“列表宽度+间隙大小”的话，那最后3个元素也是可以完美左对齐的。说明最后一行，要么3个元素，要么7个元素……说明最后一行，要么2个元素，要么6个元素……/* 两端对齐 */.list {/* 如果最后一行是3个元素 *//* 如果最后一行是2个元素 */
2023-09-15 16:52:09
2735
1
原创 Pinia持久化存储
默认所有 state 都会进行缓存，你能够通过 paths 指定要长久化的字段，其余的则不会进行长久化。数据默认存在 sessionStorage 里，并且会以 store 的 id 作为 key。
2023-09-14 21:00:54
225
原创 Vuex和pinia的区别
1. pinia没有mutations，只有：state、getters、actions2. pinia分模块不需要modules（之前vuex分模块需要modules）3. pinia体积更小（性能更好）4. pinia可以直接修改state数据。
2023-09-14 20:44:58
145
原创 Mixin混入
分发Vue组件中的可复用功能，A组件和B组件使用时，mixin.js中定义的数据是独立的。在src目录下创建mixins文件夹，再创建mixin.js。
2023-09-14 17:07:38
29
原创 export和export default的区别
通过export方式导出，在导入时要加{ }，export default则不需要，并可以起任意名称。在一个文件或模块中，export、import可以有多个，export default仅有一个。export与export default均可用于导出常量、函数、文件、模块等。(1) 输出单个值，使用export default。(2) 输出多个值，使用export。
2023-09-07 19:55:37
43
原创 vite报Dynamic require of “path“ is not supported错误
查看vite的版本4.4.x不支持commonJS。
2023-09-06 22:29:00
845
原创 vite项目运行后是主机地址的解决方案
时，浏览器使用 DNS 来解析地址，这个地址可能与 Vite 正在监听的地址不同。当地址不一致时，Vite 会打印出来。Node.js 在 v17 以下版本中默认会对 DNS 解析地址的结果进行重新排序。开发服务器选项 | Vite 官方中文文档 (vitejs.cn)这是因为侦听非通配符主机的服务器优先于侦听通配符主机的服务器。来禁用这个重新排序的行为。Vite 将会将改地址打印为。在某些情况下，可能响应的是其他服务器而不是 Vite。第二种情况是使用了通配主机地址（例如。
2023-09-06 21:55:26
639
原创 vue3+vite项目中解决import { ref , reactive ... } 引入的问题
vue3+vite项目中解决import { ref , reactive ... } 引入的问题
2023-09-05 19:49:22
526
原创 vue中前端处理跨域问题
如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过中的选项来配置。可以是一个指向开发环境 API 服务器的字符串：});注意：devServer.proxy在开发阶段生效，生产阶段不生效。
2023-09-04 12:34:51
214
原创 JS中的splice的三种用法（删除，替换，插入）
作用3：插入元素----------len设置为0，[item]为添加的值。splice有3个参数，splice（index，len，[item]）作用2：替换元素----------[item]为替换的值。作用1：删除元素----------[item]为0。item：替换的值，删除操作的话item为空；例：arr=[1,2,3,4]index：数组开始下标；len：替换/删除的长度；
2023-08-01 19:23:05
1702
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人