- 博客(28)
- 收藏
- 关注
原创 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关注的人