全国统一24小时服务资讯热线0571-8802321710年专业网络服务供应商
  • APP开发

  • APP定制开发
  • 安卓应用开发
  • IOS应用开发
  • 小程序开发

  • 微信小程序开发
  • 百度小程序开发
  • 抖音小程序开发
  • 产品服务

  • 手机aoa体育官方链接
    手机微aoa体育官方链接aoa体育手机下载
    手机微商城aoa体育手机下载
  • 定制开发
    平台定制开发
    OA系统开发
    CRM系统开发
    会务报名系统
    区块链系统
    微信分销系统
    O2O平台开发
    大数据分析
  • 数字营销
    公众号运营
    文章编辑
    运营策划
  • 视觉传达
    VI设计
    LOGO设计
    创意海报
    H5设计
  • 基础服务
    域名申请
    服务器
    SSL证书
    aoa体育官方链接备案
    企业邮箱
  • 成功案例

  • 解决方案

  • 资讯中心

  • 最新签约
  • 公司新闻
  • 行业资讯
  • 建站知识
  • 建站方案
  • aoa体育官方链接优化
  • 营销推广
  • 关于帷拓

  • 关于我们
  • 人才招聘
  • 付款方式
  • 金家天猫城
  • 联系我们

  • 资讯中心

    - 直击aoa体育官方链接aoa体育手机下载第一现场,掌握全球化的消息 -

    当前位置 : 首页 > 新闻中心 > 开发方案 > 微信小程序开发时,如何做可以少走弯路

    微信小程序开发时,如何做可以少走弯路

    2020-05-12 分享 浏览次数:1296次

    今天,杭州帷拓科技来给大家介绍提升代码质量问题的法宝,让大家可以少走一点弯路:

     

     

     

    一、 小程序开发工具介绍

     

    1.小程序开发工具的下载地址

     

    在正式开发之前需要安装微信小程序的开发工具。

     

    2.小程序开发工具的界面

     

    下载完成后直接安装。

     

    与传统的IDE界面布局风格不同,菜单栏在左侧的竖条,分为编辑、调试、和项目。编辑区可以对当前项目进行代码编写和文件的添加、删除以及重命名等基本操作。

     

    工具目前提供了5种文件类型的编辑:wxml、wxss、js、json以及图片文件,拥有自动保存、自动补齐、实时预览等功能。

     

    二、 小程序的项目结构介绍

     

    1. 组成小程序项目的元素

     

    再来说一下项目结构,整个项目由以几部分组成:

     

    app.js 主要是全局公共的js方法声明及调用所在的文件,是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。程序从“骨架”成为“血肉之躯”的正是js的作用。js做一些动态的东西,比如请求数据,控制元素上下移动,判断用户输入密码是否安全等等。

     

    app.json 是是对整个小程序的全局配置。所有的页面都要在此注册,不然不允许访问。我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口背景色,配置导航条样式,配置默认标题。

     

    app.wxss 是小程序全局的css文件,是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。

     

    pages下是对应着所有页面,每个页面可以添加以上三种类型的文件。另外还有wxml类型文件。wxml是一种类xml的结构化文本,描述了小程序页面有哪些元素,比如一个文章需要有标题、作者、时间、正文,但是不关心这些元素怎么排列。

     

    utils 是我们公共的js存放的地方,因为微信小程序要求,每个js文件里的方法不可以直接引用或调用,必须要用 module.exports方法导出,这样pages 下的.js文件才可以调用到我们在这里写的js方法。

     

    attachment下存放的是图片等资源文件(单个不大于1M)。

     

    2. 如何编写js文件?

     

    那么以上语法规则最复杂的就是js文件,下面我们重点了解一下js文件。

     

    2.1 app.js文件

     

    app.js是整个小程序的入口文件,也是控制整个小程序生命周期的文件。App.js用App()来实现对整个程序的注册,同时App()里面还实现了对小程序生命周期的监控函数:

     

    当用户点击左上角关闭,或者按了设备 Home 键离开微信,小程序并没有直接销毁,而是进入了后台;当再次进入微信或再次打开小程序,又会从后台进入前台。只有当小程序进入后台一定时间,或者系统资源占用过高,才会被真正的销毁。简单地说,前台就是你在操作小程序时;后台就是你离开了小程序,去打开其他手机服务时,这时小程序就隐藏到后台。

     

    2.2 index.js文件

     

    小程序中每一个页面可以放在一个文件夹中,这个文件夹中一般包括4个文件:.js, .json, .wxml, .wxss。官方建议这四个文件的名字最好和文件夹的名字一致,这样便于框架自动查找。

     

    每个页面都需要注册,index.js用Page()这个函数来注册一个页面,它接受一个object参数,用这个参数来指定页面的初始数据,生命周期函数,事件处理函数。

     

    希望能够对你有一些帮助哦。

    相关新闻

    整合同类新闻,相关新闻一手掌握

  • 小程序开发之内容的两大要点

    日期:2019-06-10浏览次数:1044次

  • 如何玩转小程序电商

    日期:2019-07-29浏览次数:1026次

  • 如何学习小程序开发?

    日期:2019-11-11浏览次数:1153次

  • 企业开发小程序分销商城的好处

    日期:2019-11-12浏览次数:1404次

  • 辅助企业发展的便利存在,微信小程序

    日期:2019-11-20浏览次数:1199次

  • 最新新闻

    与互联网同行,实时掌握网建行业最新动态

  • 小程序模板开发与发布注意事项详解

    日期:2020-01-09浏览次数:8583次

  • 如何进行麻将小程序源码开发

    日期:2020-01-21浏览次数:4420次

  • 如何检查和删除aoa体育官方链接中的死链

    日期:2019-08-01浏览次数:2794次

  • 企业微信小程序开发,走好这11步

    日期:2020-06-23浏览次数:2753次

  • 七大违法APP,作为消费者你有权举报!

    日期:2019-11-19浏览次数:2519次

  • 随机新闻

    新闻新动态,您需要的新闻管家

  • 如何选择杭州aoa体育官方链接制作的aoa体育官方链接空间

    日期:2020-12-28浏览次数:383次

  • 杭州aoa体育官方链接设计:aoa体育官方链接功能全解析

    日期:2020-12-23浏览次数:360次

  • 地方型门户aoa体育官方链接aoa体育手机下载的优缺点解析

    日期:2016-08-01浏览次数:1242次

  • 谷歌修改搜索规则 不良商家排名将沉底

    日期:2010-12-03浏览次数:3184次

  • 杭州app开发的现状和未来之路

    日期:2020-08-03浏览次数:615次

  • 最新aoa体育官方链接案例

    洞悉市场趋势演变让传播回归社会

    免费获取aoa体育官方链接aoa体育手机下载与网络推广方案报价

  • 关于我们

    杭州帷拓科技有限公司,是一家新型的全案网络开发公司,作为以互联网高端aoa体育官方链接aoa体育手机下载、APP开发、小程序开发为核心的专业网络技术服务供应商,帷拓科技致力于全面分析市场环境、衡量与预测市场需求、整合区别于行业竞争对手的绝对优势,结合品牌理念深度挖掘项目优势和产品价值,提升客户品牌认知、认可度。

  • 我们的客户

    帷拓科技历经十年沉淀,与国内外上千家客户达成合作关系,其中稳定合作的公司有:浙江华为、浙江移动、浙江5G产业联盟、浙江省社科院、绿城足球俱乐部、娃哈哈双语学校、健康中国杭州峰会、科雷机电等,帷拓科技始终坚持“帷有专业,才能拓展无限”的服务理念,坚持“认真坚持细节”的优质服务理念,不断完善自身,成就企业,最终实现共赢。

  • 我们的业务

    帷拓科技主营业务范围包含互联网高端aoa体育官方链接aoa体育手机下载、APP开发、小程序开发、商城aoa体育官方链接aoa体育手机下载、公众号运营以及数字营销等,涵盖了服务、房产、数码、服装、物流贸易等行业,根据品牌现状,为每个客户量身定制项目整体服务方案,以敏锐的市场洞察力、创新的市场策划能力,全面把握市场变化,为客户实现从企业到消费者的价值转换。

  • Designerpart Designagentur
    Designerpart Designagentur
    Designerpart Designagentur
    Designerpart Designagentur
    Designerpart Designagentur
    Designerpart Designagentur
  • 微信咨询

    添加微信咨询报价

  • 业务咨询
    0571-88023217
  • 售后服务
  • 在线咨询
  • 索取报价
  • 返回顶部