- 博客(16)
- 收藏
- 关注
转载 微信小程序实战篇-下拉刷新与加载更多
下拉刷新1. 调用系统的API,系统有提供下拉刷新的API接口home.json 参数配置"enablePullDownRefresh": true我们哪个页面需要下拉刷新,就在哪个页面对应的xxx.json文件配置上面属性,这个属性从字面意思也可以知道,是否允许下拉刷新,当然,如何你不想一个个配置允许下拉刷新,你可以直接在全局变量app.json的window里面配置上面这个属性,...
2020-01-21 15:43:29 502
转载 小程序滚动事件之头部渐隐渐现demo
效果图:代码://test1.wxml<view class='header' style="opacity:{{opacityStyle}}" hidden='{{hiddenModel}}'> 头部</view><view class='demo1'>滑动1</view><view class='demo2'>滑...
2020-01-19 15:03:21 963
转载 微信小程序-实现元素渐入渐出动画效果-封装方法
效果解决1.寻根问底,发现wx_mini_program(下面称呼微信小程序为wxmp [差点叫成 (*´ノ皿`)mmp] )有一个全局的js逻辑文件,叫app.js,有意思,可以往里面塞自己写的object(函数数据等等),那就从那里入手吧2.在app.js中定义全局的动画函数App({ //渐入,渐出实现 show : function(that,param,opacity...
2020-01-19 15:01:39 1925
转载 微信小程序监听页面滚动的事件
有些用户的需求是,上下滑动屏幕要求隐藏掉某些显示区域。或者滑动到指定位置时显示某些内容。可做监听事件四个:一、JS自带的://开始滚动 onPageScroll (e) { console.log('滚起来') },这个监听的不够灵敏,BUg较多。二 、手势事件<view class="wrapIndex" bindtouchstart="touchStart"...
2020-01-19 13:45:23 3157
转载 微信小程序实现左右滑动(带动画)
实例代码1 wxml<view class="container1" wx:if="{{page == 1}}" bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEnd" animation="{{ani1}}">container1</view><view c...
2020-01-16 16:56:13 5267
转载 关于enter及ctrl_enter换行及发送切换问题
<textarea v-if="submitCommond === 'ctrl'" id="messgae_input" v-model="currentMessage" class="border-none" type="textarea" autofocus rows="7" :readonly="loading" placeholder="请输入内容...
2020-01-16 13:09:51 1722
转载 微信小程序 scroll-view 实现横向、纵向滚动
1.纵向滚动api文档有注明,<scroll-view scroll-y style="height: 400rpx;"> 1231231231</scroll-view>即 如果是纵向滚动,必须指定滚动区域的高度2.横向滚动核心思想: 需要让scroll-view里的子元素在一行展示。1> 父元素设置 white-space: nowrap; ...
2020-01-16 10:11:54 1835
转载 微信小程序中使用echarts
首先体验示例小程序在微信中扫描下面的二维码即可体验 ECharts Demo:引入组件在创建项目之后,可以将下载的 ecomfe/echarts-for-weixin 项目完全替换新建的项目,然后将修改代码;或者仅拷贝 ec-canvas 目录到新建的项目下,然后做相应的调整。如果采用完全替换的方式,需要将 project.config.json 中的 appid 替换成在公众平台申请...
2020-01-15 17:06:01 215
原创 js日常记录
太久没写日常记录function aa(){ var fnode=document.body.lastChild; //document.querySelector('#myDiv') //创建元素节点 var br = document.createElement("br"); //把创建的节点添加到指定节点中 fnode.appendChild(br);//添加一个...
2020-01-15 15:27:01 121
转载 微信小程序自定义支持图片的弹窗
为index.wxml添加如下图代码: (微信小程序 - canvas层级最高问题,如何超越canvas的层级,只能使用cover-view标签)<!--index.wxml--><button class="show-btn" bindtap="showDialogBtn">弹窗</button><!--弹窗--><cove...
2020-01-10 13:53:51 1198
转载 echarts中tooltip提示框位置控制
使用echarts时,有时tooltip由于内容太多,可能会导致提示框超出外层div的范围,无法完整显示。此时可以在自己通过代码控制提示框显示的位置,代码如下:option = { title: { text: '折线图堆叠' }, tooltip: { trigger: 'axis', position: functi...
2020-01-08 14:17:47 742
转载 【小程序】生命周期
小程序分为应用、页面和组件三个部分,所以小程序的生命周期涉及以下:应用的生命周期页面的生命周期组件的声明周期应用的生命周期对页面生命周期的影响(1)应用的生命周期App() 函数用来注册一个小程序。接受一个 Object 参数,其指定小程序的生命周期回调等。App() 必须在 app.js 中调用,必须调用且只能调用一次。App({ onLaunch: function(o...
2020-01-06 16:06:35 186
原创 echarts中国地图
echarts示例代码var mapName = 'china'var data = [ {name:"北京",value:199}, {name:"天津",value:42}, {name:"河北",value:102}, {name:"山西",value:81}, {name:"内蒙古",value:47}, {name:"辽宁",value...
2020-01-04 14:43:13 5852
转载 js-cookie插件
js-cookie一、安装npm install js-cookie --save二、引用import Cookies from 'js-cookie'三、一般使用存到Cookie去// Create a cookie, valid across the entire site:Cookies.set('name', 'value');// Create a cookie ...
2020-01-04 14:19:57 143
转载 Js 删除换行符
mymsg=mymsg.replace(/<\/?.+?>/g,"");//html2txt 去掉html标记 mymsg=mymsg.replace(/\n|\r/g,""); //去掉换行
2020-01-04 11:47:52 2078
转载 前端js实现粘贴图片到可编辑的div(其他标签也可)中
输入框中要实现粘贴图片功能,不能用input、textarea等输入框作为父容器,因为input、textarea中只能接受字符串,对于html标签不进行转义以及渲染。所以用contenteditable='true’属性来使div(其他容器也可)实现可编辑,来模拟输入框,实现粘贴图片至输入框中的效果,提交数据给后端的时候可以用form提交,也可用异步提交,form提交的时候将div中的数据全...
2020-01-03 11:00:51 1211
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人