为了实现动态地修改元素高度:
可以看到,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和小程序的语法对比、如何开发小程序、如何系统得学习小程序开发具体应该怎么学_自学小程序开发等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)