yw00yw的博客

说明电商版加购动画，从鼠标点击位置，跳转到指定位置，抛物线wxml<view class="good-red-point" wx:if="{{busShow}}" style="--startX:{{bus.sx}}px;--startY:{{bus.sy}}px;--endX:{{bus.ex}}px;--endY:{{bus.ey}}px;animation:{{bus.animation}};"> <image src="{{bus_img}}"></i

websocket.wxml<view class="send-content"> <text>发送内容：</text> <input class="weui-input" auto-focus type="text" bindinput="handleInput"></input></view><button class="send-btn" type="primary" bindtap="handleConnec

canvas.wxml<view class="container"> <view class="canvas_area"> <canvas canvas-id="myCanvas" class="myCanvas" disable-scroll="{{false}}" bindtouchstart="touchStart" bind

open-data

企业微信使用方式：index.wxml<view class="page-wrapper"> <text class="title">二维码测试</text> <image style="width: 200px; height: 200px;" src="{{url}}" show-menu-by-longpress="{{true}}"></image></view>index.jsPage({ data:

以微信小程序为例wxml<scroll-view class="scroll-menu" scroll-left="{{scrollLeft}}" scroll-x="{{true}}" scroll-with-animation="{{true}}" enable-flex="{{true}}"> <view class="menu-item {{selectedIndex === index && 'activeMenu'}}"

骨架屏 - 官方地址骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容。通常在小程序中，我们需要手工维护骨架屏的代码，当业务变更时，同样需要对骨架屏代码进行调整。为了开发的便利，开发者工具提供了自动生成骨架屏代码的能力利用小程序开发工具生成骨架屏代码点击生成骨架屏，将有弹窗提示是否允许插入骨架屏代码。确定后将在当前页面同级目录下生成 page.skeleton.wxml 和 page.skeleton.wxss 两个文件

核心代码eventbus.js/** * new map() * clear 从映射中移除所有元素 * delete 从映射中移除指定的元素 * forEach 对映射中的每个元素执行指定操作 * get 返回映射中的指定元素 * has 如果映射包含指定元素，则返回true * set 添加一个新元素到映射 * toString 返回映射的字符串表示形式 * valueOf 返回指定对象的原始值 *//** * 需求： * 能满足页面之间的通讯 * 能满足页面和组件(co

wxml<view class="container"> <view class="header-top"></view> <view class="content-wrapper" bindtouchstart="handletouchstart" bindtouchmove="handletouchmove" bindtouchend="handletouchend" style="transform: {{coverT

渲染性能优化

文档https://developers.weixin.qq.com/miniprogram/dev/api/canvas/wx.createOffscreenCanvas.htmlwxml<view class="canvas-container"> <canvas canvas-id="myCanvas" class="myCanvas" style="width: {{canvasWidth}}px; height: {{canvasHeight

文档https://developers.weixin.qq.com/miniprogram/dev/component/map.htmlwxml<!--index.wxml--><view class="map-container"> <map id="map" class="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="{{scale}}"

mpvue文档http://mpvue.com/项目搭建# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 mpvue-quickstart 模板的新项目$ vue init mpvue/mpvue-quickstart my-project# 安装依赖$ cd my-project$ npm install# 启动构建...

微信小程序使用wx.request API请求豆瓣公开api的时候，会报一个403(Forbidden)的错误。这是为什么呢？是由于来自小程序的调用过多，豆瓣来自于小程序的调用被禁止。这里收集以下三种方法解决此问题（设置代理）： 1、使用 https://douban.uieee.com 2、使用 https://www.zhihu.com/question/265...

小程序的图片API主要是wx.chooseImage 选择图片wx.previewImage 预览图片wx.getImageInfo 获取图片的信息wx.saveImageToPhotosAlbum 保存图片以下通过一个案例是四种API的使用方法 描述： 1. 首先选择本地图片保存到变量数组中，然后再页面中渲染图片。 2. 给每个图片一个事件，并用da...