- 博客(16)
- 收藏
- 关注
RSS订阅原创 淘宝小程序canvas踩坑
width和height属性是canvas标签的宽高，style内的canvasWidth和canvasHeight才是最后实际展示渲染的宽高，systemInfo.pixelRatio则是通过my.getSystemInfo API获取到的像素比。但经过实测 真的没用 该模糊的还是模糊，然后怒而看原生canvas发现和小程序的文档大差不差，遂作罢，但我们已知等式：原始尺寸 = 样式尺寸 * 像素比倍率。做完上述操作后，得到如下图渲染所示：红框为实际展示的canvas区域大小，图片只渲染了一部分。
2023-10-11 17:14:56
150
原创 H5页面解决左右滑动问题
在head里面加入.如果还是有左右滑动出现空白的地方，在代码模块最外面一层div 加上内联样式 style=“width:100%;overflow-x:hidden”即可。
2023-08-09 18:11:02
494
原创 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
158
原创 2021-09-26
vue el-select v-model绑定的值为数字，想展现el-option中渲染的label值（文字）时， 只需要使 v-model绑定的值变为字符串就行了
2021-09-26 20:32:14
46
原创 解决微信小程序使用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
1293
原创 前端-微信公众号获取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
1844
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
373
原创 小程序 判断是否为第一次进入小程序
在这里插入代码片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
3179
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
169
原创 使用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
319
原创 纯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
836
原创 css3过渡效果
关于Css3过渡Css3过渡过渡作用具体参数的取值及说明Css3过渡综合写法案例：实际效果（附：代码）Css3过渡 什么是css3过渡？CSS3 过渡其实就是元素从一种样式逐渐改变为另一种样式的效果，实现了最初级的动画效果。过渡作用 让元素的变化发生平滑的效果，显得不生硬具体参数的取值及说明 <transition-property> 定义用于过渡的属性...
2020-03-21 13:28:31
250
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人