随笔分类 - 微信小程序
小程序相关
摘要：一、使用指向page自身的this 在每个页面逻辑.js文件里全局声明that，在Page()函数的参数onLoad方法内把this赋给that let that; Page({ ... onLoad: function () { that = this; } ... }) 二、来源页面 当小程序功
阅读全文
摘要：前奏 约定JavaScript使用ES6标准开发 wxs(WeiXin Script)和JavaScript是不同的语言，有自己的语法，wxs请参考wxs文档，这里的规范仅针对js。 变量命名 关于变量命名，主流分为驼峰式命名和下划线式命名两大阵营。我们约定，统一使用驼峰式命名。 推荐写法 let
阅读全文
摘要：注释 注释分为单行注释和多行注释。 单行注释以//开头。 // 单行注释示例 多行注释以/ 开始，以 /结束。 / 多行注释 示例 / 团队约定 单行注释 一般用于简单的描述，如状态描述，属性描述等。书写时应遵循以下规范： 注释符号//与注释内容之间一个空格字符 注释位于注释代码上面 单独占一行 示
阅读全文
摘要：前奏 约定JavaScript使用ES6标准开发 wxs(WeiXin Script)和JavaScript是不同的语言，有自己的语法，wxs请参考wxs文档，这里的规范仅针对js。 关键字 任何时候，避免使用语言保留关键字命名。 变量声明 使用let代替var声明变量， let loadding
阅读全文
摘要：标签 小程序视图层开发基于小程序框架为开发者提供的一系列基础组件，这些基础组件通常以双标签或单标签的形式使用。 双标签包括起始标签，结止标签和属性，内容在这两个标签之内 单标签只有一个，有属性，没有内容 小程序规定，标签名有多个词时，词之间以连接符 连接。 内容放这里... 编码时要遵循标签的语义，
阅读全文
摘要：注释 代码是由人编写并维护的，我们要尽可能保证写的代码能够自描述、注释良好并且易于他人理解。好的注释能够传达上下文关系和代码目的。 注释代码以结尾。 标准写法 错误写法 动态列表 动态列表 团队约定 单行注释 一般用于简单的描述，如状态描述，属性描述等。书写时应遵循以下规范： 注释内容前后各一个空格
阅读全文
摘要：class选择器命名基本规则 以字母开头，全部字母小写 尽量简短、明确 单个名字如果由多个词组成，单词间以下划线_连接 ... 层级关系以中划线 连接 ... ... 继承式命名 为了保证我们设计的class样式既能重复利用，又能避免冲突。我们采用继承式来给class样式命名。 每个页面一般都可以分
阅读全文
摘要：/ 模块A / .modules_a {} / 模块B / .modules_b {}
阅读全文
摘要：基本语法 注释代码以/ 开始，以 /结束 注释不能嵌套 示例 / 注释内容 / 团队约定 注释内容 对于一般性注解，书写简单的短语；对于较长的注解，书写完整的句子。 推荐写法 / 用户头像 / .avatar { width: 200rpx; height: 200rpx; } 不推荐写法 / 这是
阅读全文
摘要：1. 一个页面的数据如果需要被其它页面修改，则把这个页面的数据放入storage里。 2. 目录结构符号 └ ┌ ┘ ┐ ┤ ├ ┴ ┬ ┼ │ ─ JS模块引入请使用import关键字，而非require，WXML引入模板用标签，WXSS使用@import语法，三者统一 所有方法和变量名称都使用小
阅读全文
摘要：项目结构 project/ // 根目录 ├─ images/ // 图片/小图标 ├─ pages/ // pages目录 ├─ utils/ // 工具，包文件目录 ├─ app.js // 入口文件 ├─ app.wxss // 公共设置 ├─ app.json // 公共样式表 └─ pro
阅读全文
摘要：前言 本文主要根据自身经验和前端开发规范总结的微信小程序开发规范文档，适用于多人团队协同开发和个人开发小程序。 主体 统一团队的编码规范，可以统一不同开发者编码过程中相对主观化的代码风格，有助于代码的维护和迭代。 文档初期会存在不完善的地方，不可避免地会有错误和遗漏之处，发现请积极指正。文档会随着开
阅读全文
摘要：官方的小程序开发工具使用起来非常难受, 尤其是长期使用 vim 插件的人, 使用任何 编辑器 或者 ide 必须先装 vim 插件, 所以总结一些使用 vscode 编写小程序可以提高效率的方法以及插件推荐. 插件推荐 minapp minapp 这个插件能够实现微信小程序标签、属性的智能补全, 和
阅读全文
摘要：参考文章 （1） Github地址：WxValidate 1. 拷贝至util目录 2.项目引入 3.查看wxml匹配规则，通过name 4.在js配置规则 1 import WxValidate from '../../../utils/WxValidate'; 2 3 Page({ 4 5 /*
阅读全文
摘要：简要认识小程序开发 其中小程序的构成是由.wxml、.wxss、.js、.json四种类型构成(下文将简称为四类文件)。其开发方式跟传统网页开发是十分类似的。 .wxml模板文件对应为传统网页开发的.html文件，是一个页面(组件)的骨架。只不过它里面采用的语法跟传统的HTML语法有些差异, 比如标
阅读全文
摘要：微信小程序的swiper组件是滑块视图容器，也就是说平常我们看到的轮播图就可以用它来做，不过这个组件有很多样式是固定的，但是，有时候我们的设计稿的面板指示点是需要个性化的，那么如何去修改swiper组件的面板指示点的样式呢？最近在使用swiper的时候也在想这个，最后发现在调试的时候，可以看到他的选
阅读全文
浙公网安备 33010602011771号