摘要: 注意: 小程序图片标签与传统web的图片标签不一样,小程序后期打包上线有大小要求(2M以内),所以很多静态资源我们会将其放到网络上,所以当我们使用图片资源时,统一使用外网图片。 这里我们推荐使用土豆图床https://images.ac.cn/ 首先注册登录,然后拖进图片上传 开始测试如下 1、sr 阅读全文
posted @ 2020-04-13 19:27 剑仙6 阅读(1169) 评论(0) 推荐(0) 编辑
摘要: 一、使用指向page自身的this 在每个页面逻辑.js文件里全局声明that,在Page()函数的参数onLoad方法内把this赋给that let that; Page({ ... onLoad: function () { that = this; } ... }) 二、来源页面 当小程序功 阅读全文
posted @ 2020-04-13 17:05 剑仙6 阅读(292) 评论(0) 推荐(0) 编辑
摘要: 前奏 约定JavaScript使用ES6标准开发 wxs(WeiXin Script)和JavaScript是不同的语言,有自己的语法,wxs请参考wxs文档,这里的规范仅针对js。 变量命名 关于变量命名,主流分为驼峰式命名和下划线式命名两大阵营。我们约定,统一使用驼峰式命名。 推荐写法 let 阅读全文
posted @ 2020-04-13 16:59 剑仙6 阅读(628) 评论(0) 推荐(0) 编辑
摘要: 注释 注释分为单行注释和多行注释。 单行注释以//开头。 // 单行注释示例 多行注释以/ 开始,以 /结束。 / 多行注释 示例 / 团队约定 单行注释 一般用于简单的描述,如状态描述,属性描述等。书写时应遵循以下规范: 注释符号//与注释内容之间一个空格字符 注释位于注释代码上面 单独占一行 示 阅读全文
posted @ 2020-04-13 16:54 剑仙6 阅读(764) 评论(0) 推荐(0) 编辑
摘要: 前奏 约定JavaScript使用ES6标准开发 wxs(WeiXin Script)和JavaScript是不同的语言,有自己的语法,wxs请参考wxs文档,这里的规范仅针对js。 关键字 任何时候,避免使用语言保留关键字命名。 变量声明 使用let代替var声明变量, let loadding 阅读全文
posted @ 2020-04-13 16:42 剑仙6 阅读(523) 评论(0) 推荐(0) 编辑
摘要: 标签 小程序视图层开发基于小程序框架为开发者提供的一系列基础组件,这些基础组件通常以双标签或单标签的形式使用。 双标签包括起始标签,结止标签和属性,内容在这两个标签之内 单标签只有一个,有属性,没有内容 小程序规定,标签名有多个词时,词之间以连接符 连接。 内容放这里... 编码时要遵循标签的语义, 阅读全文
posted @ 2020-04-13 16:40 剑仙6 阅读(1341) 评论(0) 推荐(0) 编辑
摘要: 注释 代码是由人编写并维护的,我们要尽可能保证写的代码能够自描述、注释良好并且易于他人理解。好的注释能够传达上下文关系和代码目的。 注释代码以结尾。 标准写法 错误写法 动态列表 动态列表 团队约定 单行注释 一般用于简单的描述,如状态描述,属性描述等。书写时应遵循以下规范: 注释内容前后各一个空格 阅读全文
posted @ 2020-04-13 16:38 剑仙6 阅读(3179) 评论(0) 推荐(1) 编辑
摘要: class选择器命名基本规则 以字母开头,全部字母小写 尽量简短、明确 单个名字如果由多个词组成,单词间以下划线_连接 ... 层级关系以中划线 连接 ... ... 继承式命名 为了保证我们设计的class样式既能重复利用,又能避免冲突。我们采用继承式来给class样式命名。 每个页面一般都可以分 阅读全文
posted @ 2020-04-13 16:37 剑仙6 阅读(3422) 评论(0) 推荐(0) 编辑
摘要: / 模块A / .modules_a {} / 模块B / .modules_b {} 阅读全文
posted @ 2020-04-13 16:36 剑仙6 阅读(669) 评论(0) 推荐(0) 编辑
摘要: 基本语法 注释代码以/ 开始,以 /结束 注释不能嵌套 示例 / 注释内容 / 团队约定 注释内容 对于一般性注解,书写简单的短语;对于较长的注解,书写完整的句子。 推荐写法 / 用户头像 / .avatar { width: 200rpx; height: 200rpx; } 不推荐写法 / 这是 阅读全文
posted @ 2020-04-13 16:34 剑仙6 阅读(2942) 评论(0) 推荐(1) 编辑
摘要: 1. 一个页面的数据如果需要被其它页面修改,则把这个页面的数据放入storage里。 2. 目录结构符号 └ ┌ ┘ ┐ ┤ ├ ┴ ┬ ┼ │ ─ JS模块引入请使用import关键字,而非require,WXML引入模板用标签,WXSS使用@import语法,三者统一 所有方法和变量名称都使用小 阅读全文
posted @ 2020-04-13 16:33 剑仙6 阅读(251) 评论(0) 推荐(0) 编辑
摘要: 项目结构 project/ // 根目录 ├─ images/ // 图片/小图标 ├─ pages/ // pages目录 ├─ utils/ // 工具,包文件目录 ├─ app.js // 入口文件 ├─ app.wxss // 公共设置 ├─ app.json // 公共样式表 └─ pro 阅读全文
posted @ 2020-04-13 16:32 剑仙6 阅读(441) 评论(0) 推荐(0) 编辑
摘要: 前言 本文主要根据自身经验和前端开发规范总结的微信小程序开发规范文档,适用于多人团队协同开发和个人开发小程序。 主体 统一团队的编码规范,可以统一不同开发者编码过程中相对主观化的代码风格,有助于代码的维护和迭代。 文档初期会存在不完善的地方,不可避免地会有错误和遗漏之处,发现请积极指正。文档会随着开 阅读全文
posted @ 2020-04-13 16:28 剑仙6 阅读(1032) 评论(0) 推荐(0) 编辑
摘要: 官方的小程序开发工具使用起来非常难受, 尤其是长期使用 vim 插件的人, 使用任何 编辑器 或者 ide 必须先装 vim 插件, 所以总结一些使用 vscode 编写小程序可以提高效率的方法以及插件推荐. 插件推荐 minapp minapp 这个插件能够实现微信小程序标签、属性的智能补全, 和 阅读全文
posted @ 2020-04-13 00:14 剑仙6 阅读(1418) 评论(0) 推荐(0) 编辑
欢迎访问个人网站www.qingchun.在线