TaTaPark的博客

富文本框默认不可编辑状态，通过页面触发 this.status = false ，每次状态更新，需要先注销富文本，再次初始化富文本，页面状态即可更新。status: true, //默认不可编辑状态。发现已渲染页面仍然不可编辑，审查数据status值已经改变。id: 'ssss',//富文本唯一id。每次更新编辑状态，页面会有闪动。

微信授权，微信分享用户信息丢失

记录易错细节 页面临时缓存数据 window.sessionStorage.setItem('myFlag',false) 页面取值缓存 let myFlag =window.sessionStorage.getItem('myFlag')?window.sessionStorage.getItem('myFlag') : true 如果页面使用 v-show=‘myFlag’ 会导致数据一直渲染 原因是window.sessionStorage.getItem('myF..

一、防抖(debounce)和节流阀(throttle)目的实现重复执行同一事件。二、防抖(debounce) 实现连续触发同一事件 仅且执行最后一次事件debounce(self=>{ console.error('5s内连续触发执行最后一次')},5000)三、节流阀(throttle) 实现连续触发同一事件 在设定时间内 执行完 第一次事件...

小程序切换首页，轮播图片数据切换，偶尔会出现白屏，解决方式： <swiper autoplay="{{swiper_options.autoplay}}" interval="{{swiper_options.interval}}" duration="{{swiper_options.duration}}" circular="{{sw...

一、效果图预览，非gif二、通过swiper 实现头部海报轮播 <view class="cinemaCarou" wx:if="{{headmovies.length>3}}"> <swiper bindanimationfinish="intervalChange" easeOutCubic="eas...

一、目的：实现H5sessionStorage 功能 ，数据本地保存二、方法：使用小程序官方提供 globalData 方法a、在 app.js 中初始化自有变量App({ globalData: { flageType: true // 初始化自有变量 },...})b、在项目模块index.js 中请求 globalData 数据onS...

样式命名比较苦恼，推荐一个样式命名网站：https://unbug.github.io/codelf/

一、配置项{ "minapp-vscode.globalStyleFiles": [ "style/size.wxss", "style/font.wxss", "style/icon.wxss", "style/zyfont.wxss", "style/layout.wxss", "sty...

样式：.class{ position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%)}

js预加载：1、浏览器载入js代码 会‘扫描’全部变量 把全部变量设置为 undefined2、从上到下执行js代码 遇到赋值 置换掉该值。例子： var a , ba='赋值'首先 a、b值 全部为 undefined然后 b还是 undefined a变为 '赋值'。...

推荐一个定位属性position: sticky;需：1、父级overflow 属性必须是 visible，否则position:sticky不会生效2、指定 top, right, bottom 或 left 其中之一，才可使粘性定位生效。否则其行为与相对定位相同。...

一、wxml 通过循环画星星容器<view class="score"> <text wx:for="{{ [0, 1, 2, 3, 4] }}" wx:key="{{index}}" class="{{ shop.score >= (index + 1) ? 'bg_color' : '' }} v v-st...

引用组件，组件内容是在父级热区的点击事件，注意一个细节可避免失灵状况在组件引用之外套用一个<div></div>

1、页面添加事件点击事件触发动效标识 aFlag ： true2、动画容器根据aFlag 显隐3、样式.heart{position:absolute;z-index:10;height:16rpx;width:16rpx;top:0; background-image:url('https:../images/hea...

一、小程序本地内存较小建议图片压缩之后上传远程终端、压缩有介绍（https://blog.youkuaiyun.com/TaTaPark/article/details/99547432）二、通过.wxss 背景属性background.wxss 中 通过 background-image:url('../images/heart.png'); 获取不到本地图片的解决方式backgr...

最近接到任务，解决nuxt 项目首屏加载全部js问题，百思不得其解，折磨得死去活来哈哈，今天灵光一闪，解决了，不说废话，上图！！1、看下官方文档第三个红圈是重点，你的路由页面太多就不适合默认‘true’！！！！隐藏的地雷2、在nuxt.config.js 配置中修改默认值module.exports = { render: { ...

一、实现&nbsp; 空格功能，text替换掉 view 布局<text class="size28"> 某某信用卡 再减 </text> <text class="size36" decode="{{true}}"> &nbsp;15元 </text>其中 使用 text的decode...

一、推荐一款图片低损高压缩比网站。https://tinypng.com/可压缩55%左右，亲测高效好用，直接拖拽图片即可使用。

一、实现文本按内容宽度展开不换行 核心样式 { white-space: nowrap; }二、超出屏幕部分隐藏可滚动 配套样式{display: flex;flex-wrap: nowrap;overflow: hidden;flex: none;white-space: nowrap;padding: 0 0 30rpx ...

css 实现 文本展示最大行数display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;其中-webkit-line-clamp: 3; 是核心配置 ‘3’代表 展示3行...

移动端开发，经常会实现文字缩进效果。废话不多说，看图例展示。