- 博客(224)
- 资源 (5)
- 收藏
- 关注
原创 小程序中swiper里有video时,元素无法覆盖video的问题
给需要覆盖video标签的同层标签元素里添加样式will-change: transform;
2024-03-18 10:15:29 71
原创 uniapp-路由跳转动画设置
本来看api是uni.navigateTo也支持跳转动画设置的,但是我在真机没看到效果。在pages.json中 的页面里设置是生效的。
2024-03-15 17:15:16 85
原创 小程序picker-view 初始值设置的坑
如图 小程序picker-view 初始值回填不正确,数据没问题。原因:显示的pop弹窗不要用hidden 要用wx:if。
2024-02-23 11:33:32 386
原创 canvas画圆形图
createPattern() 方法在指定的方向内重复指定的元素。元素可以是图片、视频,或者其他 元素。被重复的元素可用于绘制/填充矩形、圆形或线条等等。
2024-01-20 14:53:00 414
原创 uniapp---ios上传的坑
/ file: tempFilePath // 这里一定不能加 file 加了 iOS 图片上传会失败。使用uniapp的uni.uploadFile API时,遇到上传图片老是不成功的情况。XXX: 'xxxxx' // 后端接口要求的数据。
2023-09-01 11:06:34 379
翻译 tabbar页面底部定位元素被遮住问题
APP 和小程序的导航栏和 tabbar 均是原生控件,元素区域坐标是不包含原生导航栏和 tabbar 的;而 H5 里导航栏和 tabbar 是 div 模拟实现的,所以元素坐标会包含导航栏和 tabbar 的高度。为了优雅的解决多端高度定位问题,uni-app 新增了2个css变量:–window-top 和 --window-bottom,这代表了页面的内容区域距离顶部和底部的距离。底部fixed定位bottom使用--window-bottom解决。
2023-05-26 15:47:47 733
原创 vue-无法监听对象中新增属性的变化问题
Vue 不能检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程,所以属性必须在 data 对象上存在才能让 Vue 转换它,这样才能让它是响应的。父组件给子组件传递的props里面有一个值是一个对象,在子组件中通过watch监听该对象的变化,已经加上了。的相关配置,但是还是无法监听到该值的改变。解决办法 this.$set方法解决。
2023-05-25 14:35:09 608
原创 flex:1 内容高的时候撑开容器问题
如果是横向 就在父元素中有使用flex:1的地方加上 min-width:0, 如果不行,就父元素的依次往上加。如果是纵向 就在父元素中有使用flex:1的地方加上 min-height:0,如果不行,就父元素的依次往上。
2023-04-04 15:52:12 450 1
原创 uni-app 自定义基座
ps:我一直以为自定义基座跟以前一样是hbuilder的app。结果不是,然后各种尝试。结果是自己应用名字的基座app(因为自己有这个app,所以没发现有新增。ios:需要使用develop类型的证书和p12文件,而且p12文件一定要选择自己真机的设备。android方面-上传keystore 和 填写证书别名 证书密码。然后打包-》会依次生成apk包和ipa包。
2023-01-15 17:34:42 199
原创 vue3+ts issue —— vue.ts 不是模块。
那是因为AppLayout.vue中创建了一个空的script标签,并且告诉vuecli要是用ts语法解析和校验,如果是有状态组建,导出该组件的实例就好了。如果是无状态组件,删掉就好了。
2022-11-21 17:49:40 3318
翻译 Iterator遍历器
在上面的例子中,arr是一个数组,原生就有Itarator遍历器接口。部署在arr的Symbol.Iterator属性上面,所以调用这个属性就能得到遍历器对象。一种数据结构只要部署了Iterator接口,我们就称这种数据结构是可遍历的。只要某个数据结构部署了 Iterator 接口,就可以对它使用扩展运算符,将其转为数组。就是当前数据结构默认的遍历器生成函数。执行这个函数,就会返回一个遍历器。后面跟的是一个可遍历的结构,它会调用该结构的遍历器接口。属性,就可以认为是“可遍历的”(iterable)。
2022-09-29 15:51:04 141
翻译 【无标题】
mix-blend-mode css属性:参考文档:https://www.zhangxinxu.com/wordpress/2019/05/css-mix-blend-mode-screen/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
2022-05-13 16:38:17 80
翻译 时间戳显示为多少分钟前,多少天前的JS处理
方法名为dateDiff,支持一个参数timestamp,必须参数,本方法会自动补全为和JS侧支持的13位数值(因为后端返回时间戳可能只精确到秒)。
2022-05-12 15:08:17 162
原创 微信小程序:Framework inner error (expect FLOW_CREATE_NODE but get another)
在app.json中去掉lazyCodeLoading:'requiredComponents', 这个配置就好了
2022-05-06 17:54:33 5132 4
原创 vue2——vuex(状态管理模式)
它采用集中式存储来管理 应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化为什么要使用状态管理???比如一个情景,我们的一个应用有很多数据和状态。这个应用也是用很多的组件拼成的。每个组件之间会共享一个状态。比如说:用户的登录状态、或者是一个购物车。然后这个购物车数据在很多页面用到了,当我在某个页面改变这个购物车数据时,页面也要进行一个同步的更新。比较简单的就是使用emit。但是当组件使用数量过多就会变得很复杂。那么状态管理的模型是解决这个问题的。它有一个统一的数据中心,就
2022-02-26 21:40:18 596
原创 小程序仿淘宝九宫格滑动效果
滑轨上面是九宫格,可滑动,九宫格用scroll-view包裹里面 x轴滑动滑轨代码:wxml <view class="track-wrap posRe"> <view class="active_track" style="left:{{ trackScrollWidth }}rpx"></view> <view class="bg_track" ></view> </v..
2022-01-24 15:28:48 722
原创 小程序 input元素上移问题
问题:页面滑动之后,输入框聚焦时会被顶上去(目前就安卓发现这个问题)解决办法 :page里的内容用scroll-view包裹,使page总是整屏,滑动在scroll-view里,不影响input
2022-01-24 15:24:35 483
原创 h5点击图片的时候出现蓝色的背景色问题
-webkit-tap-highlight-color:transparent; -moz-tap-highlight-color:transparent;
2021-12-21 14:41:32 468
原创 获取验证码
//验证码 var counts = 60; function settime(val) { console.log('val:',val) if(counts == 0) { val.style.color = '#F5B089'; val.innerHTML = "重新获取"; counts = 60; return f..
2021-11-16 11:26:39 1352
原创 ionic3 不能自动安装apk包的问题
在config.xml中的android平台下添加 <edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application" xmlns:android="http://schemas.android.com/apk/res/android"> <application android:requestLegacyExternalStorag.
2021-11-16 10:24:22 1703
原创 flex css
.flex{ position: relative; display: flex;}.flex-wrap{ flex-wrap: wrap;}.flex-col{ flex-direction: column;}.flex-rev{ flex-direction: row-reverse;}.flex-fh{ width:100%;}.flex-fv{ height:100%;}.flex-con{ position:absolute; widt.
2021-11-15 16:43:36 75
原创 小程序 css common
page { background: #F3F6F9; font-family: PingFang SC; font-weight: 400;}.all_color { color: #F5B089 !important; }.clear{ clear: both;}.text-ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}.text-elli.
2021-11-15 16:22:58 421
原创 小程序 瀑布流
wxml部分:在wxml中设置top 和 left<!-- content --><view class="content "> <block wx:for="{{ goodList }}"> <view class="block bg-white text33 " wx:if="{{ index == 0 }}" style="position: absolute;top: {{ item.top }}px;left: {{ ite
2021-10-21 16:23:25 150
原创 小程序版本更新
// 检测新版本 if (wx.canIUse('getUpdateManager')) { const updateManager = wx.getUpdateManager() updateManager.onCheckForUpdate(function (res) { if (res.hasUpdate) { updateManager.onUpdateReady(function () { wx.sho..
2021-10-09 17:56:01 66
原创 bootstrap ipad导航沿用手机样式
@media (max-width: 991px){ .navbar-toggle { display: initial; } .navbar-collapse.collapse { display: none !important; overflow: auto !important; } .navbar-collapse.in { display: block !important; .
2021-10-08 11:36:53 157
转载 seo规范
前端 SEO 规范网站结构布局优化:尽量简单、开门见山,提倡扁平化结构。一般中小型网站目录结构超过三级,“蜘蛛”便不愿意往下爬了控制首页链接数量扁平化的目录层次导航优化注意网站的结构布局利用布局,把重要内容HTML代码放在最前,搜索引擎抓取HTML内容是从上到下控制页面的大小,减少http请求,提高网站的加载速度网页代码优化突出重要内容—合理的设计title、description和keywords语义化书写HTML代码,符合W3C标准标签:页内链接,要加 “title” 属性加以说明
2021-10-08 09:45:11 315
原创 uniapp官方demo上的时间格式方法
function formatTime(time) { if (typeof time !== 'number' || time < 0) { return time } var hour = parseInt(time / 3600) time = time % 3600 var minute = parseInt(time / 60) time = time % 60 var second = time return ([hour, minute, second]).ma.
2021-09-24 10:14:12 240
原创 uni-app —— nvue在css中的注意点
nvue就是weex。不支持width:50%这种百分比的写法,把屏幕分成750px的宽度。任何大小的屏幕都会被转换成750px的一个宽度750px == 100%width:50% 应该写成width:375px同理高度1250px == 100%样式类只支持单类,不支持 .box > div这种写法,建议每个html元素都写上类名样式引入:css不能合着写:border:1px solid #ccc 是不会生效的。要拆开写注...
2021-09-23 20:53:30 1870 1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人