最新时时彩平台演示 中新时时彩要不要交税 新时时彩三星组六技巧 最新时时彩源码修改 新时时彩遗漏走势图 新时时彩预测方法 新时时彩计算器 新时时彩开奖皇冠网址 新时时彩组三怎么玩 最新时时彩后四稳赚 新时时彩官方开奖网站 新时时彩人工计划 新时时彩开奖漏洞 新时时彩最长遗漏 新时时彩中奖顺序 360新时时彩技巧-轴承资讯 新时时彩停售 最新时时彩杀号高手 新时时彩三星走势图 玩新时时彩有什么技巧 新时时彩3星和尾走势 新时时彩后一公式 重新时时彩网站 新时时彩遗漏统计软件 吉林新时时彩走势图 新时时彩中奖怎么查 新时时彩是什么地方 新时时彩中奖怎么查 新时时彩下载手机版下载 新时时彩贴吧 最新时时彩计划软件 大赢家新时时彩 新时时彩注册送彩金 新时时彩组选投注技巧 新时时彩走势图 新时时彩万能5码 新时时彩模拟 新疆新时时彩往期开奖号码 新时时彩的玩法 新时时彩稳赚计划 最新时时彩70注 新时时彩返奖率 新时时彩杀号定胆360 新时时彩后二杀号 新时时彩振幅走势 最新时时彩教程 新时时彩后台软件 新时时彩几点开始 新时时彩日赚几百 最新时时彩注册送20
用户
 ?#19968;?#23494;码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 新手教程 查看内容

github精选:微信小程序开发技巧(12月31日更新)

天下雪 2016-12-31 00:57

一:开发技巧1、所有的页面都需要在 app.json 文件中的 pages 中以【路径+页面名】方式注册(页面名无需添加文件扩展名)2、文件 app.json 中 pages 中注册的第一个页面为小程序的首页3、每个页面的 js、json、wxml ...

作者:Romeo0906,来自github

框架部分

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

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

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

  3. 每个页面的 jsjsonwxmlwxss 可与所在目录名不同,但必须具有相同的路径和文件名

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

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

  6. 在文件中引入模块时,require 使用相?#26376;?#24452;引入(绝?#26376;?#24452;会报错)

  7. 如需引入多级文件,则使用如?#36335;?#24335;:

    // func.js 文件中定义了两个函数 fun1 和 fun2
    fun1 = function(){
        // code
    }

    fun2 = function(){
        // code
    }

    module.export = {
        fun1: fun1,
        fun2: fun2
    }

    // util.js 中定义了函数 util 并需要导入 func.js 文件
    var funcs = require('func.js文件?#21335;嘍月?#24452;')

    util = function(){
        // code
    }

    module.export = {
        fun1: funcs.fun1,
        fun2: funcs.fun2,
        util: util
    }
  1. 小程序的 wxss 中使用 @import 导入文件时应使用相?#26376;?#24452;

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

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

组件部分

  1. <block> 仅为包装元素,接受属性控制且不能嵌套不会被渲染

  2. <text> 组件内只能嵌套使用 <text> 组件,其他不可用

  3. 仅 <text> 组件中的内容支持长按选中

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

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

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

  7. 使用 page 标签选择器可以修改顶层节点的样式,相当于 HTML 中的 <body> 元素

API 部分

  1. 程序中请求、上传、下载及 websocket 的请求地址必须为 https 地址,且在当前 APPID 的微信公众?#25945;?#19978;注册合法域名

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

  3. 某些情况下需要使用全局数据通常有两种方法:设置全?#30452;?#37327;和写入缓存,区别在于全?#30452;?#37327;的生存周期和小程序相同,而缓存则是永久储存的

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

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

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

工具部分

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

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

  3. 在 app.json 文件 pages 数组中添加目标页面,将会自动生?#31579;?#39029;面目录和所需文件

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

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

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

  7. 项目 - 预览中可添加预览页面及?#38382;?#20449;息,跳过繁琐的前?#20998;?#36798;你想要操作的位置

  8. 快捷键

    格式调整

        Ctrl+S:保存文件
    
        Ctrl+[, Ctrl+]:代码行缩进
    
        Ctrl+Shift+[, Ctrl+Shift+]:折叠打开代码块
    
        Ctrl+C Ctrl+V:复制?#31243;?#22914;果没有选中任何文字则复制?#31243;?#19968;行
    
        Shift+Alt+F:代码格式化
    
        Alt+Up,Alt+Down:上下移动一行
    
        Shift+Alt+Up,Shift+Alt+Down?#21512;?#19978;向下复制一行
    
        Ctrl+Shift+Enter:在当前行上方插入一行
    
        Ctrl+Shift+F:全局搜索 
    

    光标相关

        Ctrl+End:移动到文件结尾
    
        Ctrl+Home:移动到文件开头
    
        Ctrl+i:选中当前行
    
        Shift+End:选择从光标到行尾
    
        Shift+Home:选择?#26377;?#39318;到光标处
    
        Ctrl+Shift+L:选中所有匹配
    
        Ctrl+D:选中匹配
    
        Ctrl+U:光标回退 
    

    界面相关

        Ctrl + \:隐藏侧边栏
    
        Ctrl + m: 打开或者隐藏模拟器 
    

概念部分

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

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

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

鲜花
鲜花 (2)
鸡蛋
鸡蛋

刚表态过的朋友 (2 人)

分享至 : QQ空间
收藏
原作者: Romeo0906 来自: 原文地址

相关阅读

  • 开发工具 2018-9-29 10:50
    《微信小程序自动切片生成布局软件》原来手写的这部分工作,可以用切片软件的方法来?#23567;?#20999;好后,可以自动生成wxml,wcss,js文件。
    效果图上的文字可以通过自动文字识别识别出来,提高录入的速度,减轻工作量。
    设计好的切片文件可以存档,以便下次需要的时候拿来重新编辑。只要有切片文件在,换了程序?#37096;?#20197;修改和编辑。
    有任?#25105;?#38382;欢迎随时联系我们!
    Q  Q : 348961183
    如有打扰,请?#38470;猓?br /> 勿喷!谢谢!
新时时彩软件
女王至上1024赢法彩金 福彩3d开奖直播 国际米兰对斯帕尔分析 乌甸尼斯对切沃 法兰克福阿莱 北京pk10开奖 六肖中特期期淮 吉林麻将怎么升级最快 俄罗斯轮盘赌深水炸弹 杜塞尔多夫天气 多特蒙德vs美因茨比分预测 3d预测爱彩网