一:小程序端: wxml中代码: <!--index.wxml--> <view> <view> <button bindtap="onShow"> 调接口 </button> </view> </view> js中代码: //index.js //获取应用实例 const app = getApp() Page({ onShow:function(){ console.log('123456') le

封装好用的 类库 和 组件,复用且灵活度高 抽取相同的部分放在函数内部(组件内部) 抽取不同的部分放在形参(组件 props 传参,或者插槽) new Promise 运行时 初始化实例对象的状态为 pending 初始化 根据后续异步代码,修改状态为 成功状态 或者 失败状态,然后自动调用相应的回调 React - 没有 DOM 对象,一切基于组件化 - 动态构建用户界面的 js 库 模块化: 实现特定功能的代码集合 组件化: 实现某功能模块的所有资源集合 事件机制 事件冒泡: 捕获阶段 -

我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. 以下是一个包含了所有配置选项的简单配置app.json : { "pages": [ "pages/index/index", "pages/logs/index" ], "window": { "navigationBarTitleText": "Demo" }

微信小程序中如果 res.data数据是一个json格式数据.console.log("===data===" + res.data);//如果这样打印出了是只会打印一个对象名称,不会打印数据使用下面方法就可以实现了打印json格式数据出来了.console.log("===data===" + JSON.stringify(res.data));

小程序根目录下的 app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. JOSN文件不允许注释,下面为了学习加上注释,粘贴需要的片段去掉注释即可.小程序定义color建议使用16进制颜色 1. pages定义页面路径列表 "pages": [ "pages/news/news", "pages/index/index", "pages/movie/movie"

app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. widows: 用于设置小程序的状态栏.导航条.标题.窗口背景色. navigationBarBackgroundColor 导航条背景颜色可用 十六进制颜色代码 navigationBarTextStyle 导航条文字颜色只支持 black / white navigationBarTitleText 导航条文本内容 String navigationStyle 导航条样式

此代码示例,能够让你成功将图片上传至后端,后端做相应的处理,然后返回成功码. 前端小程序代码 index.wxml: <view class='content'> <view class='img-box'> <view class='img-list'> <block wx:for="{{detailPics}}" wx:key="index"> <view class='img-item'> <i

入门教程之列表渲染多层嵌套循环,目前官方的文档里,主要是一维数组列表渲染的案例,还是比较简单单一,给刚入门的童鞋还是无从入手的感觉. <view wx:for="{{items}}"> {{index}}: {{item.message}} </view> 还有一个九九乘法表把数据直接写到wxml里的,并不是动态二维数组的列表渲染 <view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for

https://developers.weixin.qq.com/miniprogram/dev/index.html  起步 https://developers.weixin.qq.com/miniprogram/dev/component/view.html  标签 https://developers.weixin.qq.com/miniprogram/dev/framework/config.html  配置   app.json文件里的配置 属性 描述 pages 页面路径列表(所有

找到app.json文件,找到window配置项 1.windows选项下导航栏样式 "navigationBarBackgroundColor":#F6F6F6 // 导航栏的背景颜色 "navigationBarTextStyle":"white" // 导航栏的标题颜色,只支持balck 或者 white "navigationBarTitleText":"导航栏标题内容" // 导航栏的标题 &qu

app.json文件用于配置项目:用于对小程序进行全局设置: pages:定义小程序的路由.(凡是不在这个配置里面的东西,都无法打开) (特别注意:结尾不能有 逗号 否则会出错) window:定义小程序的顶部菜单.(可以配置顶部菜单,此配置可以被 page.json 文件覆盖) tabBar:定义小程序的底部Tab. networkTimeout:定义小程序的超时. debug:定义小程序的debug模式. { "pages":[ "pages/scan/scan"

{ "pages": [ "pages/index/index", "pages/logs/logs", "pages/login/login" ], "window": { /** * 以下是页面顶部导航栏设置 **/ "navigationBarBackgroundColor": "#ffffff", // 导航栏背景颜色,默认值:#000000 "na

1. navigator navigator?第一参数&第二参数 .... 在传递页面的options可以拿到传递过来的参数 <navigator url='start-test/start-test?id={{item.id}}&titlename={{item.titlename}}....'></navigator> 2. data- {{}} 这一种方式必须要先通过setData到页面上才能获取到 或本身页面上就存在 获取的话即点击事件 let name=

app.js // app.js App({ onLaunch() { let token = wx.getStorageSync('token') if (!token) { wx.login({ success:ret=>{ let code = ret.code wx.request({ url: 'http://www.zy.com/api/wxlogin', method:"POST", data:{code}, success:res=>{ console.lo

(一)页面变量对象data 对象data 有两个方面用途 第一,前端wxml的数据渲染是通过设置此对象中定义的变量进行关联展现的 第二,定义JS页面中的页面局部变量,使其整个页面中可使用或调用 对象data定义的变量支持各种数据类型,string,int,[],{} 第一.wxml数据渲染,只要通过设置data值(this.setData({...}))即可 如: wxml页面:detail对象中包含有TaskBillCode与BillDate两个属性 js页面: 第二.页面变量 定义: 存储:

1,navigator 跳转时 wxml页面(参数多时可用“&”) <navigator url='../index/index?id=1&name=aaa'></navigator> 或者添加点击事件,js用navigateTo跳转传参,两种效果一样 wx.navigateTo({ url: '../index/index?id=1&name=aaa', }) js页面  在onLoad里直接获取 onLoad: function (options) {

page.json 文件用于配置当前目录.page.json文件里的配置可以修改 app.json 配置里面的 window:不能覆盖app.json文件里面的 tabBar / 网络超时/ debug配置: { "navigationBarTitleText": "渝光停车110" }

按照官方文档的说明,backgroundColor应该可以设置窗口的背景色. "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "red", "navigationBarTitleText": "WeChat", "navigationBarTextStyle&

看看是不是code用了两次,还有种可能,检查一下后台的appid

说明:这段时间跟老师学习了一下mongodb数据库,这次也是第一次搭建后台服务,出了不少差错,特此来复盘一下,非常感谢对我提供帮助的同学~ 一.使用 thinkjs + mongodb 创建后台服务 1.安装 thinkjs 安装thinkjs工具包 npm install -g think-cli 2.创建 thinkjs 项目 thinkjs new demo; cd demo; npm install; npm start; 3.让框架支持 mongo 模型 在demo项目的config文