- 博客(36)
- 资源 (1)
- 收藏
- 关注
原创 element tinymce 富文本编辑默认不可用问题
富文本框默认不可编辑状态,通过页面触发 this.status = false ,每次状态更新,需要先注销富文本,再次初始化富文本,页面状态即可更新。status: true, //默认不可编辑状态。发现已渲染页面仍然不可编辑,审查数据status值已经改变。id: 'ssss',//富文本唯一id。每次更新编辑状态,页面会有闪动。
2022-10-11 11:25:39
568
1
原创 JAVA方法重载注意事项
3、与参数的多类型顺序有关。2、与参数的返回值类型无关。1、与参数的个数不同有关。2、与参数的类型不同有关。1、与参数的名称无关。
2022-08-09 21:00:00
273
原创 使用webpack时发生Cannot read property ‘tap‘ of undefined
请确保html-webpack-plugin的版本与webpack的版本一致,例如webpack用的是5,那么html-webpack-plugin版本也要是5,否则就出错
2021-05-12 15:57:41
922
原创 yarn不是内部或外部命令
yarn 安装基于 node 环境安装 yarn; npm install -g yarnyarn 检验安装 yarn -v解决 引用失败查看 环境变量 path 是否含有 yarn 引用路径 : C:\user\Program\node_global\node_modules\yarn\bin;(根据个人实际情况填写路径)...
2021-04-20 09:44:50
646
原创 nuxt配置样式忽略功能
项目中有多种UI库引用情况,但是我们又不需要现有UI组件影响新加载组件库我们只需要在nuxt.config.js配置中预设样式黑名单即可build:{ ..... postcss: { .... plugins:{ ..... 'postcss-pxtorem':{ ...... selectorBlackList:[/^(.ele)/,/^(.van)/,/^(.ivu-)...
2021-04-01 11:09:17
346
原创 iview 日期组件DatePicker数据初始化操作
项目中iview日期组件不设置value值,又想切换初始化日期组件可通过设置ref操作实现DOM:<DatePicker......ref='resetDate'></DatePicker>JS:if(this.$refs && this.refs.resetDate){ this.refs.resetDate.handleClear()}...
2021-04-01 09:53:20
688
原创 sessionStorage.setItem
记录易错细节 页面临时缓存数据 window.sessionStorage.setItem('myFlag',false) 页面取值缓存 let myFlag =window.sessionStorage.getItem('myFlag')?window.sessionStorage.getItem('myFlag') : true 如果页面使用 v-show=‘myFlag’ 会导致数据一直渲染 原因是window.sessionStorage.getItem('myF..
2021-03-31 17:37:22
11397
原创 css 文字与数字不能垂直居中问题
实际项目中,页面渲染总会遇到数字与汉字居中对齐问题解决方案:(偷巧的解决方式)把汉字字号小数字字号一像素 用flex align-items:center 即可
2021-03-31 09:38:57
2437
原创 Vue本地缓存(sessionStorage/localStorage)/全局数据总线/vuex
sessionStoragesessionStorage 只在当前浏览器有效,关闭即销毁,可保存即时信息,实现组件间数据存储修改功能sessionStorage.setItem('name':'toney') //设置共享数据sessionStorage.getItme('name')//获取共享数据sessionStorage.removeItem('name')//清除共享数据localStoragelocalStorage 在浏览器可长期保存,数据缓存过多影响浏览器性能,可实现
2020-07-22 16:58:26
1337
原创 页面js实现防抖(debounce)和节流阀(throttle)本质区别
一、防抖(debounce)和节流阀(throttle)目的实现重复执行同一事件。二、防抖(debounce) 实现连续触发同一事件 仅且执行最后一次事件debounce(self=>{ console.error('5s内连续触发执行最后一次')},5000)三、节流阀(throttle) 实现连续触发同一事件 在设定时间内 执行完 第一次事件...
2020-04-08 16:24:10
745
1
原创 小程序实现淘票票选场次轮播功能
一、效果图预览,非gif二、通过swiper 实现头部海报轮播 <view class="cinemaCarou" wx:if="{{headmovies.length>3}}"> <swiper bindanimationfinish="intervalChange" easeOutCubic="eas...
2020-01-16 16:41:03
771
原创 小程序离开当前页面时,清除定时器问题
一、小程序离开当前页面时,会遇到清除定时器失效问题解决方式:// pages/setInter/index.jsPage({ /** * 页面的初始数据 */ data: { myInterv: '', // 定时器 cont: 0 // 数据 }, /** * 生命周期函数--监听页面加载 */ onLoad: f...
2019-12-30 10:41:30
4855
2
原创 小程序swiper轮播 切换数据出现白屏问题
小程序切换首页,轮播图片数据切换,偶尔会出现白屏,解决方式: <swiper autoplay="{{swiper_options.autoplay}}" interval="{{swiper_options.interval}}" duration="{{swiper_options.duration}}" circular="{{sw...
2019-12-30 09:54:31
1353
原创 小程序sessionStorage 功能 替代方案
一、目的:实现H5sessionStorage 功能 ,数据本地保存二、方法:使用小程序官方提供 globalData 方法a、在 app.js 中初始化自有变量App({ globalData: { flageType: true // 初始化自有变量 },...})b、在项目模块index.js 中请求 globalData 数据onS...
2019-12-19 15:12:29
4485
原创 vscode 小程序开发配置
一、配置项{ "minapp-vscode.globalStyleFiles": [ "style/size.wxss", "style/font.wxss", "style/icon.wxss", "style/zyfont.wxss", "style/layout.wxss", "sty...
2019-11-19 09:47:50
1357
原创 骨架屏渲染核心思想
1、js获取页面节点位置信息wx.createSelectorQuery().selectAll(`.${this.data.selector} >>> .${this.data.selector}-rect`).boundingClientRect().exec(function(res){that.setData({...
2019-11-18 11:04:28
157
原创 居中
样式:.class{ position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%)}
2019-11-18 10:58:19
117
原创 js预加载分析 笔记
js预加载:1、浏览器载入js代码 会‘扫描’全部变量 把全部变量设置为 undefined2、从上到下执行js代码 遇到赋值 置换掉该值。例子: var a , ba='赋值'首先 a、b值 全部为 undefined然后 b还是 undefined a变为 '赋值'。...
2019-11-08 10:57:44
136
原创 吸顶样式丝滑无感
推荐一个定位属性position: sticky;需:1、父级overflow 属性必须是 visible,否则position:sticky不会生效2、指定 top, right, bottom 或 left 其中之一,才可使粘性定位生效。否则其行为与相对定位相同。...
2019-11-05 11:37:38
184
原创 小程序实现星级评价样式
一、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...
2019-10-21 16:04:15
638
原创 动画实现点赞出现小心心动效
1、页面添加事件点击事件触发动效标识 aFlag : true2、动画容器根据aFlag 显隐3、样式.heart{position:absolute;z-index:10;height:16rpx;width:16rpx;top:0; background-image:url('https:../images/hea...
2019-10-16 11:32:06
1134
原创 小程序本地图片真机获取不到解决
一、小程序本地内存较小建议图片压缩之后上传远程终端、压缩有介绍(https://blog.csdn.net/TaTaPark/article/details/99547432)二、通过.wxss 背景属性background.wxss 中 通过 background-image:url('../images/heart.png'); 获取不到本地图片的解决方式backgr...
2019-10-16 11:24:01
785
原创 css 实现 文本展示最大行数
css 实现 文本展示最大行数display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;其中-webkit-line-clamp: 3; 是核心配置 ‘3’代表 展示3行...
2019-10-11 09:50:15
1575
原创 css实现文本不换行
一、实现文本按内容宽度展开不换行 核心样式 { white-space: nowrap; }二、超出屏幕部分隐藏可滚动 配套样式{display: flex;flex-wrap: nowrap;overflow: hidden;flex: none;white-space: nowrap;padding: 0 0 30rpx ...
2019-10-11 09:40:29
379
原创 小程序B端客户扫码登录功能
一、扫码登录需求B端商户为了便利需在我们C端平台嵌套B端入口,且可实现扫码立刻登录功能。二、代码实现B端商家登录页面做逻辑判断 onLoad: async function(options) { // 该页面为 B端客户登录页面 if (options.inf=="QRinf"){ // 二维码链接参数 {inf:QRinf} await a...
2019-09-11 17:47:17
1054
原创 前端图片高质量压缩工具
一、推荐一款图片低损高压缩比网站。https://tinypng.com/可压缩55%左右,亲测高效好用,直接拖拽图片即可使用。
2019-09-11 17:46:12
579
2
原创 小程序flex布局text标签不垂直居中问题
一、实现 空格功能,text替换掉 view 布局<text class="size28"> 某某信用卡 再减 </text> <text class="size36" decode="{{true}}"> 15元 </text>其中 使用 text的decode...
2019-06-20 15:48:24
3276
原创 Nuxt.js 首屏加载全部js问题解决
最近接到任务,解决nuxt 项目首屏加载全部js问题,百思不得其解,折磨得死去活来哈哈,今天灵光一闪,解决了,不说废话,上图!!1、看下官方文档第三个红圈是重点,你的路由页面太多就不适合默认‘true’!!!!隐藏的地雷2、在nuxt.config.js 配置中修改默认值module.exports = { render: { ...
2019-05-30 19:14:53
8405
9
cinema-select-xcx.zip
2020-01-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人