- 博客(43)
- 收藏
- 关注
RSS订阅原创 uniapp写移动端，适配苹果手机底部导航栏，ios安全区问题,苹果手机遮挡底部信息，uview的u-action-sheet组件
手机上有很多组件，需要手机底部弹窗来做选择,picker选择器，select列选择器呀这些，在苹果手机上会被底部nav遮住。采用了好几种配置的方式，多多少少都不太行，还是采用css来做吧，但是css来写想让它生效，可不是简单写写就行。3.模版当中加样式，因为我需要判断苹果手机才加样式，安卓不加，所以样式加了判断条件，大家看实际需求。组件中用人家封装的组件是这么用的，里面包括好几层，怎么拿到组件里面的样式设置。5.方法中去判断平台，加样式，这些都不详细说了。加上这个就完美解决了！
2024-10-25 13:28:34
628
原创 uniapp+vue+uview做h5小程序，实现预览与下载pdf,这一篇主讲下载，预览看上一篇
那么从微信跳转到手机浏览器下载，文件的链接会出错，找不到文件，blob毕竟是临时的而且换了地方，别人也不懂，识别不出来，之前理解的是这个思路哈。4. window.open('你自己的路径，这个路径是后端文件的地址也就是部署到浏览器上的，浏览器直接输入能看到的' + path);预览完成之后，测试自带的下载去看，如果直接浏览器上运行和下载都没问题，但是大家习惯是从微信扫码运行操作，这样方便。安卓手机的浏览器可以，微信跳浏览器不行，那么就先针对--安卓手机--微信操作--浏览器下载这一种情况来想办法。
2024-10-25 09:27:28
435
原创 uniapp+vue+uview做h5小程序，实现预览与下载pdf，接收文件流，处理文件流（整体过程心得，包括各种坑）
使用的是pdfjs,刚开始大家一定会想到一个方法，window.open但是你需要考虑用户看h5,不管是扫码还是链接，都习惯用weixin打开，还要考虑用户的手机，苹果与安卓，暂时先考虑这两种哈，两种浏览器内核以及weixin浏览器内核都是不同的，处理链接与数据会导致很多问题，用open预览pdf，在微信打开文件，直接就默认下载了。viewerUrl: '/static/pdftwo/web/viewer.html', //刚解压的文件地址，用来渲染PDF的html。// 完整的请求 URL。
2024-10-24 14:51:16
990
原创 vue写个表格，让它滚动起来，没有用datav，有的时候结合会出错，一种简单的方法，直接用animation
vue写个表格，让它滚动起来，没有用datav，有的时候结合会出错，一种简单的方法，直接用animation
2024-10-24 14:12:51
907
原创 uniapp,vue写一个盒子渲染内容，内容太长，想着超出一行换行处理，超出两行就省略后面的内容
做移动端页面，也就是想着两行的换行显示，超过三行就............尝试了一下效果还不错，css部分如下。
2024-10-12 16:01:48
173
原创 HBuilder X编辑器中光标变成了下横线怎么解决
手快了编辑器中总是会出现鼠标光标变成下划线的情况，点按键还会清除我本来字母，很麻烦。点一下insert按键就可以解决了，笔记本按键是在小键盘顶部位置。
2024-09-25 18:21:34
390
原创 使用leafletjs做地图，会遇到一种leafletjs中获取定位坐标，但是不能写接口要在本来js里面写接口，那就需要将leafletjs中的数据拿到另一个js中去使用
前面写地图的文章中写过如何将我们js中的数据传输到leafletjs中，renderjs中，毕竟两个js区域的传递，renderjs还很任性，好多平时的方法都不能用，咱们用的视图绑定属性，并且绑定监听事件的方法。这一行从哪里来，说实话我目前也不清楚是否跟这个监听有这必然联系，不过我猜是的。参数就是我们需要从地图js中获取的数据想使用的数据，别管是定位啊，还是什么。传过来之后在我们正常的methods里面就可以正常接口那一堆的了。3.去我们原本的，正常的js中写函数就可以啦。2.拿到定位数据，想传输的数据。
2024-09-25 17:18:26
284
原创 目前有没有小伙伴在做，uniapp+vue开发安卓app，遇到定时器开发完成之后手机上不计时的问题
如果目前也有用uniapp+vue开发安卓app的伙伴，也可以联系，多交流，毕竟这里面好多坑。怎么解决，浏览器上都运行好了，到了手机上不行，难道也要用leaflet吗，大神们。
2024-09-14 09:11:03
349
原创 uniapp关于页面跳转
它用于关闭所有页面并打开指定页面。这对于某些场景非常有用，比如当你要让用户从当前位置直接返回到应用的首页或其他指定页面时。navigateto进行跳转会出现，确实跳转到了制定页面，在制定页面点击返回按钮，又回到了刚才的页面，显然是不合理的。测试了，只有一个页面了，最好是返回首页。
2024-09-06 10:10:13
545
原创 uniapp做app,手机上拍摄视频上传因为是竖屏居多，默认显示的情况下是不铺满整个宽度的，是在区域内完整显示，如果想让铺满整个区域，不点开看的时候好看一些，加一行样式
style中加一行样式，让视频占满整个video。
2024-09-03 17:50:56
197
原创 vue+uniapp实现一个计时器，要实现点击开始，开始计时，点击停止才停止，保持刷新，返回重新进入依旧计时并且保持连贯
但是出现的问题就是，计时器与elapsedSeconds都在持续更新，视图不更新，计时器视图不计数，想到之前的解决办法，数据变但是视图不更新，是vue的底层原理问题，拿出解决办法， // this.$forceUpdate();///////////开发过程心历路程，可跳过，也可以看看，如果跟我第一次思路一样，劝放弃，如果你找到了好的解决办法，也请告知，程序员总是对bug耿耿于怀~~~//////////////////////////////////////////6.方法中写开始和结束函数。
2024-09-03 16:30:36
1155
原创 写一个uniapp开发app，使用地图，使用echarts用renderjs问题，写一个uniapp上传图片上传视频的问题，先记录着，明天写
记事本。
2024-08-29 17:47:33
163
原创 uniapp上传视频，直接在模版中写video可能会出现手机测试长一点视频就上传不了，并且因为video这类标签的特殊性，层级问题，出现uniapp，app，video元素错位问题，解决办法
firection=0//注意这个属性，非常好用，因为开发app是手机端，所以需要在点击视频放大查看的时候竖屏展示，体验感比较好，横屏展示去改属性值就行，具体可查看管网。再去写videohtml的样式就可以了，样式没有太大参考价值，在这里就不放了。在计算属性中来写video元素。
2024-08-29 17:44:57
195
原创 uniapp开发app，长页面会上下滚动，会出现滚动条问题影响美观，解决手机apk页面滚动条问题
"scrollIndicator": "none", //全局 在APP页面都不显示滚动条。在pagejson文件中进行全局配置，当然也可以在单个page下面的style对象中单独配置。
2024-08-29 17:38:29
255
原创 uniapp开发app，手机上apk展示会有上下左右滑动问题，抖动影响体验感解决办法
在pagejson文件中进行全局配置，当然也可以在单个page下面的style对象中单独配置。//解决页面拉动问题。
2024-08-29 17:36:21
202
原创 ERROR Error: CSS minification error: Cannot read properties of undefined (reading ‘trim‘). File: c
该版本模板 vue-admin-template@4.4.0 build：prod script打包不支持：：v-deep（样式名）{样式} 的格式，只需把括号去掉，改成：：v-deep 样式名 {样式} 就可以了，我的就成功了，还有人说改成 ：：v-deep{ 样式名：样式 } ，我没有尝试，大家可以尝试。vue2项目运行没问题，打包过程中遇到了这个问题。问题根源所在就是：：v-deep使用，
2024-08-15 16:51:17
327
原创 - Building for production... ERROR TypeError: Class extends value undefined is not a constructor o
该版本模板 vue-admin-template@4.4.0 build：prod script打包不支持：：v-deep（样式名）{样式} 的格式，只需把括号去掉，改成：：v-deep 样式名 {样式} 就可以了，我的就成功了，还有人说改成 ：：v-deep{ 样式名：样式 } ，我没有尝试，大家可以尝试。使用jeecgboot低代码平台运行没有错误，打包出错。打包过程中又出现了另一个错误。最后更新了一下这个就可以了。
2024-08-15 16:49:01
419
原创 vue结合echarts的折线图柱状图的网格线问题，有时候颜色太深，调节网格线颜色
color: "rgba(130, 198, 255, 0.1)", // 使用RGBA格式，设置透明度为0.5（半透明）type: "dashed", // 将实线改为虚线，可选 "dashed" 或 "dotted"color: '#70bfbc', // 字体颜色。axisLabel: { // 坐标轴刻度标签配置。在option中， yAxis里面设置splitline的样式。
2024-07-31 13:46:10
361
原创 ant design vue的级联选择器cascader的悬浮层样式怎么修改，想让有几条数据高度就是多少，自适应，而不是一直180
后来尝试出来是因为加了scoped，样式不起作用，但是不能直接去掉scoped，别的样式会受到影响，单独加一个style标签，只处理cascader内容。平时想要修改组件内定样式会使用穿透deep和！important调优先级，但是在这里都不行，样式都不能改变。自适应一下，就可以有几条数据就显示多高了，设置其他样式在style里面写就可以了。
2024-07-15 14:53:57
253
原创 vue点击数据条，相应的折线图数据改变
/设置一个数据列表，为[[],[],[],[]]形式，根据index获取到数据传给data。//点击函数传入index。更新option,实现数据变更。
2024-06-26 15:48:46
241
原创 vue中切换组件，想要让与其不相关的组件中内容改变，使用事件总线（首页导航栏v-if切换组件，有一个功能按钮的组件，想要在切换后关闭组件，想使用的时候再打开，切换页面关闭，vue2+eventbus）
/ 监听事件总线上的 'page-switch' 事件。//以下为导航栏按钮点击切换逻辑..............3.在组件切换控制的组件中，我这里是导航栏的切换按钮。//里面是我v-show的关闭逻辑，这个自己去改。1.首先在入口文件中配置事件总线。2.之后在想控制开关的组件中设置。//这是我导航栏切换的方法。//事件总线名字任意。//使用事件总线方法。
2024-06-26 14:08:00
153
原创 @，项目别名的配置,方便引入
平常引入不是用../ 有时候会有很多../../很繁琐 ,设置别名我们只需要用@来引入就行 比较简便。在vite.config.ts文件中写入。在tsconfig.json 文件中配置。
2024-01-06 09:37:19
418
1
原创 vue3+vite项目中如何实现中国地图的展示，有划线，可放大缩小
2.map.vue文件中去写地图代码。4.地图组件中代码如下。3.当然可以封装成组件。
2023-11-28 15:31:30
587
原创 nodejs+express后端基本配置，基本增删改查接口，包括图片上传
mongoose.connect('mongodb://localhost:27017/自己数据库名')创建model文件夹，文件夹下创建db.js ,model.js文件。console.log('链接失败');console.log('链接成功');在routes/index.js中。首先引入数据表以及需要的第三方库。配置跨域，在app.js文件中。express 文件名。
2023-11-16 19:05:01
174
1
原创 宝塔建立共享数据库，小组开发，mongodb
5.回到概况，点击远程连接，点击workbench立即登录。15，再继续添加，目的选27017，源选择第一个，点击保存。14.点击添加，目的选8888，源选择第一个，点击保存。18，到应用商店，下载mongodb,下载成功点击设置。16，还去复制外网地址，下面有密码，然后去宝塔登录。17，找到安全，添加端口规则，8888和27017。4.点击左侧导航栏点击实例，点进去，点击重置密码。13.点击实例，进去点击手动添加，在入方向即可。12.返回宝塔操作台，点击左侧导航，安全组。3.点击云服务器ECS，购买。
2023-11-06 19:47:28
258
原创 vue3项目的多种创建方式
3.可以手动选择特性（Manually select features），也可以直接选择版本2或者3，手动选特性之后继续下面。4. Linter / Formatter这个是代码格式规范，取消掉。5.选择babel,（vuex,router,ts）等看自己需求。3333.页面创建方式，命令为vue ui。1111.vue/cli方式创建。然后进入项目开始运行都有代码提示。vue create 项目名称。选择框架选择js/ts创建项目。1.首先要确保有命令行接口。2222.vite方式创建。
2023-11-06 18:07:44
140
原创 js篇面试题
作用域链的作用是保证执行环境里有权访问的变量和函数是有序的，作用域链的变量只能向上访问，简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候一个。采用面向对象思想设计的结构，可读性高，由于继承的存在，即使改变需求，那么维护也只是。在客户端运行，承担了一部分本来由服务器承担的工作，减少了大用户量下的服务器负载。对象是通过引用来传递的，我们创建的每个新对象实体中并没有一份属于自己的原型。
2023-11-06 16:49:18
66
原创 vue面试题
template选项要想起作用必须借助脚手架进行编译才可以执行，而在运行时的vue中是没有脚手架的，所以处理不了template选项是一种组件之间能够互相通讯的方式，如果组件之间想要通讯，必须产生强烈依赖性，但是强依赖不利于整体程序运行，全局事件总线可以实现子组件与父组件之间的通讯，而不产生依赖性用法：确定好父组件与子组件，相应组件中绑定好自定义事件，假如绑定在第一个组件中，绑定完成后，安装事件总线并进行数据接收，然后提供数据，接收完数据，解绑事件。
2023-08-05 11:55:49
219
1
原创 react//前端面试题2
容易编写反模式代码，使受控组件和非受控组件区分模糊在React中已被标记弃用，不推荐使用，主要的原因是因为新的异步架构会导致它被多次调用，所以网络请求以及事件绑定应该放到中同样也被标记弃用，被所取代，主要原因是性能问题。外部组件多次频繁更新传入多次不同的 props，会导致不必要的异步请求通过返回true或者false来确定是否需要触发新的渲染。主要用于性能优化。同样是由于新的异步渲染机制，而被标记废弃，不推荐使用，原先的逻辑可结合与改造使用。如果在函数中忘记解除事件绑定，取消定时器等清理操作，容易引发。
2023-08-02 09:59:48
135
原创 react//前端面试题1
1、class组件和类组件区别？1. class组件是有状态的组件，可以定义state状态，函数组件无状态2. class组件有生命周期的，函数组件无生命周期3. class组件是有this对象，函数组件没有this对象4. 组件调用：class组件实例化后调用render方法调用，函数组件直接调用的。5. class组件内部的话，render方法return返回渲染jsx模板，函数组件直接返回即可6. ref获取子组件的对象，class组件可以直接获取到的，函数组件无法直接获取
2023-08-02 08:57:28
138
原创 搭建React开发环境
如果不想全局安装，可以直接使用。保证团队的依赖能保证一致。*如果还没有办法解决，请删除。应用程序的所有脚本及配置。这个过程会安装四个东西。也可以实现相同的效果。有很多的运行环境，比如。所有的依赖安装的目录。锁定安装时的包的版本号。
2023-07-12 18:28:28
120
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人