开发小程序,我认为需要的注意点

全世界都在聊小程序,真正去开发的有几个呢?小程序开发过程中,暗藏着许多套路,一不留神就被套。接下来,LIGHT君就一一为大家来破解这些套路。

 

1. 没有window对象,随之而来就是没有全局对象,变量导出通过统一的module.exports

2. 绘图canvas变动很大,一些API做过了调整,比如下面这几条,

1)不存在canvas的dom节点,只有封装过的context

2)strokeStyle属性设置不生效,在微信canvas的api对应的是setStrokeStyle

3)fillStyle属性设置不生效,在微信canvas的api对应的是setFillStyle

4)measureText方法不存在,所以估算文字的长度变成了一个几乎不可能处理的问题

3. 有发出ajax请求的业务必须勾选“开发环境不校验请求域名及TLS版本”才能请求成功

4. 不能修改原生对象的prototype,比如Date,Array等,无法为其实例增加原型方法

5. 发布包资源的全部大小不能超过1M,否则会无法提交

6. 使用wx.request的接口时,接口响应的内容会被处理到data属性中,并添加errMsg和statusCode,这一点和现有市面上的所有ajax库都不一样

 

关于wxml和wxss文件

1.移除了html,body等全局样式,设置需在page标签里定义

2.不支持  h1、h2、br等标签,需要用text标签替代

3.支持li、span、p、a等常规html标签,但编码过程中会自动添加  "wx-"前缀

4.所有div标签用view标签替代

5.img标签需要用image标签替代,并且要闭合标签

 

关于小程序开发,今天先讲到这。后续推文中,我还会为大家介绍小程序版本发布、审核相关的门道。感兴趣的宝宝可以锁定「 LIGHT创新平台」微信号,白了个白!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 很抱歉,Nuxt.js 是一个基于 Vue.js 的服务器端渲染(SSR)框架,而微信小程序是一个基于微信官方的跨平台开发框架,它们并不直接兼容。 但是,如果你想将你在 Nuxt.js 中开发的应用移植到微信小程序,你可以考虑使用小程序框架 MPVue 来开发微信小程序。 MPVue 是一个使用 Vue.js 语法开发小程序的框架,可以使你的代码尽量保持一致,并且同时享受 Vue.js 和小程序的优。 如果您对如何在 MPVue 中开发微信小程序有兴趣,可以参考 MPVue 官方文档和示例项目。 ### 回答2: 使用Nuxt开发微信小程序需要以下步骤: 1. 环境配置:首先需要确保在开发环境中已经安装了Node.js和Nuxt.js。可以使用npm或者yarn来安装这些依赖。 2. 创建Nuxt项目:使用Nuxt的命令行工具创建一个新的项目,可以使用命令`npx create-nuxt-app <project-name>`来创建项目。在创建项目的过程中,可以选择使用Vue.js和其他附加模块等。 3. 配置微信小程序:在项目根目录下的`nuxt.config.js`文件中,可以配置一些微信小程序的相关参数,例如小程序的app ID、app secret等。还可以根据需求配置其他Nuxt.js相关的配置项。 4. 开发小程序页面:在Nuxt项目中,可以使用Vue组件的方式来创建小程序页面。可以在`pages`目录下创建子目录和文件来定义页面和路由。在页面组件中,可以使用`<template>``<script>`和`<style>`标签来定义页面的模板、逻辑和样式。 5. 编写业务逻辑:在小程序页面中,可以编写业务逻辑代码。可以使用Vue.js的语法和Nuxt.js的内置功能,例如使用`this.$axios`发送网络请求、使用Nuxt的插件和中间件等。 6. 编译和部署:完成页面开发后,可以使用Nuxt提供的命令进行编译和打包,生成微信小程序所需的文件。最后可以使用微信开发者工具来预览和部署小程序需要注意的是,Nuxt.js是基于Vue.js的框架,可以很方便地开发和构建Web应用程序。但是在开发微信小程序时,需要注意一些微信小程序的特殊限制和要求,例如文件目录结构、API调用方式等。 希望以上回答对您有所帮助! ### 回答3: 要使用Nuxt开发微信小程序,您可以按照以下步骤进行: 1. 安装Nuxt.js:首先,您需要在计算机上安装Nuxt.js。您可以通过使用npm(Node.js包管理器)运行以下命令来执行此操作: ```shell npm install --global create-nuxt-app ``` 2. 创建新项目:使用Nuxt.js的命令行工具创建一个新的Nuxt项目。您可以按照提示进行操作,包括选择小程序模板和其他配置选项。 ```shell npx create-nuxt-app my-app ``` 这将创建一个名为`my-app`的新项目。 3. 配置微信小程序:进入新创建的项目文件夹,并找到`nuxt.config.js`文件。在该文件中,您可以配置用于微信小程序的相关设置,例如小程序的APPID和页面路径等。确保按照微信小程序开发文档的要求进行配置。 4. 开发微信小程序页面:在`pages`文件夹中创建您的小程序页面。您可以使用Vue.js和Nuxt.js的开发方式来编写小程序页面。您可以使用我们提供的组件和方法,以及使用asyncData()和fetch()方法进行数据获取。 5. 构建并运行:当您完成页面的开发后,使用以下命令构建并运行您的微信小程序。 ```shell npm run build npm run dev:wechat ``` 前一个命令将构建您的项目,而后一个命令将启动微信开发者工具,并将您的小程序加载到其中。您可以使用微信开发者工具来预览和调试您的小程序。 6. 发布小程序:一旦您认为小程序已准备好发布,您可以按照微信小程序开发文档的指导发布您的小程序。按照指示进行微信小程序的配置和上传等步骤。 注意:请确保阅读和遵循微信小程序开发文档中的要求和指导,以使您开发小程序能够正常运行并通过审核。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值