• 微信小程序:第一天


    微信小程序开发:第一天

    1.下载安装微信官方的编辑工具

    微信开发工具

    2.创建项目

    使用自己的微信扫一扫之后,添加项目,选择无ID,点击确定,到达开发页面。

    注:在创建小程序的时候,如果选择quick start,小程序会帮你创建一个微信小程序的结构,包含了微信小程序的必备的一些文件。

    3.开发工具的界面认识

    微信小程序的开发界面对于我们前端开发人员来说,太熟悉了,所以我在这里就不赘述了,有什么不懂得问题,自己摸索吧!谁不是这样过来的啊! 哇哈哈啊哇哈哈,幸灾乐祸的笑!

    笑完之后,还是给大家介绍一下,微信小程序的调试,好程序都是调出来的啊!

    1.模拟器

    模拟器可以模拟微信小程序在客户端的真实逻辑表现,对于打对手的API来说,均可以在模拟器上显示。

    2.调试工具

    1.console面板

    身为前端会js,你说你不知道,你看你们老板打你吗?嘻嘻

    2.sources面板

    sources面板显示当前项目文件的脚本文件,左侧显示源文件目录结构,中间显示选中的源代码,右侧显示调试的相关按钮及变量。

    3.network面板

    这个你可以不知道,但是你肯定不是一个有上进心的好前端。
    网络请求,观察发送的数据和返回的数据。

    4.appdata面板

    实时的反馈项目数据情况,显示当前小程序用到的数据。

    5.strong面板

    用于显示当前项目的本地存储情况。

    6.Wxml面板

    相当于view视图界面,可以在这里看到真实的页面结构以及结构对应的代码。

    3.文件管理

    创建新文件删除文件,但是比较复杂,推荐在app.js中用代码创建。

    4.编辑代码

    跟基本的编辑器差不多,代码提示还可以,就是界面不太好看,看惯了美工妹子的界面,乍一看这个界面,哎,伤心啊!

    开发工具就给大家介绍到这里,有什么不懂得,先百度,在问人。

    3.查看小程序效果

    在开发工具中,在左边,可以时时查看效果。所以就不赘述了。
    在手机上看效果要id,小人我没有,所以就算了,我就不写了,因为没有实践过。

    好了,今天就给大家介绍到这里,如果大家有什么看不懂的地方,欢迎吐槽!

    大家下载一个编辑器,点击安装,熟悉一下界面,功能就好了!

  • 相关阅读:
    javascript Date类的扩展
    软件工程师好了歌 (转)
    您可能不知道的.Net2.0小技巧
    您未必知道的Js技巧
    复活吧,架构师!
    技巧系列文章
    不要使用paddingtop控制内容开始的位置
    JQuery Offset实验与应用(转载)
    2008最佳Windows应用程序
    精选15个国外CSS框架
  • 原文地址:https://www.cnblogs.com/zhnaglei/p/6639094.html
Copyright © 2020-2023  润新知