vue和小程序的语法对比

vue和小程序的语法对比,第1张

为了实现动态地修改元素高度:

可以看到,vue将以:开头的属性的值当作js表达式,这适合属性中变量多,字符串少的情况,字符串多了要很多引号,像这个样子:

微信小程序不需要:开头,它把属性值当作字符串,这适合字符串多,变量少的情况,(变量多了要很多花括号),

并且属性值的中的变量和普通元素里面的变量没什么区别,都是用双花括号包裹,人们可以根据一个简单的规则区分字符串和变量;

所以关于属性的值的表示我更倾向与微信小程序的写法

开发小程序的步骤如下:

 1 注册开发者账号:在微信公众平台或支付宝开放平台注册开发者账号。

2 下载开发工具或使用第三方小程序搭建平台:微信小程序需要使用微信开发者工具,支付宝小程序需要使用支付宝小程序开发者工具。

 3 创建小程序项目:在开发工具中创建小程序项目,填写小程序名称、AppID等信息。

 4 设计小程序界面:使用设计工具进行小程序界面设计,如Sketch、Adobe XD等。

 5 编写小程序代码:使用JavaScript或TypeScript编写小程序代码,实现小程序的功能。

 6 调试和测试:在开发工具中进行调试和测试,确保小程序的功能正常。

 7 提交审核:将小程序提交审核,等待审核通过后发布上线。

 8 发布上线:审核通过后,将小程序发布上线,供用户使用。

                                 

使用编程开发小程序需要有一定的编程经验和开发经验,熟悉前端开发技术和框架,如HTML、CSS、Vuejs等,如果没有代码经验,可以选择第三方无代码小程序平台。

首先,个人认为拖拽类生成小程序不属于真正的开发小程序,使用编程的方式实现,才属于真正意义上的开发。

从0开始入门,当然要从最基础的内容开始入手。

先下载一个“微信开发者工具”

一、html知识,微信内又名wxml

学习html,最好的方式就是动手写一下。直接把实例复制到开发者工具中使用并尝试调整参数。这部分内容很容易理解,尝试一两次,就可以入门。可以先从view,swiper,text,button入手。这几个属于高频率使用的元素组件。

二、css

样式修改,属于开发中关键的一步。要实现绚烂多彩的小程序,必须经过样式的修改。可以先从display,position,font,color,background,border等属性入手,可以实现大部分的样式修改需求。

三、javascript(简称js)

刚入门只需要了解最基础的语法,可以跟着教程一步步走一遍。对变量,运算符,函数,对象,事件有一个基础的了解。这时需要注意报错信息,因为刚入门的同学,容易写错语法。注意

输入法,一定不可用中文的标点符号,不然就会造成报错。理解js的语言特性,什么是事件驱动,什么是单线程异步。

四、小程序特性

主要从微信小程序的官方文档中学习。了解常用的api,比如路由跳转,网络请求,数据缓存等,还要了解全局的配置,页面配置,和小程序的生命周期。理解整个小程序从初始化到销毁的整个过程。

五、后端服务

个人建议先从云开发入手,虽说没有后端开发的经验,云开发可能学起来有点吃力。但总体而言,云开发会比常规的后端开发要简便得多。从微信官方文档中学习:云函数,数据库,储存,和云调用。放心,这里使用的语言也是js。

而且可以配合使用腾讯云的cms后台系统cloudtencent/document/proct/1220/47065,实现一般的内容系统的快速开发。

到了后期的进阶,也可以先从nodejs的搭建开始入手学习。

最近开发支付宝小程序,记录一下遇到的坑

1 sjs只支持从sjs文件中导入模块,不能从其他js中引入。这个限制,只能在sjs里写一些小功能。

2 sjs不支持正则!sjs支持es6语法,这比微信小程序的wxs要进步一些。在 SJS 自定义脚本中不支持直接 new RegExp() 构造 regexp 对象,生成 regexp 对象需要使用 getRegExp 函数。例如:

3 下拉刷新开启,需要在appjson的window项 和页面的pagejson 同事这种:pullRefresh:true

4 sjs中不能使用new 语法, new Date() 可以用 Date 替代

5 ref 有bug。 页面中多个子组件ref, 设置和提取不成功。

6 不能通过 import的方式导入本地等静态资源,只能通过写相对路径字符串的方式去调整的引用。

总结一下:

搞了一天的支付宝小程序。这些小程序做的呀,真的不知道该怎么说。为了安全,做一些限制可以理解。但是各家都自己搞一套非标准的东西,让我们这些开发人员真难受。这里面最典型的就是wxs/sjs。这种东西,就不应该出现。这东西太坑了。

以上就是关于vue和小程序的语法对比全部的内容,包括:vue和小程序的语法对比、如何开发小程序、如何系统得学习小程序开发具体应该怎么学_自学小程序开发等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/10171799.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-06
下一篇 2023-05-06

发表评论

登录后才能评论

评论列表(0条)

保存