- 博客(16)
- 收藏
- 关注
原创 淘宝小程序canvas踩坑
width和height属性是canvas标签的宽高,style内的canvasWidth和canvasHeight才是最后实际展示渲染的宽高,systemInfo.pixelRatio则是通过my.getSystemInfo API获取到的像素比。但经过实测 真的没用 该模糊的还是模糊,然后怒而看原生canvas发现和小程序的文档大差不差,遂作罢,但我们已知等式:原始尺寸 = 样式尺寸 * 像素比倍率。做完上述操作后,得到如下图渲染所示:红框为实际展示的canvas区域大小,图片只渲染了一部分。
2023-10-11 17:14:56
199
原创 H5页面解决左右滑动问题
在head里面加入.如果还是有左右滑动出现空白的地方,在代码模块最外面一层div 加上内联样式 style=“width:100%;overflow-x:hidden”即可。
2023-08-09 18:11:02
603
原创 Vue项目中引入Echarts
安装Echatsnpm install echarts --save项目按需引入形式// 页面文件,如index.vue<template> <div> <div id="main" class="main_con"></div> </div></template><script>// 按需引入echarts折线图 import * as echarts from 'echarts.
2021-10-14 11:29:18
203
原创 2021-09-26
vue el-select v-model绑定的值为数字,想展现el-option中渲染的label值(文字)时, 只需要使 v-model绑定的值变为字符串就行了
2021-09-26 20:32:14
86
原创 解决微信小程序使用switchTab传参以及跳转后页面不刷新的问题
可先在app.js里定义一个全局变量。globalData:{ arguments: null}然后在点击事件里改变全局变量。toTabPage(e){ let arg = e.currentTarget.dataset.arg; getApp().globalData.arguments = arg; wx.switchTab({ url:url }) }在tab页面的onLoad或者onShow事件里获取全局变量onLoad(){ let a
2021-06-17 11:35:04
1390
原创 前端-微信公众号获取code给后端换取openid 以及access_token 并拿到用户相关信息
只含前端操作!!!只含前端操作!!!只含前端操作!!!首先,最先做的就是配置你的回调域名,这里直接上图(开通公众号这里不做赘述,毕竟只从事前端开发工作)配置好回调域名以后,为了获取code,需要打开如下页面:https://open.weixin.qq.com/connect/oauth2/authorize?appid=你的公众号appid&redirect_uri=你想打开的地址首页&response_type=code&scope=snsapi_userinfo&a
2021-05-27 15:42:55
1949
1
原创 小程序 简单的由远及近 开门效果
html:<view class="container"> <view class="door" animation="{{animationData}}"> <view class="left" animation="{{ani_left}}"></view> <view class="right" animation="{{ani_right}}"></view> </view></vi
2021-02-09 10:09:23
417
原创 小程序 判断是否为第一次进入小程序
在这里插入代码片html:<view class="white1" tt:if="{{lead}}"></view>js:data { lead: false, },onLoad(){ let openId = tt.getStorageSync('openId') let flag = tt.getStorageSync('flag') if (flag) { console.log('flag存在,正常进入小程序', fla
2021-01-28 18:18:14
3431
2
原创 正则表达式(后续有新用到的会更新)
手机号:/^1[3456789]\d{9}KaTeX parse error: Undefined control sequence: \d at position 16: /身份证正则:/^[1-9]\̲d̲{5}(18|19|([23]…/
2020-12-15 10:50:01
217
原创 使用jQuery实现弹幕效果
使用jQuery实现弹幕效果实现步骤:1. html结构:<div class="boxDom" id="boxDom"> <div class="idDom" id="idDom"> <div class="content"> <p class="title">弹幕:</p> <input type="text" class="text" id="text" />
2020-06-13 11:06:43
363
原创 纯JS实现基本弹幕效果
纯JS实现基本弹幕效果实现步骤:第一种:1. html结构:<div class="boxDom" id="boxDom"> <div class="idDom" id="idDom"> <div class="content"> <p class="title">弹幕:</p> <input type="text" class="text" id="text" />
2020-06-13 11:00:40
935
原创 css3过渡效果
关于Css3过渡Css3过渡过渡作用具体参数的取值及说明Css3过渡综合写法案例:实际效果(附:代码)Css3过渡 什么是css3过渡?CSS3 过渡其实就是元素从一种样式逐渐改变为另一种样式的效果,实现了最初级的动画效果。过渡作用 让元素的变化发生平滑的效果,显得不生硬具体参数的取值及说明 <transition-property> 定义用于过渡的属性...
2020-03-21 13:28:31
380
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人