[其它] 小程序和web画三角形实现解析

说明：如图： 三角形，在很多时候，需要用到，例如tib提示信息，很多都是需要三角形来做辅助效果，在css样式中，代码如下： .Trianglebox{ width: 0px; height: 0px; border-style: solid; border-color: transparent blueviolet transparent transparent; border-width: 100px; } 页面代码： 主要是理解border的属性， border
<weixin_38606811> 上传 | 大小：28kb

[其它] 详解解决小程序中webview页面多层history返回问题

说明：小程序开发中遇到的问题：小程序中嵌套了一个webview页面，webview页面中有静默授权（A1页面静默授权后重定向到A2页面），点小程序原生的返回按钮会返回到A1页面，然后页面就会反复静默授权 预期表现：点小程序原生的返回按钮后返回到小程序上个页面 解决方案：通过history.pushState添加历史记录名目，history.onpopstate监听历史记录条目发生变化时，调用小程序APIwx.navigateBack window.addEventListener('popstate
<weixin_38698433> 上传 | 大小：36kb

[其它] 微信小程序实现点击空白隐藏的方法示例

说明：怎样实现jq中的slideUp或者slideDown这种动画效果呢，我的思路是用css3的transform: translateY（）属性，给需要动画的元素添加上一个动画class。 先上效果图： 1.蒙层的结构： //mengShow是蒙层是否显示的标志，然后蒙层绑定outbtn的点击事件 <view class='in-list {{aniStyle?slideup:slidedown}}' catchtap=
<weixin_38681719> 上传 | 大小：65kb

[其它] 微信小程序云函数使用mysql数据库过程详解

说明：前言 小程序云开发的功能是越来越强大了，现在小程序云开发可以直接借助云函数来链接mysql数据，操作mysql数据库了，今天就来给大家讲一讲如何使用小程序云开发的云函数来操作mysql数据库。 首先要明确一点，就是小程序云开发的云函数是基于node.js的，所以我们使用node.js的mysql2模块可以直接来链接并操作mysql数据库，所以我们现在要做的就是怎么样在云函数里使用mysql2模块，并且借助这个模块类库来实现mysql数据库的链接。 老规矩，先看效果图 我们这里要做的就是在云函
<weixin_38644141> 上传 | 大小：1mb

[其它] 微信小程序3种位置API的使用方法详解

说明：获取位置 获取当前的地理位置、速度。当用户离开小程序后，此接口无法调用；当用户点击“显示在聊天顶部”时，此接口可继续调用。 wx.getLocation(object) 获取位置 纬度:{{latitude}} 经度:{{longitude}} 速度:{{speed}} 位置的精确
<weixin_38748210> 上传 | 大小：329kb

[其它] 微信小程序—setTimeOut定时器的问题及解决

说明：背景 实验室需要将项目的app搬到微信的小程序上，终于知道为什么程序员是手艺人了，只要有需求，就要想方设法去填充这种需求，去年是小程序的元年了可以说，去年冬天一个叫跳一跳的小程序游戏出现在我的微信中，当时就觉得腾讯是真的牛皮。一时间很多的软件小程序版相继出现，各大微信公众号也开始关联小程序。小程序相比于app，有着独特的优势，其中最大的就是没有ios和android平台之分，但是同时也有局限，你给我开发个小程序王者荣耀试试。 定时任务 微信小程序API中有两种定时任务 setInterv
<weixin_38740397> 上传 | 大小：64kb

[其它] 微信小程序如何引用外部js，外部样式，公共页面模板

说明：小程序引用外部js //封装的函数 function GetUserInfo2018() { console.log(获取用户信息8888) } function count(str) { console.log(str) } //转化成小程序模板语言 这一步非常重要 不然无法正确调用 module.exports = { GetUserInfo2018: GetUserInfo2018, count: count }; /*其它页面调用 var common = require(
<weixin_38692162> 上传 | 大小：45kb

[其它] 微信小程序如何调用json数据接口并解析

说明：开始写js，用request请求接口url，当请求成功的时候，在控制台打印一下返回的res.data数据，在控制台可以看到打印了接口数据了，在请求接口成功之后，用setData接收数据，并且需在data中声明一个接收数据的变量。 Page({ data: { list: [] }, onLoad: function (options) { wx.request({ url: 'https://c.y.qq.com/v8/fcg-bin/fcg_v8_toplist_cp.f
<weixin_38651273> 上传 | 大小：247kb

[其它] 小程序如何使用分包加载的实现方法

说明：“离线包”机制 微信小程序采用的是类似离线包加载方案，以转转小程序为例，当用户第一次打开时会先下载好所有代码，然后再加载页面；当用户再次进入转转小程序时，会直接使用已下载的代码，省去了代码下载的过程，打开速度更快。 看似很美好的设计，但有两个问题： 第一次打开转转小程序时白屏时间很长，因为要下载接近2.5M的代码量，也就是说你的代码越多，白屏时间越长，而转转APP采用的网页离线机制体验更佳：在用户打开APP时就下载/更新离线包，这样在用户进入对应的网页时，代码已经下载好了，没有漫长的白屏过程
<weixin_38537684> 上传 | 大小：91kb

[其它] 微信小程序 配置顶部导航条标题颜色的实现方法

说明：微信小程序 配置顶部导航条标题颜色的实现方法 关于小程序导航顶部配置都写在.json文件中。 { window:{ navigationBarBackgroundColor: #ffffff, navigationBarTextStyle: black, navigationBarTitleText: 微信接口功能演示, backgroundColor: #eeeeee, backgroundTextStyle: light } } navigationBarBackgr
<weixin_38599545> 上传 | 大小：93kb

[其它] 微信小程序之前台循环数据绑定

说明：微信小程序之前台循环数据绑定 微信小程序的循环数据绑定到wxml例： wxml里： {{item.message}} 通过上面的wx.for可以绑定一个数组，数组是json类型的；默认的索引序号是item，所以用{{item.message}} 显示数据js里： data: { array: [ { message: foot, txt: 123 }, { message: bar }] }, 如上的json数组是可以通过wxml里的方法
<weixin_38619967> 上传 | 大小：22kb

[其它] 微信小程序表单验证错误提示效果

说明：微信小程序表单验证，点击确认发布不能为空错误提示，具体内容如下 以下是效果图： 代码如下： WXML: {{popErrorMsg}} <textarea class=ad_popArea bindinput=commentTxtFn focus={{isPopOpen}} placeholder=请输入留言内容 placeholder-styl
<weixin_38502292> 上传 | 大小：29kb