我们写小程序时都要跳转页面的,也会有底部导航来进行切换 这个时候就要介绍下窗口是怎样配置的 要在app.json文件里写一个tabBer对象 里面在定义一个list数组里面放我们定义的几个需要切换的页面 如下 最多list里面可以定义6个对象 在微信小程序里我们创建文件挺简单的 如下图 比如说就在上面图片的最下面直接写pages/文件名/文件名 然后保存就行了  这样文件夹就创建成功了 然后我再说下小程序的文件类型  小程序的文件类型分别有四种 第一种 :js文件 这个home.js里面写的是我

微信小程序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); }, 可以获取的数

前(che)言(dan): 近几天,微信小程序的内测引起了众多开发人员的热议,很多人都认为这将会成为一大热门,那么好吧,虽然我是一个小白,但这是个新玩意,花点时间稍稍钻研一下也是无妨的,谁让我没有女朋友呢,给我提供了大量的闲暇时光,对此我只想说:呵呵!.现在微信小程序刚发布还在测试阶段,可以说是1.0版本,所以框架和结构内容都还不多,这时候不学什么时候学?万一成为大牛了呢?万一有哪个妹子看上我了呢?想想还有点小激动呢... 正文: 1.什么是微信小程序? 简单的说很像 H5,它将 应用(功能与a

作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 张小龙全面阐述小程序,定档1月9日上线(附90分钟演讲全文) ... 前言:新人第一坑,跳坑指南:修改后,必须保存:ctrl+S: 一:推荐地址集合:(初入门者请先看这里) 1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=147643467

简单学习下微信小程序 官网 简易教程 · 小程序 https://mp.weixin.qq.com/debug/wxadoc/dev/ 需要通过开发者工具,来完成小程序创建和代码编辑. 下载安装,运行程序,点击添加项目,弹窗,可以选无AppId,选择程序路径,勾选quick start. app.json 配置文件 wxxml --相当于html wxss--相当于css 在pages文件夹新建文件夹 修改配置app.json 这样系统启动时会运行call文件项目 "pages":[

微信小程序组件使用手册地址: 1. 百度搜索"微信公众平台",扫码登录之后,点击帮助文档里面的普通小程序. 2. 接着选择"开发"-->"组件" 3. 左侧可以根据需要查询自己需要使用的控件 那么接下来就写一个简单的注册页面. 1. New Folder(reg) --> New Page(reg) 2. 修改reg.wxml文件 <!--miniprogram/pages/reg/reg.wxml--> <view

开发前准备 Step1:注册 微信小程序开放平台: https://mp.weixin.qq.com/cgi-bin/wx 开发者注册: https://mp.weixin.qq.com/wxopen/waregister?action=step1 小程序管理页面: https://mp.weixin.qq.com/wxopen/initprofile?action=home 完成小程序的基本信息:名称,图标,描述. 查看小程序的AppID,在开发的时候需要使用到这个ID. Step2:开发工具

第1章 前言:不同的时代,不同的Web --微信小程序商城构建全栈应用 http://note.youdao.com/noteshare?id=a0e9b058853dbccf886c1a890594b477&sub=256A6EAA1883405DACF761F65C44BD04 第2章 环境.工具与准备工作 http://note.youdao.com/noteshare?id=623d37653b42bbcd0459011d4ae95e39&sub=89E3DCE9FE4149E7B

两天撸了一遍小程序的文档,跟网页相似,个人感觉是简化版.但是因为开放了很多微信自带的接口又使得部分功能开发起来相对方便 思维导图如下: 目前我的理解大概是这么个逻辑,以后深入学习后可能会有更改 跟着大神的计算器demo敲了一回,总算大概了解一些基础的地方了,有几个bug 1page崩了,出现脚本错误或者未正确调用page(),刚开始以为是没注册页面,后来发现是函数域没控制好,少个} 2css基础还得补,原来知道的太少了,下回想试一下动画效果 3app.json很重要,注册页面后台配置 4data

这关于事件的学习,可以自己复制到微信开发者工具上自己运行试试. 首先这里有两个文件.js 和.wxml 文件 首先给出.js文件下代码 // pages/news/news.js Page({ /** * 页面的初始数据 */ data: { msg: "我是一个msg" }, //这是一个生命周期函数 页面加载就会触发 onLoad: function (options) { console.log('生命周期函数 页面加载就会触发'); //在生命周期函数里面调用方法 this.r

一些官方API 总结了一些官方API,便于之后有用时针对性查找(发现官方给了好多好用的API)官方API文档 基础 wx.canIUse:判断小程序的API,回调,参数,组件等是否在当前版本可用,返回值为boolean. 使用${API}.${method}.${param}.${options}或者${component}.${attribute}.${option}方式来调用 参数说明 ${API}代表API名字 ${method}代表调用方式,有效值为return,success, obj

一.各种JSON配置 1.小程序配置app.json 为小程序全局配置,包括所有页面路径.界面表现.网络超时时间.底部tab等,类比APP开发中manifest配置. 2.工具配置project.config.json 一些个性化配置,暂时没遇到需要用到的地方. 3.页面配置page.json 独立定义每个页面一些属性,如顶部颜色.是否允许下拉刷新.不过色调感觉还是统一定义比较好,适合多个页面情况,一般来说小程序主要是结合tab实现多页面. 二.WXML 1.标签名 类比HTML,不过标签名是v

[清华大学]学做小程序 https://www.bilibili.com/video/av21987398 2.2创建项目和文件结构 小程序包含一个描述整体程序的app和多个描述各自页面的page 配置app.json,至少含有pages(页面路径列表) 用于指定小程序由哪些页面组成,每一项都对应一个页面的 路径+文件名 信息.文件名不需要写文件后缀,框架会自动去寻找对于位置的 .json, .js, .wxml, .wxss 四个文件进行处理. 数组的第一项代表小程序的初始页面(首页).小程序

网页布局(layout)是CSS的一个重点应用. 布局的传统解决方案,基于盒状模型,依赖display属性 + position属性 + float属性.它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现. 2009年,W3C提出了一种新的方案----Flex布局,可以简便.完整.响应式地实现各种页面布局.目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能. Flex布局将成为未来布局的首选方案.本文介绍它的语法,下一篇文章给出常见布局的Flex写法. 以下内容主要

https://coding.imooc.com/learn/list/97.html 目录: 第6章 AOP与全局异常处理6-1 正确理解异常处理流程 13:236-2 固有的处理异常的思维模式与流程 14:236-3 理清思路,总结异常的分类_ 06:336-4 实现自定义全局异常处理 上 17:046-5 实现自定义全局异常处理 下 16:046-6 ThinkPHP5中的日志系统 14:346-7 在全局异常处理中加入日志记录 09:136-8 全局异常处理的应用 上 25:236-9

一.轮播图 wxml代码: <swiper indicator-dots="true" autoplay="true" duration="1000" bindchange="listenSwiper"> <block wx:for="{{movies}}"> <!--循环movies数组--> <swiper-item> <view>{{item

第6章 AOP与全局异常处理 https://coding.imooc.com/learn/list/97.html 目录: 第6章 AOP与全局异常处理6-1 正确理解异常处理流程 13:236-2 固有的处理异常的思维模式与流程 14:236-3 理清思路,总结异常的分类_ 06:336-4 实现自定义全局异常处理 上 17:046-5 实现自定义全局异常处理 下 16:046-6 ThinkPHP5中的日志系统 14:346-7 在全局异常处理中加入日志记录 09:136-8 全局异常处理

第7章 数据库访问与ORM https://coding.imooc.com/learn/list/97.html 目录: 7-1 数据库操作三种方式之原生SQL 19:09 7-2 从一个错误了解Exception的继承关系 13:23 7-3 TP5数据库中间层架构解析 23:06 7-4 查询构造器 一 13:28 7-5 查询构造器 二 13:20 7-6 查询构造器 三 11:12 7-7 开启SQL日志记录 16:07 7-8 ORM与模型 10:19 7-9 初识模型 17:47

1.大纲: 2.flex的布局: 3.相对定位和绝对定位: position: relative   相对定位 position: absolute  绝对定位

开发文档: https://developers.weixin.qq.com/miniprogram/dev/framework/

1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=14764346784612:简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=14764346775993:设计指南:https://mp.weixin.qq.com/debug/wxadoc/design/index.html4:设计资源下载:https://mp.weixin.qq.com/debug/wxadoc/design/#资源下载5