08 2018 档案
摘要：微信小程序--分享功能 微信小程序前段时间开放了小程序右上角的分享功能， 可以分享任意一个页面到好友或者群聊， 但是不能分享到朋友圈 这里有微信开发文档链接：点击跳转到微信分享功能API 入口方法： 一，小程序右上角自带的分享功能（...）： 以下代码实例写在export default { };里
阅读全文
摘要：1、mpvue怎么新建页面？ （1）粘贴复制一个页面文件夹，只需要改文件夹名- 文件名不需要改，main.js里的东西不用动。export default里更改局部顶部栏配置。 （2）index.vue里面可以更改内容。 2、mpvue页面跳转与传值？ （1）在mpvue中没有继续延用vue路由的写
阅读全文
摘要：通过JS动态 改变navigationBarTitleText的值 能否通过JS动态改变navigationBarTitleText的值？ 方法一：可以在onLoad方法中通过wx.setNavigationBarTitle来设置，如下： 方法二：不过不建议这种做法，最好在对应page的json文件
阅读全文
摘要：mpvue全局属性设置，在我之前的文章中有介绍，今天想记录的就是怎么和Fly.js结合使用来实现全局拦截功能： 首先我们要安装好Flyio，在mpvue项目中我们用npm下载安装： 找到src文件夹下面的main.js文件（就在src下） 引入flyjs并实例化 比方需求是：我们在每次请求自己服务器
阅读全文
摘要：在前端页面布局中，经常会碰到要让容器充满整个屏幕高度或者剩余屏幕高度的需求。一般这时候都会想当然的使用 height:100% 这样的 CSS 来写。 这样写的话，当容器内内容很多的时候是没有问题的，可以达到预期的效果， 但是如果容器内内容比较少，不足以撑起足够的高度的话，这个CSS 样式实际上是没
阅读全文
摘要：我们创建好mpvue项目之后，找到src/main.js打开在后面添加一行代码 （注意：不能在const app = new Vue(App) 之前添加） 这行代码的意思就是，将小程序的全局变量，挂载在Vue的原型上，这样我们在不同的页面就都可以获取到全局数据了 不同页面使用 this.global
阅读全文
摘要：原文链接：https://blog.csdn.net/weixin_39818813/article/details/80695750 1.首先去阿里巴巴矢量图标库区把你要图标加到购物车 阿里巴巴矢量图标网http://www.iconfont.cn/home/index?spm=a313x.778
阅读全文
摘要：几乎每个小程序都会用到的弹窗功能，弹窗是为了友好的提示用户目前小程序的状态。这样以来toast弹窗就成了小程序不可或缺的组件。mptosat用过，不赖的一款。下面记录以下使用方法： 介绍 mptoast 是一个基于mpvue的简单弹窗组件 github地址：https://github.com/no
阅读全文
摘要：终端输入： 反馈的大致内容： COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME java 716 a 313u IPv6 0x1111111111111 0t0 TCP *:cslistener (LISTEN) 终端输入强制杀死命令：
阅读全文
摘要：原文链接：https://blog.csdn.net/weixin_38984353/article/details/80847288 src实现数据绑定稍不留神就不成功。假定value.src是绑定的数据。 常见错误写法1： 错误之处在于： 1.属性值数据绑定应该用v-bind，应该写成v-bin
阅读全文
摘要：目前用mpvue很多第三方的ui库是引入不了的，因为它不支持含有dom操作。 那我们要做轮播图的话一个是手写另外一个就是用小程序的swiper组件了： 官方代码： mpvue微信代码： 注意我们改动的几个地方： 1.所有双括号是要去掉的，否则报错 2.wx:for要改成v-for（后面一定要有:in
阅读全文
摘要：fly.js是什么？ 一个支持所有JavaScript运行环境的基于Promise的、支持请求转发、强大的http请求库。可以让您在多个端上尽可能大限度的实现代码复用（官网解释） fly.js有什么特点： 定位与目标： Fly 的定位是成为 Javascript http请求的终极解决方案。也就是说
阅读全文
摘要：从vue到mpvue再到微信小程序，这么几天下来感觉被搞晕了。三者之间的很多功能存在差异，项目也快接近尾声了，坑也踩了很多了，现在给后来的你们一点总结性经验： 1. 在模板中，动态插入HTML的v-html指令不可用 这条很好理解，小程序的界面并不是基于浏览器的BOM/DOM的，所以不能动态的在界面
阅读全文
摘要：废话不多说，直接上方法： 首先 npm 安装 mpvue-wxparse 接下来：使用 当然：article 里面的值我们可以动态加载 扩展学习地址：https://github.com/htzhanglong/mpvue-wxParse
阅读全文
摘要：最近在学着写mpvue小程序，在做选择控件时候遇到了点问题，按照微信小程序方法picker，很不方便！ 在网上搜到一个很好用的组件下面给大家分享： 组件说明文档链接：https://go.ctolib.com/article/wiki/84754 我想说的是：按照说明文档并不能实现picker，后来
阅读全文
摘要：查阅资料，看官方文档，知道mpvue是一个使用 Vue.js 开发小程序的前端框架（美团的开源项目）。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。 mp
阅读全文
摘要：2018年8月25日今天星期六，这段时间接触到移动端布局框架AUI，借着早上一个小时时间大致看了一下开发文档（后面统称文档），对AUI一点认识。 目前2.0版本为最新版，这个版本和1.0比较升级很多。 文档中原文讲到 “在2.0中，全局使用rem控制尺寸，完美适应不同分辨率移动设备；” “html默
阅读全文
摘要：原地址链接：https://blog.csdn.net/august_leo/article/details/80877382 这是微信小程序input组件的官方文档描述，下图红框里的placeholder-style和placeholder-class就是微信小程序里用来给placeholder设
阅读全文
摘要：为了方便团队其他人员的阅读本人代码，减少团队交流成本，提高工作效率。代码规范很重要，公司这段时间尤其对这一块重视。 本人对这块的学习改正重点为如下： HTML 一，class和ID的命名问题： 1.应该以内容和功能命名，不要以表现形式命名。 2.字母为小写，多个字母时用中划线-分隔 3.ID为js
阅读全文
摘要：蚂蚁小程序--是我们常说的支付宝小程序，因为有之前的微信小程序经验，蚂蚁小程序很容易上手！ 小程序App也提供了四个事件，可以设置钩子方法。 。onLaunch: 小程序启动 。onShow: 小程序切换到前台 。onHide: 小程序切换到后台 。onError：小程序出错 前台、后台定义： 用户
阅读全文
摘要：当我们的项目需要多次使用同一个布局和样式的时候，我们就可以考虑使用template（模块）来减少冗余的代码。 使用方法： 1. 新建一个template文件夹存放通用模板； 2. 在文件夹汇里面新建一个wxml，wxss，进行模版和样式的定义； 3. 设置模版的name，以及里面我们需要定义的wxm
阅读全文
摘要：这段时间一直做微信小程序，过程中遇到了一个问题，这个问题一直没有得到完美的解决。 问题描述： 在Web编程中经常会引入template插件，这个插件是封装好，我们通常的做法是直接引入，配置简单，好用，一直都没出现什么大问题。但是这次在微信小程序上，问题就出现了。 因为手机屏幕普遍和PC比小很多，te
阅读全文
摘要：交互反馈就是在用户出发某事件之后，给用户一个反馈信息，这要是一个很友好的习惯。 在小程序中是通过一下几种方式实现的： 1.wx.showToast()方法 实现效果如图： 再次点击收藏按钮： 2.wx.showModal()方法 不同状态之下点击收藏按钮出现如下效果： 收藏以后点击按钮： 原网址：h
阅读全文
摘要：微信小程序大热，在小程序过程中，我们很多时候都会用到地图。不管是企业的地址，还是商家的配送都会用到地图； 我在刚写地图这一块时，在网上也参考了很多网友的方法，始终有Bug（类似于地图拖拽是画面抖动，无法点击跳转到导航页面等等） 下面的代码是后台动态添加坐标（经度纬度的方法） 我这里有这么一个方法，希
阅读全文
摘要：微信小程序是可以动态修改页面标题的。 首先我们来看看静态是怎么实现的 在对应页面的json文件里面加入下面代码就可以实现了 效果图如下： 其他动态的也是十分简单，毕竟是提供好了的接口，我们调用一下就行了。接口嘛，那就要操作对应的js文件咯。参考地址 点击的时候触发quwei这个函数就可以了。 好了，
阅读全文
摘要：一般来讲 && 运算和 | | 运算得到的结果都是 true 和 false ，但是 js 中的有点不太一样。当进行 a&&b 和 a| |b （如 1&&4 , 2| |3 ）这样的运算时，会出现不一样的结果。 JS中的 && 和 | | 运算规律如下： 1. a&&b 时，若 a 不成立，结果为
阅读全文
摘要：（1）使用inlucde的时，要注意将最后的终止符 / 添加上去，否则不能正常的导入界面内容 （2）引入文件注意的问题 若何header.wxml中内容如下，是不能正确引入的，因为注释中包含了三个‘-’ ， 改成两个就可以了。 作者之前试了半天才发现这个问题。
阅读全文
摘要：最近为了微信小程序，回忆起之前有接触过的弹性布局（display:Flex） 网上摘录的原文地址：https://www.cnblogs.com/xuyuntao/articles/6391728.html 因为一直是一个大概能用的状态，今天来系统的掌握一下这块，据说这是趋势，在移动端用的比较多一点
阅读全文
摘要：原文链接 https://blog.csdn.net/zgmu/article/details/72123329 首先我们了解到，小程序规定页面路径只能有五层，所以我们尽量避免多层级的页面跳转 页面跳转会涉及到多层级的跳转： 第一种：wx.navigateTo(OBJECT) navigateTo
阅读全文
摘要：这几天在看代码时遇到了一些问题：关于微信小程序的animation自定义动画自己没有系统的学习过 做动画需要我们将一个复杂的动作过程，拆解为一步一步的小节过程 微信中已经为我们写好了端口我们只需要实例化一个动画实例（实例代码如下） 先了解基础部分： 在看代码之前要先有个下面的基础了解 1）wx.cr
阅读全文
摘要：关于微信小程序的：wx.setStorage(OBJECT)在官网API介绍到：
阅读全文
摘要：最近公司做的项目，我主要负责小程序前端页面也API数据请求页面渲染工作，因为对微信小程序的不熟悉，在做的过程中不免做了很多弯路。现在总结如下：
阅读全文
摘要：原生JS如何实现Ajax的跨域请求？ 在解决这个问题之前，我们务必先清楚为什么我们要跨域请求，以及在什么情况下会跨域请求。 了解一下：“同源策略”，你就知道了； 同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的安全机制。 它的定义是： 一段脚
阅读全文
摘要：Mac下 Z 放大镜 双击放大镜 图片会回到100%大小 C 切片工具 B 画笔 alt 在B模式下 吸取颜色 M 选区（默认） 点击第二次M 矩形选区 可以固定大小 shift+command+alt+s 图片内存为 command+D 取消选区 P 钢笔工具 T 文字工具 command+T 变
阅读全文
摘要：一、原生js通过ajax获取json数据 因为IE浏览器对ajax对象的创建和其他浏览器不同，为了兼容全部浏览器，我用下面的代码： 创建完Ajax对象之后，下面就是发送Ajax请求。 注释： 1. open(method, url, async) 方法需要三个参数: method：发送请求所使用的方
阅读全文
