一. 背景 项目引用了第三方UI框架Vant-weapp,但是前几天Vant的cdn被运营商封禁,导致van-icon无法使用. 有赞官方在Github上给出了在小程序app.wxss上添加以下代码的临时解决方案: 1 @font-face { 2 font-weight: normal; 3 font-family: 'vant-icon-temp'; 4 font-style: normal; 5 font-display: auto; 6 src: url('https://img.yzc

代码地址如下:http://www.demodashi.com/demo/14028.html 一.前期准备工作 软件环境:微信开发者工具 官方下载地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 1.基本需求. 实现用户自定义弹框 带动画(动画可做参靠,个人要是觉得不好看可以自定义动画) 获取弹出框的内容,自定义事件获取 2.案例目录结构 二.程序实现具体步骤 1.选项卡xxx.wxml代码 a.tab1代码

2016年9月21日,微信小程序正式开启内测.在微信生态下,触手可及.用完即走的微信小程序引起广泛关注,刷爆朋友圈子.在这样的火爆氛围中,作为一个前端开发者的我,也悄悄地去尝鲜.在做demo小示例的过程中,我发现了一个极为让人为难的事儿:**如何让 less/sass 文件转成小程序的 wxss 文件**.</font>对于基本不使用原生css,而习惯编写less的我,这个事儿让我的样式编写相当的吃力.在尝试配置koala (一个可以编译less/sass的工具)以及搜索各种资料后,终于找到了

想在微信小程序的wxml文件里自如的像vue那样调用自定义的方法,发现并不成功,得利用WXS脚本语言. WXS脚本语言是 WeiXin Script 脚本语言的简称,是JavaScript.JSON.WXML.WXSS之后又一大小程序内部文件类型.截至到目前小程序已经提供了5种文件类型. WXS的使用,有两种方式. 一种是直接在WXML中编写. <!--wxml--> <wxs module="foo"> var some_msg = "hello w

废话不多说,之前写小程序碰到了一个问题,如何在 wxml 页面中截取数据? 1.wxs   取数据想必大家都会,不就是 substring 吗?但是这种方法在 wxml 页面中是无效的. 那还有 css 啊,不一样可以做到吗?但是个人觉得 css 复用性太差,暂不考虑. 实在不行就用 js 呗,在获取到数据后就对数据进行截取. 这样好像可以,但数据一多稍微有点复杂,而且一般获取的数据可能会在多个页面进行展示,而如果想在不同的页面中显示不同长度的数据,这似乎又是个新问题. 这时你就需要用到 wxs

txt文件放在网站根目录后浏览器无法打开,同一目录的其他txt文件却可以打开.我试过了修改文件权限.修改所有者.修改文件编码等各种办法都没有用. 最后找到了.htaccess文件,原来在这个文件里修改里txt文件都访问路径: #url重写,小程序配置业务域名验证 RewriteCond %{REQUEST_URI} !^/(MP_verify_.*)$ RewriteRule ^(\w+)\.txt$ /mini_program/applets/api.php/commonconf/Index?

<view class='remark'> <view class='title'> 备注说明 </view> <textarea class='mark_textarea' placeholder='请说明人员调用具体原因' bindinput="input_remark" value='' /> </view> <cover-view class='fix_bottom bar bottomfix shadow ju

项目中因为需求,底部的tab导航栏是自己写的,在开发者工具中一切正常:但是在真机上页面滑动时,echarts的层级比tab高,调过两者的z-index后仍然如此. 经过查找后发现cover-view和cover-image替换tab的view后,可以解决以上的问题. <!--底部公共tabBar--> <cover-view class="tabbar-con"> <cover-view class="{{villageIs?'nav-btn-h

uni.downloadFile({ url: item.url, success: (res) => { if (res.statusCode === 200) { uni.openDocument({ filePath: res.tempFilePath, // 如果文件名包含中文,建议使用escape(res.tempFilePath)转码,防止ios和安卓客户端导致的差异 success: function(res) { console.log('打开文档成功'); } }); } }

1.微信小程序免费SSL证书Https 申请(阿里云申请) 进入阿里云控制台后,选择CA证书服务 选择购买证书 但是阿里云的免费SSL证书藏得比较深,得这样操作才能显示出免费证书 点击Symantec->点击增强型OV SSL->点击免费型DV SSL->支付即可 步骤1: 步骤2: 步骤3: 步骤4: 步骤5: 进入证书控制台 补全证书信息,由于是免费证书,因此只能填写一个域名,而且无法使用通配符 步骤1:填写域名 步骤2:补全信息 2.小程序要求的 TLS 版本必须大于等于1.2 问

这次我不站张小龙,虽然他说的「用完即走」的道理在,但我并不认为小程序会形成生态. (一) 仅仅从抽象场景上来讲,小程序当然很美好. 对开发者来说,不用费尽心思开发好多平台的 APP 了,不用考虑适配各种奇形怪状的机型了.更重要的是,不用每次发版都提心吊胆唯恐出事,或者有紧急需求要上线却只能日盼夜盼盼苹果爸爸早点把审核通过. 对用户来说,不需要安装 APP,想打车了直接搜出滴滴的小程序来用,想订外卖了直接搜美团的小程序来用.冷僻的.可能只会用一次的应用,不用那么麻烦去下载,也是打开网页就解决一切,

[小程序] 终于可以愉快的使用 async/await 啦 这篇文章主要是想说一下 怎么在微信小程序中使用async/await从而逃离回调地狱 背景 最近一直在搞微信小程序 用的语言是TypeScript 小程序的api都是回调形式 用起来就是各种回调嵌套 我个人很不喜欢 所以一直想用async/await 之前用TypeScript target到ES2015 可以用async/await 但是在iphone上表现不好 后来微信开发者工具的更新日志中又提到 移除了promise 开发者需要自

silk v3录音转olami语音识别和语义处理的api服务(ubuntu16.04服务器上实现) ## 重要的写在前面 重要事项一: 目前本文中提到的API已支持微信小程序录音文件格式:silk v3.webm/base64. 注:微信小程序开发工具上的录音虽然后辍名也是silk,但不是真正的silk v3格式的(打开xx.silk看头部是"data:audio/webm;base64,"开头的),为了便于调试,这类格式我今天加急给支持上了,所以:微信小程序开发工具也可以调用我的AP

silk v3(或新录音接口mp3)录音转olami语音识别和语义处理的api服务(ubuntu16.04服务器上实现) 重要的写在前面 重要事项一: 所有相关更新,我优先更新到我个人博客中,其它地方的文章属于本人或他人转发,不一定及时同步.原文链接是: http://www.happycxz.com/m/?p=32 重要事项二: 目前本文中提到的API已支持微信小程序录音文件格式:silk v3.mp3. 注:微信小程序开发工具上的录音不论是新接口还是老接口,都是webm/base64格式,虽

了解Taro 听说Taro是从几个星期前开始的,在一次饭桌上,一个小伙伴说:"Hey, 你听说了Taro么,听说只需要写一套程序就可以生成H5,小程序以及RN的代码模板,并且类似于React的语法.""哦?还有这么好的事,赶紧研究一下." Taro初体验 去官网,Github了解了一下,Taro是由京东·凹凸实验室团队开发的,在掘金上看到他们的发稿,大致归(tu)纳(cao)如下: 代码组织与语法:微信小程序需要在js/wxss/wxml/json文件中来回切换 命

Taro开发微信小程序 https://www.cnblogs.com/rynxiao/p/9230237.html 了解Taro 听说Taro是从几个星期前开始的,在一次饭桌上,一个小伙伴说:"Hey, 你听说了Taro么,听说只需要写一套程序就可以生成H5,小程序以及RN的代码模板,并且类似于React的语法.""哦?还有这么好的事,赶紧研究一下." Taro初体验 去官网,Github了解了一下,Taro是由京东·凹凸实验室团队开发的,在掘金上看到他们的发稿,

  我们公司用两周的时间开发了一款微信小程序,叫<如e支付>,大家可以去体验一下.由于接口都是写好的,所以开发起来很快.我将从4个不同的角度来介绍我对微信小程序的理解. 1.技术的角度   大家都说开发一个小程序简单,因为一套代码安卓iOS都可以用.我想说的是大部分确实是如此,因为不就是网页嘛?但是有些个还是需要适配的,例如input控件,当type=number,设置maxlength属性,iOS有效,安卓就无效了,我的解决方案就是写js单独适配安卓.但是后台你一样需要开发,我们用了两周时间

今天一大早调试小程序,结果出现这个...微信小程序也是醉了,这么大的改动,也没有通过开发者服务号通知一声 人在屋檐下不得不低头(改呗,那么如何以最小的代价更新呢,下面给我的解决方案) 原来我们在首次进入小程序时,会通过getUserInfo调起用户授权的弹窗,但是根据微信小程序,最新更新解释,开发工具,体验版本将不再支持这个授权方式 而是通过button组件让用户自主去点击已完成授权目的(这个对开发者来说真的是很蛋疼) 那我们怎么以最小的代价,来完成授权逻辑的升级呢? 这里根据官方文档给出我的解

代码地址如下:http://www.demodashi.com/demo/15043.html #### 微信小程序+微信管理后台+微信用户前台 #### 产品介绍 基础功能开发:景区微信地图导游.天气及景点相关资讯微信提醒.项目适玩人群识别与推荐.会员功能.景区美食预订功能.停车付费功能.票价信息查询设置.免费WiFi连接设置. 微信小程序:开发一款用于门票销售的小程序,让用户无需关注,直接一键购票,提供快捷.便利的线上购票服务. #### 项目结构 hqc_mini_app 微信小程序相关文

这个微信号入门, 应该能自己模仿做一个微信公众号了 另外 微信小程序开发 和 微信公众号h5嵌入 还是有区别的 h5嵌入在体验上和 微信小程序 差距还是比较大, 因为小程序直接调用了微信的原生组件, 相当于 ReactNative 微信小程序它提供了丰富的框架组件和API接口供开发者调用,具体包含:界面.视图.内容.按钮.导航.多媒体.位置.数据.网络.重力感应等. 在这些组件和接口的帮助下,运行在微信上的小程序基本保持和Native APP一样的流畅度,极大的提高了用户的体验. 哪些企业适合开