小程序内嵌Html 1.下载wxParse:https://github.com/icindy/wxParse 2.下载完成后将插件目录下的wxParse文件夹拷贝到项目目录下 (文件夹明细) 3.全局配置文件app.wxss中导入wxParse的样式表 @import "/wxParse/wxParse.wxss"; (以上只是仅在app.wxss引入配置,其他页面布局未动) 4.下面是在我们自己需要写的页面操作 在需要加载html代码的页面js文件中引用wxParse.js文件并通

开篇语 寒假发了一篇练手文章,不出意外地火了: <简年15: 微信小程序(有始有终,全部代码)开发---跑步App+音乐播放器 > 后来又发了BUG修复的版本,出乎意料的火了: 简年18: 微信小程序(有始有终,全部代码)开发---跑步App+音乐播放器 Bug修复 后来又新增了一个模块,嗯,这个也火了: 微信小程序(有始有终,全部代码)开发--- 新增模块: 图片选取以及拍照功能 现在开学了,我又写了点东西: 微信小程序(有始有终,全部代码)开发--- 新增[录音]以及UI改进 正文 一.U

开篇语 前几天发了一篇: <简年15: 微信小程序(有始有终,全部代码)开发---跑步App+音乐播放器 > 后来又发了BUG修复的版本: 简年18: 微信小程序(有始有终,全部代码)开发---跑步App+音乐播放器 Bug修复 本来以为这篇文章要沉底了.结果,一不小心貌似又出事了: 经过两天的同学聚会,我今天下午五点多到家,然后马不停蹄的开始进行了新模块的测试.这次有点不知道干嘛,但是突然想到要不要调用一下手机的硬件模块?最经典的自然就是照片了吗.微信的那个拍照功能看的我还很眼馋的!所以回来

开篇语 昨晚发了一篇: <简年15: 微信小程序(有始有终,全部代码)开发---跑步App+音乐播放器 > 然后上午起来吃完午饭之后,我就准备继续开工的,但是突然的,想要看B站.然后在一股神奇力量的推动下,我找到了它: <克苏鲁的呼唤 2005 580P中字 经典名篇完美还原> 然后促成了吃完午饭之后,沉迷其中不可自拔.下午写到四点半,才最终完成了我的近四千字的心血之作: 简年16: 初涉<克苏鲁的呼唤>--克苏鲁神话体系入门 可惜明珠暗投: 心灰意冷之下,百无聊赖的打

如果是微信小程序开发,请参考微信小程序室内地图导航开发-微信小程序JS加载esmap地图文章 一.在支付宝小程序里显示室内三维地图 需要满足的两个条件 调用ESMap室内地图需要用到小程序web-view组件,想要通过 web-view 调用ESMap室内地图需要满足以下 2 个条件: 1. 小程序是企业主体,支付宝 web-view 组件不对个人类型的小程序开放. 2. 您需要有一个自己的域名,在嵌入网页的时候需要在支付宝后台验证域名(只有自己域名下的网页才能被正确地显示哦,不能随便找一个公开

微信小程序js学习心得体会 页面控制的bindtap和catchtap 用法,区别 <button id='123' data-userDate='100' bindtap='tabMessage'>刷新</button> tabMessage: function(e){ console.log(e.target.id); console.log(e.target.dataset); console.log(e.target.dataset.userdate); }, 可以获取的数

微信小程序这个坑啊,js动态修改样式,我们并不能用js或者jq 轻轻松松一行代码搞定.或者用removeClass addClass 来修改样式. 以下是一种动态修改样式的方法,原理是绑定数据,然后动态的修改数据,从而实现动态样式的改变而已.感觉有点········那个啥的,怪怪的.不过也没办法了.如果你有更好的方法,可以在评论区分享一下. test.wxml <view style="text-align: center;"> <label style="

工作中公司业务需要的微信小程序用户签字功能 先看效果图: wxml: <view class="wrapper"> <view class="handBtn"> <image catchtap="selectColorEvent" src="{{ selectColor === 'black' ? '../../images/color_black_selected.png' : '../../images

1.小程序不提供获取dom的操作,而是让我们直接将事件绑定写入到组件内.区别在于bind不阻止冒泡,而catch阻止冒泡. <view id="tapTest" bindtap="tapName"> Click me! </view> 2.currentTarget和target两个属性,前者是绑定事件的组件,后者是触发事件的组件源. <view id="tap1" data-hi="绑定组件"

不是标题党,我们公司的项目确确实实是省下了100kb的主包空间,而且还是在没有牺牲任何的性能和业务的前提下实现的. 但是100kb是根据项目大小,所以你用这个插件可能省下超过100kb或者更少. 直接上代码看效果 一个名为fixMiniCssPlugin的插件,在vue.config.js使用它 class fixMiniCssPlugin { constructor() {} apply(compiler) { compiler.hooks.thisCompilation.tap('remo'

一.在微信小程序里显示室内三维地图 需要满足的两个条件 调用ESMap室内地图需要用到小程序web-view组件,想要通过 web-view 调用ESMap室内地图需要满足以下 2 个条件: 1. 小程序是企业主体,微信 web-view 组件不对个人类型的小程序开放. 2. 您需要有一个自己的域名,在嵌入网页的时候需要在微信后台验证域名(只有自己域名下的网页才能被正确地显示哦,不能随便找一个公开链接). 二.具体实现步骤 1.域名验证: 由于微信平台的规定,web-view 指向的地址,必须是

最近在做一个小程序的考试系统,从后台调出的数据是这个样子的 那么我遇到这个问题的时候想到的微信小程序的富文本即(wxParse),使用过wxParse的都知道,富文本必须得具体到单个的数据上才能使用,假如我们输出过多的数据怎么办?不可能一个一个的点过去是把,我们的工作量是不是太大了呢? 我们在PHP后台进行过滤数据的时候要用到三个函数trim().addslashes()和htmlspecialchars(). trim() 用于删除获取到的数据两端的空白字符和其他预定义字符 addslashe

小程序又开发新能力了:1 更多硬件连接功能等着你.在商场等场所,用户以往要用微信连Wi-Fi,要扫二维码并关注公众号,点击菜单里的“连Wi-Fi”才能使用上网络.连个Wi-Fi何必让用户经过两道坎? ①小程序内支持搜索周边的 Wi-Fi,用户在知道密码后可以连接到指定的 Wi-Fi,获得更快的上网体验.如:“WiFi一键连”. ②微信连 Wi-Fi联网完成页或商家主页,也支持打开小程序,这样用户轻松获取相关资讯或服务.详见<Wi-Fi 文档> <连 Wi-Fi 小程序文档> 小程序

最后更新时间: 2018.7.18 :更新了所有package.json插件版本以及修复极个别问题. 2018.8.12 : 增加提示,所有标签必须闭合(不然打包会报错) 2018.10.13:需要用yarn安装所有文件,例如:npm install 应改为 yarn install 使用方式: 1. npm install -> yarn install 2. 创建src目录 3. 把小程序代码放入到src目录中 流程: yarn install => 创建src => 丢入小程序源码

js中获取时间new date()的用法   获取时间: 1 var myDate = new Date();//获取系统当前时间 获取特定格式的时间: 1 myDate.getYear(); //获取当前年份(2位) 2 myDate.getFullYear(); //获取完整的年份(4位,1970-????) 3 myDate.getMonth(); //获取当前月份(0-11,0代表1月) 4 myDate.getDate(); //获取当前日(1-31) 5 myDate.getDay(

}) 页面 Page() 函数用来注册一个页面.接受一个 object 参数,其指定页面的初始数据.生命周期函数.事件处理函数等. data 页面的初始数据,data 将会以 JSON 的形式由逻辑层传至渲染层,所以其数据必须是可以转成 JSON 的格式:字符串,数字,布尔值,对象,数组. onLoad 生命周期函数--监听页面加载,只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数 onReady 生命周期函数--监听页面初次渲染完成 onShow 生命周期函数-

可以将一些公共的代码抽离成为一个单独的 js 文件,作为一个模块.模块只有通过 module.exports 或者 exports 才能对外暴露接口. 1. common.js // common.js function sayHello(name) { console.log(`Hello ${name} !`) } function sayGoodbye(name) { console.log(`Goodbye ${name} !`) } /** * 对外接口设置. * 可以使用 modul

API 集合在一起写了一个页面,并导出, const apiURL = 'http://xxx.xxxx.com'; const trip = { hot(data,callback){ wx.request({ url: `${apiURL}/v2/index/`, method: 'GET', data, header:{ Accept: 'application/json', 'Content-Type': 'application/json' }, success(res) { call

市场上各种各样的图片处理器有很多,那么作为程序员的我们是不是应该自己做一个呢?那就从加水印开始吧 html: <canvas id="shuiyinTest"> </canvas> <div> <input id="shuiyinText" value="" type="text"/> <button id="shuiyinBtn" class=&quo

花了6小时,弄出来的代码.网上的是PHP代码 public static string DecodeUserInfo(string raw, string signature,string encryptedData, string iv) { byte[] iv2 = Convert.FromBase64String(iv); if (string.IsNullOrEmpty(encryptedData)) return ""; Byte[] toEncryptArray = Con

Git 版本管理为了方便开发者更简单快捷地进行代码版本管理,简化一些常用的 Git 操作,以及降低代码版本管理使用的学习成本,开发者工具集成了 Git 版本管理面板.A: 增加的文件.C: 文件的一个新拷贝.D: 删除的一个文件.M: 文件的内容或者mode被修改了.R: 文件名被修改了.T: 文件的类型被修改了.U: 文件没有被合并(你需要完成合并才能进行提交)X: 未知状态.(很可能是遇到git的bug了,你可以向git提交bug report) M表示修改了这个文件U 文件未追踪(Untr