关键词：
参考技术A与iOS开发很相似，小程序的导航栏也可以全局设置一下，在公共文件app.json中设置了导航栏相关样式如下：
这个地方是全局设置，如果想要在不同的页面设置各自的标题属性，只需要在该子级文件中设置
子页面想调用共公js的方法，需先在子页面js中先实例化app:具体过程如下
在需要调用的子页面中，
如果是嵌套循环，很容易出现多个list和index，例如表视图一样，所以在小程序中可以重命名 list 和index 方法为：wx:for-index=\'重命名\' wx:for-list="重命名"
在APP开发中，UI复用是一个很好的手段，在小程序上就是模板template。
在逛小程序联盟的时候发现了一个大湿总结的比我好，搬过来一下。
微信小程序中，如果几个页面中需要引用同一个header/footer，当定义了公共模板时，有两种引用方法如下：
方法一：在公共模板中定义template元素，利用 方法 ,这种方式只会显示公共模板的template里面的内容，之外的内容不会显示
** 方法二:**
总结：import方式和imclude方式的不同在于前者仅引用公共模板中的template里面的内容后者仅引用template以外的内容，显而易见，include方式更简单一些，在wxml中只需要一句话即可。
rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px。
具体的 这里有一片文章介绍的很详细 ， 还有这个
小程序的事件主要有：
小程序中的wxml中绑定事件有两种：以touchtab为例 ，在wxml中必须有bind/catch不然无法实现上述事件
bindtouchtab和catchtouchtab bind的不会阻止事件冒泡（元素最里层到最外层函数执行），catch会阻止冒泡，只是冒泡到当前层结束
如果想在元素执行某事件时把元素的某个属性传到后台 可在元素中加入data-属性名称=“xxx”,在事件函数中 function(event)的event中的currentTarget里面的data-set里面可查看接收在元素中绑定的的id或者其他属性clientX/Y 查看滑动手指距离屏幕左侧的位置，查看滑动位置也可以通过touchstart和和touchend的clientx/y获取
看到几个别人写的，瞬间石化，果断收藏。
在小程序中，定义了一项工具文件utils,此文件的js旨在本文件之内有效，当其他子页面想调用其中的js方法或者变量时，需要两步骤：
1：在utils被调用的js文件中，面向对象的方式模型输出： module.exports=要调用的函数名称：要调用的函数名称 ；
2：在要调用的js文件中模块化引入utils的js文件 var object=require("utils被调用的js文件地址")； 可以输出一下object就能看到被调用的方法了；
例子如下：
要调用的js文件：
小程序的后台获取数据方式get/post具体函数格式如下：wx.request()
如果屏幕中某元素的内容超过此元素的高度，可设置元素为scroll-view 为滚动状态元素，这样可以做到元素固定高度且元素内容滚动屏幕不滚动的效果；
scroll-view标签的主要属性分为以下几种：
微信小程序广告轮播元素 图片所在元素/swiper-item>
其中属性有：
图片更改事件：bindchange=\'imgchange\' imagechange()的e.detail.current为当前显示页面的下标值
微信小程序需要啥知识
...常用的Web开发所需要的、以及会制作手机网页。如何选择微信小程序开发公司？开发公司分为两种，一种是平台式模板公司，一种是定制开发公司1、定制开发公司，这种公司收费较高，一般一万起；但是优势也很明显，功能可... 查看详情
微信小程序开发需要学啥知识
参考技术A1.零基础学习微信小程序开发,之前需要学习哪些知识,谢谢非计算机基础不建议学习，因为等你学会了，两年时间也过去了。1、微信官方为小程序提供了大量的接口api，开发小程序需要有基本的Javascript,HTML,CSS的基础。2... 查看详情
微信小程序开发（笔记）(代码片段)
微信小程序开发笔记一、微信小程序的结构1、初识小程序2、快捷键二、常用组件1.input组件2.button组件三、小程序中的函数1.函数的两种定义方法1.函数在本页面的调用2.带参函数2.js中的默认函数四、点击事件五、获取用户输入六... 查看详情
微信小程序开发系列——4.小程序视图页面基础知识
...，我们接下来准备小程序前端页面的基础知识。由于微信前后端是分离的，我们开发时一般可以使用分块开发的模式，即前端和后端代码分离，使用JavaScript编写数据绑定和相关通信代码。由于微信整个框架只有两... 查看详情
微信小程序开发基础「配置」与「逻辑层」(代码片段)
微信小程序作为微信生态重要的一环，在实际生活、工作、商业中的应用越来越广泛。想学习微信小程序开发的朋友也越来越多，本文将在小程序框架的基础上就微信小程序项目开发所必需的基础知识及语法特点进行了详细总结... 查看详情
微信小程序开发,uni-app开发简介
微信小程序开发相关知识点1.如何创建小程序微信开发者工具，appid,微信公众平台，创建小程序2.小程序项目基本组成结构app.js小程序入口文件;app.json小程序配置文件；app.wxss全局样式文件；pages小程序页面3.小程序页面构成部分.w... 查看详情
使用微信小程序开发应用1
最近在自学微信小程序的开发，在学习过程中记录一些细节官方：开发者文档：https://developers.weixin.qq.com/miniprogram/dev/index.html 微信小程序开发规范文档：https://shimo.im/docs/eJWg56ioSvU0dnYO/read 1.项目开始前先记录三个常用命令:... 查看详情
分享《微信小程序开发图解案例教程》pdf及代码+《微信小程序开发入门及案例详解》pdf及代码
...xQzq9I9g0g更多分享：https://pan.baidu.com/s/1g4hv05UZ_w92uh9NNNkCaA《微信小程序开发图解案例教程》PDF及代码+《微信小程序开发入门及案例详解》PDF及代码《微信小程序开发图解案例教程》PDF，356页，带书签目录；配套源代码。采用图、... 查看详情
微信小程序开发知识点总结(代码片段)
微信小程序开发知识点总结微信小程序的目录结构1.外联公共样式的方法根据微信的官方文档，是支持@import的方式一如外联的公共样式的使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相... 查看详情
微信小程序开发———音乐播放器(代码片段)
目录一小程序主体功能介绍二常用组件和API介绍音频API常用组件三整体布局数据定义主体页面运行效果四播放器页面布局部分样式部分运行效果五播放列表页面布局部分样式部分运行效果全部功能实现代码index.js一小程序主体功... 查看详情
微信小程序|小程序开发
🖥️微信小程序专栏：小程序开发初级知识🧑💼个人简介：一个不甘平庸的平凡人🍬✨个人主页：CoderHing的个人主页🍀格言:☀️路漫漫其修远兮,吾将上下而求索☀️👉你的一键三连是我... 查看详情
微信小程序开发前端基础知识(代码片段)
...环境准备1.1、注册账号1.2、获取APPID1.3、开发工具2、创建微信小程序三、组件1、目录及其作用介绍2、页面操作3、view块级元素4、`<navigator>`导航跳转5、`scroll-view`滚动6、text行标签7、swiper轮播8、常用表单组件8.1... 查看详情
一小时精通微信小程序开发(代码片段)
...手动触发刚接触小程序的时候，我用一周的时间阅读微信官方文档，而后面的同事只需要1小时就 查看详情
微信小程序开发技巧总结(持续更新...)(代码片段)
小程序开发技巧总结结合自己在平时的开发中遇到的各种问题，和浏览各种问题的解决方案总结出一些自己在日常开发中常用的技巧和知点,希望各位不吝斧正。数据的生命周期1.短生命周期数据存储以小程序启动到彻底关闭为周... 查看详情
小程序开发常用几个api生命周期钩子和注意事项(代码片段)
<!--pages/testwxApi.wxml--><view><view>测试微信api</view><!--如果只是展示用户头像昵称，可以使用<open-data/>组件--><!--头像组件拿到的是用户微信头像--><open-datatype="userAvatarUrl"></open 查看详情
微信小程序开发目录
1.入门 查看详情
微信小程序开发—canvas绘制图形(代码片段)
一.小知识(1).API接口(2).context对象的方法列表二.步骤wxml中： <canvascanvas-id="myCanvas"class="myCanvas"></canvas> 在js文件onLoad:function()的方法中开始编写代码1.创建一个Canvas绘图上下文CanvasC 查看详情
微信小程序开发入门介绍-布局组件(代码片段)
在小程序开发中比较重要的就是布局了。所谓的布局是依据美工提供的设计稿，按照工具提供的各类组件进行实现。小程序中我们常用的布局组件是view。通过布局组件就可以实现我们想要的效果。布局组件的添加我们还是使... 查看详情