美文网首页全栈记
2 微信小程序开发文档、开发者工具基本认知

2 微信小程序开发文档、开发者工具基本认知

作者: 官清岁月 | 来源:发表于2019-05-11 08:09 被阅读1次

    1、微信小程序的基本认知:

    (1).微信小程序2016年1月首次被提出,最初微信公众平台只有“订阅号”,后续又拆分出了服务号,但是服务号并没有提供更好的服务,所以微信内部开始研究新的产品形态,称为“微信小程序”;2016年9月21日开启内测,2017年1月9日正式上线,首批微信小程序的用户体验很差,例如“入口不好查找”、 “搜索功能不完善(必须搜索全称,不能模糊查找)”、“定位功能不完善”等等;其经历一段时间的发展,目前的微信小程序用户体验较好,功能也较完善;(产品的发展还是需要在真实的市场环境下进行校验)

    (2).微信小程序:小程序的基本认知 -> 开发中设计原则(规范) -> 开发 -> 正式上线 -> 运营小程序(遵循规范) -> 数据分析(微信小程序有数据分析功能,其也可使用第三方分析工具,例如阿拉丁);

    - - - >>>开发人员聚焦点:开发文档的学习、社区的合理使用(社区的活跃度几乎可代表该应用/该语言的受欢迎程度,小程序开发社区活跃度还是很nice的);

    2、微信小程序开发:申请账号 -> 安装开发工具 ->开始编程即可(学习文档,了解社区)~

    (1).微信公众平台:https://mp.weixin.qq.com/

    (2).微信开发者工具下载:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=19012322

    (3).微信小程序开发文档:https://developers.weixin.qq.com/miniprogram/dev/index.html

    (4).微信小程序开发社区:https://developers.weixin.qq.com/

    3、(1).开发文档基本认知:

    (2).开发工具基本认知:(模拟器中“静音”按钮 ->其是音频静音,非视频)

    调试器:Wxml:结构+样式;Console:控制信息;Sources:文件源,有[sm]标识的其是我们自己写的文件,没有[sm]标识的其是系统编译后的文件;Network:网络;AppData:数据(后期查看请求到的数据很便捷);Storage:缓存;

    详情页卡:

    (3).文件目录基本认知:

    app系列文件(根文件):其表示全局的配置、样式、逻辑行为,不允许修改名字;project.config.json项目配置文件,文件内的代码便是“详情”页卡中设置的信息(转化为代码的形式),当你将该小程序发送给其它开发人员,或者在其它电脑进行开发,系统会根据此文件自行配置相关内容,你直接进行开发即可;

    pages文件夹下是项目“主要”开发文件,index是入口文件;每个文件下的xxx.json是局部配置文件(app.json是全局配置文件),文件夹下的文件要求名字一致,系统会将每个文件夹下的css、js、json文件进行关联,这样便不需要引入样式,js等操作,系统来完成;

    utils文件夹:存放工具js文件; 

    - - - >>> 后续还可创建其它文件

    相关文章

      网友评论

        本文标题:2 微信小程序开发文档、开发者工具基本认知

        本文链接:https://www.haomeiwen.com/subject/xqzlrqtx.html