微信小程序开发技巧（持续更新ing）

　　框架部分

　　所有页面都需要在 app.json 文件中注册在 pages 数组中，注册格式为："路径/文件名"

　　注：文件名无需添加扩展名

　　app.josn 中的 pages 数组中的第一个页面为小程序的启动页

　　每个页面的 js、json、wxml、wxss 可与所在目录名不同，但必须具有相同的路径和文件名

　　页面目录可以嵌套，按照页面目录在 app.json 中注册即可

　　可通过直接赋值的方法修改 app.js 中的全局变量，但修改页面变量需要使用 Page.prototype.setData() 方法，且赋值数据不能超过 1024 kB

　　在文件中引入模块时，require 使用相对路径引入(绝对路径会报错)

　　如需引入多级文件，则使用如下方式：

1. 　　// func.js 文件中定义了两个函数 fun1 和 fun2
   
2. 
   
3. 　　fun1 = function(){
   
4. 
   
5. 　　// code
   
6. 
   
7. 　　}
   
8. 
   
9. 　　fun2 = function(){
   
10. 
    
11. 　　// code
    
12. 
    
13. 　　}
    
14. 
    
15. 　　module.export = {
    
16. 
    
17. 　　fun1: fun1,
    
18. 
    
19. 　　fun2: fun2
    
20. 
    
21. 　　}
    
22. 
    
23. 　　// util.js 中定义了函数 util 并需要导入 func.js 文件
    
24. 
    
25. 　　var funcs = require('func.js文件的相对路径')
    
26. 
    
27. 　　util = function(){
    
28. 
    
29. 　　// code
    
30. 
    
31. 　　}
    
32. 
    
33. 　　module.export = {
    
34. 
    
35. 　　fun1: funcs.fun1,
    
36. 
    
37. 　　fun2: funcs.fun2,
    
38. 
    
39. 　　util: util
    
40. 
    
41. 　　}

复制代码

　　小程序的 wxss 中使用 @Import 导入文件时应使用相对路径

　　小程序中 wxss 样式的优先级为 内联样式 > 外链样式 > 全局样式

　　小程序的 wxss 样式文件中支持 CSS3 的大部分属性，但选择器支持有限，请戳官方文档

　　组件部分

　　 仅为包装元素，接受属性控制且不能嵌套不会被渲染

　　 组件内只能嵌套使用 组件，其他不可用

　　仅 组件中的内容支持长按选中

　　 组件中的 range 数组下标必须连续且从 0 开始，否则会出现选项为 null 的情况

　　组件名称均为小写，所有大写的组件名称都会在渲染时转换为小写

　　任何自定义的组件 <自定义名称> 均会被当作 组件来渲染，但需要注意组件名称中不能出现数字。(虽然可以自定义语义化组件，但是由于微信官方并未加以说明，所以不推荐使用)

　　使用 page 标签选择器可以修改顶层节点的样式，相当于 HTML 中的 元素

　　API 部分

　　程序中请求、上传、下载及 websocket 的请求地址必须为 https 地址，且在当前 APPID 的微信公众平台上注册合法域名

　　wx.request() 中发送 POST 请求时，需设置 header 如下： {'content-type': 'application/x-www-form-urlencoded'}

　　某些情况下需要使用全局数据通常有两种方法：设置全局变量和写入缓存，区别在于全局变量的生存周期和小程序相同，而缓存则是永久储存的

　　wx.login() 只返回登陆 code，可向微信服务器发送此 code 获取用户的 session_key 和 openid，微信官方提供了登陆状态检验的接口和一套验证机制，请戳官方文档

　　小程序的本地缓存不能超过 10M

　　小程序的上传和下载中只能获取文件的 key，开发者在服务器端通过 key 获取文件二进制内容。

　　工具部分

　　修改 wxml 和 wxss 文件将会刷新页面

　　修改 js 和 json 文件将会重新编译小程序

　　在 app.json 文件 pages 数组中添加目标页面，将会自动生成该页面目录和所需文件

　　项目- 基础信息中设置勾选开发环境不校验请求安全域名以及 TLS 版本时，将可以使用 http 协议的请求地址，有助于本地调试

　　可以在项目 - 配置信息中快捷查看当前 appid 配置的安全域名

　　手机调试过程中可以点按右上角，选择 enable debug 打开手机调试模式

　　项目 - 预览中可添加预览页面及参数信息，跳过繁琐的前戏直达你想要操作的位置

　　快捷键

　　格式调整

1. 　　Ctrl+S：保存文件
   
2. 
   
3. 　　Ctrl+[， Ctrl+]：代码行缩进
   
4. 
   
5. 　　Ctrl+Shift+[， Ctrl+Shift+]：折叠打开代码块
   
6. 
   
7. 　　Ctrl+C Ctrl+V：复制粘贴，如果没有选中任何文字则复制粘贴一行
   
8. 
   
9. 　　Shift+Alt+F：代码格式化
   
10. 
    
11. 　　Alt+Up，Alt+Down：上下移动一行
    
12. 
    
13. 　　Shift+Alt+Up，Shift+Alt+Down：向上向下复制一行
    
14. 
    
15. 　　Ctrl+Shift+Enter：在当前行上方插入一行
    
16. 
    
17. 　　Ctrl+Shift+F：全局搜索

复制代码

　　光标相关

1. 　　Ctrl+End：移动到文件结尾
   
2. 
   
3. 　　Ctrl+Home：移动到文件开头
   
4. 
   
5. 　　Ctrl+i：选中当前行
   
6. 
   
7. 　　Shift+End：选择从光标到行尾
   
8. 
   
9. 　　Shift+Home：选择从行首到光标处
   
10. 
    
11. 　　Ctrl+Shift+L：选中所有匹配
    
12. 
    
13. 　　Ctrl+D：选中匹配
    
14. 
    
15. 　　Ctrl+U：光标回退

复制代码

　　界面相关

1. 　　Ctrl + \：隐藏侧边栏
   
2. 
   
3. 　　Ctrl + m: 打开或者隐藏模拟器

复制代码

　　概念部分

　　小程序基于包开发，开发和发布流程与 H5 应用是截然不同的

　　小程序中 Web 开发的 session 管理部分由微信服务器实现

　　小程序的域名仅用于通讯和验证，没有 Cookie 机制

原文作者：佚名  来源：开发者头条

楼主分享得很棒棒哦~小程序的开发目前市面上成熟的外包开发团队还是比较稀少的.有兴趣的朋友可以联系我们上海迅傲股份,QQ1041373364.