XIAOYANG55555-CSDN博客

转载如何监听小程序中的手势事件（缩放、双击、长按、滑动、拖拽）

分享一个为小程序定制的手势监听事件库-YrobotTouch原文连接：https://developers.weixin.qq.com/community/develop/article/doc/000006d3814318eff728a86b65b413YrobotTouch-WXLPYrobotTouch，一个方便、轻量的小程序手势事件监听库事件库部分逻辑参考allo...

2019-03-01 18:47:00 2624

转载支付宝小程序的填坑总结

1.Radio标签不支持嵌套写法和微信小程序不一样，支付宝小程序的表单元件都不支持嵌套标签写法，比如:<Radio className='radio-list__radio' color='#6190e8' checked={items.checked === 1} value={items.name}> {items.name}</Radio>...

2019-02-27 15:19:00 673

转载小程序开发中的单位如何布局使用？(经验)

小程序支持的单位？可以说小程序就是在微信体系网页的另一种表现方式。网页中的单位小程序基本都支持。但实际开发中，我常用到的是以下几种 ↓rpxrpx做为小程序自家系统里的单位，特性是可以根据屏幕宽度进行自适应。rpx官方介绍比如我写一个2:1比例的全屏轮播图，可以这样写：swiper { width:750rpx; height:375rpx;}...

2019-02-27 14:58:00 287

转载微信小程序常用的方法（留着用）

function zero_fill_hex(num, digits) { let s = num.toString(16); while (s.length < digits) s = "0" + s; return s;}/** * rgba 转 16进制 * @param rgb * @returns {*} */...

2018-12-04 14:19:00 219

转载微信小程序H5预览页面框架（二维码不隐藏）

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">...

2018-11-23 14:49:00 307

转载微信小程序H5预览页面框架

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">...

2018-11-23 14:40:00 586

转载关于微信小程序的一点经验

2018年的11月份，自己做微信小程序相关的项目已经有四个月，这四个月自己走过很多弯路，也学到了不少经验，下面就一一总结：一，微信小程序的radio组件是可以改变按钮样式的（比如大小，颜色等等）改变大小解决办法：https://blog.csdn.net/iafmay/article/details/79479288改变其他样式：https://blog.csdn.net/...

2018-11-18 14:11:00 150

转载微信小程序修改单选按钮的默认样式

https://blog.csdn.net/abs1004/article/details/78922596转载于:https://www.cnblogs.com/Webzhoushifa/p/9808470.html

2018-10-18 08:54:00 964

转载如何将icon图标库引入自己的项目中

---恢复内容开始---今天是18年的国庆，趁着国庆的这股开心劲儿，开开心心的写点东西：第一篇：关于如何将icon图标库引入自己的项目（此方法Taro，微信小程序，支付宝小程序等均适用，不会存在不会编译错误）栗子是我常用的----阿里矢量图具体引入项目栗子是：最近正在在做的Taro项目栗子如下，如果你是其他项目，本人测试过微信小程序，支付宝小程序，能正常用。第一步...

2018-10-01 16:59:00 2182

转载微信小程序实现滑动tab切换和点击tab切换并显示相应的数据（附源代码）

这里主要用到了swiper组件和三目运算，直接上代码，样式只有三个class，简单粗暴，懒的小伙伴们可以直接拿来用，喜欢的点个支持<view> <view class="swiper-tab"> <view class="bre swiper-tab-list {{tab==0 ? 'on' : ''}}" data-current...

2018-09-02 18:40:00 512

转载微信小程序分享至朋友圈的方法

　　最近研究怎么实现微信小程序分享至朋友圈，对就是朋友圈。　　微信小程序目前没有直接提供方法来将小程序分享至朋友圈，不过可以采用曲线救国的方式来达到目的。方法分两步：　　1.通过浏览器将希望分享的东西风向至朋友圈：微信小程序没有任何入口可以进入到微信的浏览器中，那么就更加不可能让用户进入到自身操作系统中的浏览器进行分享。那么怎么通过其他的途径来达到次目的呢？答案是...

2018-09-02 18:13:00 926

转载微信小程序--分享功能

微信小程序--分享功能微信小程序前段时间开放了小程序右上角的分享功能，可以分享任意一个页面到好友或者群聊，但是不能分享到朋友圈这里有微信开发文档链接：点击跳转到微信分享功能API入口方法：一，小程序右上角自带的分享功能（...）：以下代码实例写在export default { };里面 //右上角分享功能 onShareAppMessage:...

2018-08-31 20:05:00 224

转载 mpvue-新建页面、页面跳转、自适应单位

1、mpvue怎么新建页面？（1）粘贴复制一个页面文件夹，只需要改文件夹名- 文件名不需要改，main.js里的东西不用动。export default里更改局部顶部栏配置。（2）index.vue里面可以更改内容。2、mpvue页面跳转与传值？（1）在mpvue中没有继续延用vue路由的写法，而是继承小程序的一套解决方案，（2）用小程序的方法跳转传值。...

2018-08-31 16:36:00 436

转载微信小程序mpvue-动态改变navigationBarTitleText值

通过JS动态改变navigationBarTitleText的值能否通过JS动态改变navigationBarTitleText的值？方法一：可以在onLoad方法中通过wx.setNavigationBarTitle来设置，如下： onLoad:function(options){ wx.setNavigationBarTitle({ ...

2018-08-31 16:23:00 715

转载 mpvue中使用flyjs全局拦截

mpvue全局属性设置，在我之前的文章中有介绍，今天想记录的就是怎么和Fly.js结合使用来实现全局拦截功能：首先我们要安装好Flyio，在mpvue项目中我们用npm下载安装：npm install flyio找到src文件夹下面的main.js文件（就在src下）引入flyjs并实例化var Fly=require("flyio/dist/npm/wx...

2018-08-31 16:00:00 205

转载 H5 布局 -- 让容器充满屏幕高度或自适应剩余高度

在前端页面布局中，经常会碰到要让容器充满整个屏幕高度或者剩余屏幕高度的需求。一般这时候都会想当然的使用 height:100% 这样的 CSS 来写。这样写的话，当容器内内容很多的时候是没有问题的，可以达到预期的效果，但是如果容器内内容比较少，不足以撑起足够的高度的话，这个CSS 样式实际上是没起作用的。那要怎么解决这个问题呢？两种情况：一，让容器充满整个屏幕高度在容...

2018-08-31 15:42:00 1582

转载使用mpvue开发小程序如何定义全局变量

我们创建好mpvue项目之后，找到src/main.js打开在后面添加一行代码（注意：不能在const app = new Vue(App) 之前添加）Vue.prototype.globalData = getApp().globalData这行代码的意思就是，将小程序的全局变量，挂载在Vue的原型上，这样我们在不同的页面就都可以获取到全局数据了不同页面使用 t...

2018-08-31 09:11:00 214

转载 mpvue怎么使用iconfont

原文链接：https://blog.csdn.net/weixin_39818813/article/details/806957501.首先去阿里巴巴矢量图标库区把你要图标加到购物车阿里巴巴矢量图标网http://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.22.把选好的图标下载到本地3.然后把下载...

2018-08-31 09:08:00 165

转载 mpvue的toast弹窗组件-mptosat

　　几乎每个小程序都会用到的弹窗功能，弹窗是为了友好的提示用户目前小程序的状态。这样以来toast弹窗就成了小程序不可或缺的组件。mptosat用过，不赖的一款。下面记录以下使用方法：介绍mptoast 是一个基于mpvue的简单弹窗组件 github地址：https://github.com/noahlam/mpvue-toast安装1.安装vuex，如果你项目还没使用...

2018-08-31 09:03:00 399

转载 MAC OS查看端口占用情况及杀死进程

终端输入：sudo lsof -i :9000反馈的大致内容：COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAMEjava 716 a 313u ...

2018-08-29 22:28:00 117

转载 mpvue 踩坑之src数据绑定出错

原文链接：https://blog.csdn.net/weixin_38984353/article/details/80847288src实现数据绑定稍不留神就不成功。假定value.src是绑定的数据。常见错误写法1：<img src="value.src">错误之处在于：1.属性值数据绑定应该用v-bind，应该写成v-bind:src=...

2018-08-29 22:21:00 176

转载 mpvue微信小程序怎么写轮播图，和官方微信代码的差别

目前用mpvue很多第三方的ui库是引入不了的，因为它不支持含有dom操作。那我们要做轮播图的话一个是手写另外一个就是用小程序的swiper组件了：官方代码：<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{...

2018-08-29 22:14:00 325

转载 mpvue微信小程序http请求终极解决方案-fly.js

fly.js是什么？　　一个支持所有JavaScript运行环境的基于Promise的、支持请求转发、强大的http请求库。可以让您在多个端上尽可能大限度的实现代码复用（官网解释）fly.js有什么特点：提供统一的 Promise API。浏览器环境下，轻量且非常轻量。支持多种JavaScript 运行环境支持请求／响应拦截器。自动转换 JSON 数据。...

2018-08-29 22:09:00 275

转载使用mpvue开发小程序教程

从vue到mpvue再到微信小程序，这么几天下来感觉被搞晕了。三者之间的很多功能存在差异，项目也快接近尾声了，坑也踩了很多了，现在给后来的你们一点总结性经验：1. 在模板中，动态插入HTML的v-html指令不可用这条很好理解，小程序的界面并不是基于浏览器的BOM/DOM的，所以不能动态的在界面模板里直接插入HTML片段来显示。题外话，如果有在小程序里插入html片段的需求怎...

2018-08-29 22:01:00 235

转载适用于 Mpvue 的微信小程序富文本解析自定义组件

废话不多说，直接上方法：首先 npm 安装mpvue-wxparsenpm i mpvue-wxparse接下来：使用<template> <div> <wxParse :content="article" @preview="preview" @navigate="navigate" /> <...

2018-08-29 21:44:00 164

转载基于 mpvue 框架的小程序选择控件，支持单列，多列，联动

最近在学着写mpvue小程序，在做选择控件时候遇到了点问题，按照微信小程序方法picker，很不方便！在网上搜到一个很好用的组件下面给大家分享：组件说明文档链接：https://go.ctolib.com/article/wiki/84754我想说的是：按照说明文档并不能实现picker，后来幸运的是，作者有一个源码链接：https://github.com/MPComp...

2018-08-29 21:39:00 220

转载 mpvue小程序开发

查阅资料，看官方文档，知道mpvue是一个使用Vue.js开发小程序的前端框架（美团的开源项目）。框架基于Vue.js核心，mpvue修改了Vue.js的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套Vue.js开发体验。mpvue你可以使用你熟悉的vue框架语法，双向绑定让你不用再使用wx的this.setDa...

2018-08-27 20:57:00 135

转载关于AUI框架自学心得

2018年8月25日今天星期六，这段时间接触到移动端布局框架AUI，借着早上一个小时时间大致看了一下开发文档（后面统称文档），对AUI一点认识。目前2.0版本为最新版，这个版本和1.0比较升级很多。文档中原文讲到“在2.0中，全局使用rem控制尺寸，完美适应不同分辨率移动设备；”“html默认定义的尺寸为20px，那么1rem=20px；开发者在定义尺寸及字号时可以根据此...

2018-08-25 09:49:00 625

转载微信小程序placeholder设置自定义颜色

原地址链接：https://blog.csdn.net/august_leo/article/details/80877382这是微信小程序input组件的官方文档描述，下图红框里的placeholder-style和placeholder-class就是微信小程序里用来给placeholder设置样式的属性。一、使用placeholder-style设置样式place...

2018-08-24 17:16:00 1148

转载前端代码规范的笔记（一）

为了方便团队其他人员的阅读本人代码，减少团队交流成本，提高工作效率。代码规范很重要，公司这段时间尤其对这一块重视。本人对这块的学习改正重点为如下：HTML一，class和ID的命名问题：1.应该以内容和功能命名，不要以表现形式命名。2.字母为小写，多个字母时用中划线-分隔3.ID为js hook，避免使用空的class样式二，ID统一使用双引号...

2018-08-23 14:36:00 307

转载蚂蚁小程序--自学笔记

蚂蚁小程序--是我们常说的支付宝小程序，因为有之前的微信小程序经验，蚂蚁小程序很容易上手！小程序App也提供了四个事件，可以设置钩子方法。。onLaunch: 小程序启动。onShow: 小程序切换到前台。onHide: 小程序切换到后台。onError：小程序出错前台、后台定义：用户点击左上角关闭，或者按了设备 Home 键离开支付宝时，小程序并不会直接销毁，...

2018-08-23 10:39:00 629

转载微信小程序中使用template

当我们的项目需要多次使用同一个布局和样式的时候，我们就可以考虑使用template（模块）来减少冗余的代码。使用方法：1. 新建一个template文件夹存放通用模板；2. 在文件夹汇里面新建一个wxml，wxss，进行模版和样式的定义；3. 设置模版的name，以及里面我们需要定义的wxml的内容；4. 设置wxss样式；5. 在需要使用的页面imp...

2018-08-23 09:18:00 198

转载微信小程序template富文本插件image宽度被js强制设置

这段时间一直做微信小程序，过程中遇到了一个问题，这个问题一直没有得到完美的解决。问题描述：　　在Web编程中经常会引入template插件，这个插件是封装好，我们通常的做法是直接引入，配置简单，好用，一直都没出现什么大问题。但是这次在微信小程序上，问题就出现了。因为手机屏幕普遍和PC比小很多，template正常情况下我们给content一个padding：1 30rpx 4...

2018-08-21 17:56:00 217

转载微信小程序之界面交互反馈

交互反馈就是在用户出发某事件之后，给用户一个反馈信息，这要是一个很友好的习惯。在小程序中是通过一下几种方式实现的：1.wx.showToast()方法showToast: function (postscollected, postcollected) { wx.setStorageSync("posts_collected", postscollected);...

2018-08-21 16:46:00 371

转载微信小程序引入腾讯地图API方法

微信小程序大热，在小程序过程中，我们很多时候都会用到地图。不管是企业的地址，还是商家的配送都会用到地图；我在刚写地图这一块时，在网上也参考了很多网友的方法，始终有Bug（类似于地图拖拽是画面抖动，无法点击跳转到导航页面等等）下面的代码是后台动态添加坐标（经度纬度的方法）我这里有这么一个方法，希望对你有用：wxml：<map bindtap="toMap" sho...

2018-08-21 15:32:00 1107

转载微信小程序动态修改页面标题setNavigationBarTitle

微信小程序是可以动态修改页面标题的。首先我们来看看静态是怎么实现的在对应页面的json文件里面加入下面代码就可以实现了{ "navigationBarTitleText": "素材图库"}效果图如下：其他动态的也是十分简单，毕竟是提供好了的接口，我们调用一下就行了。接口嘛，那就要操作对应的js文件咯。参考地址 quwei: funct...

2018-08-21 14:34:00 3091

转载 JavaScript中||和&&的运算

2018-08-21 14:28:00 141

转载微信小程序使用include导入wxml文件注意的问题

（1）使用inlucde的时，要注意将最后的终止符 / 添加上去，否则不能正常的导入界面内容<include src="header.wxml"/>（2）引入文件注意的问题若何header.wxml中内容如下，是不能正确引入的，因为注释中包含了三个‘-’ ，改成两个就可以了。作者之前试了半天才发现这个问题。<!-- 注释内容 ---&g...

2018-08-21 13:56:00 445

转载谈谈CSS3中display属性的Flex布局（弹性布局）

最近为了微信小程序，回忆起之前有接触过的弹性布局（display:Flex）网上摘录的原文地址：https://www.cnblogs.com/xuyuntao/articles/6391728.html因为一直是一个大概能用的状态，今天来系统的掌握一下这块，据说这是趋势，在移动端用的比较多一点，在PC端因为浏览器兼容性问题还是没有广泛引用。本人能力有限，如果有整理的不好的地方还...

2018-08-21 13:38:00 292

转载微信小程序页面跳转的三种方式总结

原文链接 https://blog.csdn.net/zgmu/article/details/72123329首先我们了解到，小程序规定页面路径只能有五层，所以我们尽量避免多层级的页面跳转页面跳转会涉及到多层级的跳转：第一种：wx.navigateTo(OBJECT)　　navigateTo 保留当前页面，跳转到应用的某一个页面，使用wx.navigateBac...

2018-08-21 11:10:00 2884

空空如也

空空如也