- 博客(28)
- 收藏
- 关注
RSS订阅原创 HTML5 Audio支持的音频
查阅W3C官网后得知：目前, 元素支持三种音频格式文件: MP3, Wav, 和 Ogg，但并不是说所有的浏览器都支持各种音频格式，因为版权的问题，每个浏览器支持的格式都是不一样的。如果想要适配各个浏览器，可以使用元素给不同的浏览器进行配置。在维护公司的一个项目时，温习到了audio标签。
2024-02-27 09:47:40
412
原创 React开发者工具无效 React Developer Tools无效
情况描述：在chrome的商店，添加了官方的React Developer Tools到扩展程序，但打开页面进行调试的时候并没有发现React开发者工具起作用。二、如果一不行的话就更新chrome到最新版本试试，右上角的三个 小点点进入设置，找到关于chrome，如果不是最新版，将其更新到最新版本。
2023-12-19 09:54:56
733
原创 响应式布局—rem和媒体查询
名称：rem的全称是font size of the root element，看到这个名字我们就能知道这个和根元素的字体大小有关了！1.规则：1rem等于html根元素设定的font-size的px值如果没有设置html的字体大小的话，那么浏览器默认1rem=16px一般，我们都习惯将html的font-size设置为100px，这样便于rem的计算假设设计稿是需要一个500px*280px的盒子，我们则可以直接使用5rem*2.8rem媒体查询知识点。
2023-10-24 16:23:59
247
原创 记录vue出现options请求，看似跨域
跨域请求资源时浏览器为确认请求来源的安全性，会在正式的请求之前做一次预校验请求，待服务器允许之后才能发送正式的请求，这个预校验请求就是options请求。并不是每次跨域资源请求都会发送options请求，当跨域请求为简单请求的时就不会发送预校验请求，当跨域请求为复杂请求时才会发送预校验请求。请求方式只能是：GET、POST、HEAD。HTTP请求头限制这几种字段：Accept、Accept-Language、Content-Language、Content-Type、Last-Event-ID。
2023-10-10 17:15:00
227
原创 记websocket心跳消息问题
在使用settimeout发送心跳消息有问题，有可能是封装的方法没写好或者其他原因吧，不懂呀，最后解决是解决了（最终代码在最下面），就是还是有很多不懂的地方需要摸索探查。
2023-08-17 10:42:06
499
原创 vue路由跳转页面后滚动到指定位置
注意：我在使用的时候，把ref放在了一个带有display：none的元素上，导致路由跳转后并没有跳转到我指定的位置，找了好一会发现ref写错了位置，注意不要写到带有display：none的元素上！需求：首页有一个评论内容对应着某个商品，点击该评论跳转到商品详情页，并且跳转到商品详情的评论处。不要忘记在对应的元素上加上ref属性哦。
2023-05-10 16:49:33
854
2
原创 elementui Slider重置
前言：今天遇到一个问题，到elementui官网查看Slider的重置后，发现只能通过滑动触发格式化，但是需求却是点击按钮后重置组件，似乎组件的value值并没有实现真的双向绑定。改源码太复杂，我选择了一个比较嗯、不漂亮的方法，就是直接操作DOM修改样式。其中主要是使用了ref属性，给组件加上ref属性，然后再找到对应的DOM，对其的样式进行直接的操作。如果有其他的更好的方法可以告诉我，目前暂时就使用这个方法，没有设计其他操作，只是改变页面的显示。资料我并没有全部看完，好像参考资料的情况和我不太一样。
2023-05-09 17:10:58
381
原创 uniapp swiper间距轮播 | swiper改写结合animation实现间距轮播
二、使用swiper组件的autoplay、circular、previous-margin、next-margin、display-multiple-items等属性实现普通间距轮播。三、将swiper的change、current属性与uni.createAnimation这个API相结合，实现中间高两边低的间距轮播效果。普通间距轮播：只需要去除代码中swiper的@change和current属性，对应的方法代码直接删除即可。结尾：打开官网，可以看到单位设置可以是多样的，可以直接按需设置。
2023-04-06 12:02:31
2071
原创 uniapp设置引导页
需求：在开发APP的过程中，基于用户授权，我们可能会需要在进入APP之前做一个隐私政策页面，用户点击同意后进入APP或者拒绝接受后退出APP的操作。二、在pages.json中配置引导页，引导页放在最前面，并禁用原生导航栏。三、在App.vue中使用uni.redirectTo控制页面跳转。一、首先在pages文件夹下新建引导页，并完成基础页面。
2023-04-05 16:00:07
1975
原创 Vue设置单页面tdk，使用vue-meta-info设置meta
vue-meta-info并不是直接改变页面的meta信息，而是在下面追加一条覆盖上面的，如上图会在最后面追加keywords和description。这个时候无法直接在 index中设置，可以使用vue-meta-info插件，使用与vue2，如果是vue3可以使用vue-meta。需求：用户需要每个页面对应的title，keywords，description都是不同的，随着页面内容的标题和描述变化。打开终端，安装vue-meta-info。
2023-04-05 12:21:14
1233
原创 uniapp接入一键登录
需求：由于公司一直都是直接用的阿里云一键登录，查看了uniapp官网，发现uni直接可以接入一键登录，但是需要额外购买对应的服务。最后找到了一个支持号码认证的SDK实现了一键登录。
2023-04-05 11:42:28
748
原创 uniapp实现微信支付、支付宝支付
本文只介绍了代码片段，如果需要支付前准备的流程可以继续浏览查找（狗头）该方法是开发uniapp时使用的，未涉及5+APP前端部分并不复杂，只是有些流程步骤有些杂乱，正常都是后端去和微信交互。前端只需要将每个参数对应的填好，发送请求即可。
2023-04-05 10:57:39
14154
7
原创 [object Object]解决方案及原因
原因：关注代码console.log("用户信息为：" + res)，可以发现使用了加号，并且res中的数据是一个数组对象。加号在处理一边为字符串，一边为其他数据时，会使用toString方法将不是字符串的那一边转化为字符串，最后再拼接。起因：在通过接口获取到数据之后，打印，console.log("用户信息为：" + res)解决方法：去掉加号（+）和前面的字符串，单独打印res，console.log(res)不同类型对象的toString()方法的返回值不同，Object是返回该对象的类型。
2023-03-31 11:09:29
34598
1
原创 uniapp tabbar中间按钮突起
只能为midButton配置跳转的页面为非tabbar页面，否则就不显示中间凸起按钮。二、在所有的tabbar页面中写上创建显示这个中间按钮以及点击它的跳转代码。需求：最近出了一个APP的ui图，其中tabbar的中间按钮是凸出来的。其二是跳转的时候可以看到按钮下的原本的tabbar的icon图。在index_page中使用隐藏的方法时，是可以起作用的。的二级页面，控制隐藏的方法不生效，要在。// 设置水平居中位置。
2023-03-30 18:03:30
3006
原创 图片超出隐藏，object-fit: cover不起作用
在使用uniapp时，需要再选择图片后将图片高度超出盒子的部分隐藏，显示图片的中间部分实现如下效果：在使用object-fit: cover不起作用，可以使用image标签的属性mode来控制我这设置的是。
2023-03-30 14:35:34
1231
原创 layui使用edit属性修改行内容
1，不要将table.on这个写错地方了，楼主刚开始写到layui.use外面去了，导致报错table不存在。详见以下的 table.on('edit(test)', function (obj) {})方法。2，不要在layui.use中引入这个table。准备对应的参数，传到对应的url就可以了.一、给表头添加edit属性。
2023-03-23 18:07:29
2614
1
原创 uniapp开发安卓app，如何查看app的签名
在该目录下打开cmd，输入命令 ：keytool -printcert -file CERT.RSA。解压之后的文件中，找到META-INF文件夹，然后找到该目录的文件CERT.RSA。找到apk后，将apk文件的后缀改为zip，解压。最后就会会显示出我们需要的SHA1签名了。
2023-02-24 16:02:08
2229
1
原创 uniapp中使用mock
然后再大目录下再创建一个目录：api/api.js，用于存放所有的接口请求。在文件大目录下建立utils目录，下面创建一个request.js。我这里用的方法是直接对原生的uni.request进行了封装。最后就可以在需要发送请求的页面引入具体的方法使用了。最后得到的数据就是存在mock中的数据啦。在main.js文件中引入mock。在大目录下建立存放mock的文件。首先需要安装mock。
2023-02-23 16:33:13
5012
3
原创 uniapp progress进度条
作为第一次使用这个基础组件，我以为会有一个默认长度，找了半天一致没有找到进度条在哪里。没有默认长度，自己在样式中自行设置。后来才发现进度条的长度是0。
2023-02-22 15:51:06
789
原创 Uniapp中安卓和IOS区分的条件编译
所以这个是只在JS代码段可以使用的，他不是注释性的条件编译，在html或者css等模块中只能采取其他方法了。
2023-02-13 16:18:55
1481
转载 uniapp利用scheme启动App
需求方说明要在用户点击链接后判断用户是否下载该APP，如果已经安装就打开APP并跳转到某个对应页面，如果没有下载就跳转应用商店下载后打开且跳转到对应页面。使用独立的H5页面进行判断，如果安装了打开此H5链接会出现跳转到对应的APP按钮，如果没有安装，可以点击H5页面中的下载跳转到应用市场。免填写邀请码渠道统计，用户来源追溯，一键拉起/闪装，携带参数安装，增加客户转化，清楚投放效果。注意：安装后打开且跳转到对应页面这异步无法使用此方法实现，目前还在摸索中...1，uniapp安卓设置。
2022-10-25 21:01:47
3196
6
原创 uniapp使用iconfonts图标不显示以及颜色问题
1，首先到iconfont官网中找到我的项目，然后点击查看在线连接，点击打开css文件，复制其中的src路径，粘贴到项目的对应的css文件下，然后加上https即可。在uniapp中使用阿里的iconfont图标遇到了图标无法显示出来的问题，复制完之后粘贴到本地的对应的iconfont.css文件中。颜色的话也可以在iconfont.css文件中设置 ，如下。在iconfont.css文件中，修改为以下这样的路径。以及图标显示了但是为一个小正方形的问题，同时包括图标颜色不显示的问题。...
2022-08-16 11:26:08
8285
1
原创 如何把uni-app项目运行到微信开发者工具
如果还是没有成功的话，可以看看是不是因为只是快捷方式里的设置了，可以到开发者工具的所在文件夹下打开开发者工具，登录后再进行设置。2，找到基础配置，查看其中的uni-app的appid是不是没填，没有填写的话点击后面的获取，自动获取填上即可。，后来没有通过快捷方式而是在文件夹内打开了开发者工具，发现里面的服务端口居然是关闭的！找到微信开发者工具的设置---->通用设置---->安全，然后将服务端口打开即可正常使用了。3，找到小程序运行配置，填写自己的小程序所在路径（不知道可以右键点击打开文件所在位置）...
2022-07-27 20:06:47
9731
原创 微信小程序使用npm出现问题
message找到可以构建的NPM包，请确认需要参与构建的npm都在`miniprogramRoot`目录内，或配置project.config.json的packNpmManually。
2022-07-22 12:34:02
2977
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人