小程序基础
1,小程序的构成
wxml (文本页面),
wxss (文本页面样式)
js (js)
JSON (这是个好东西) :在当前页面设置一些自己独有的属性,设置;
比如:设置标题名称 (navigationBarTitleText),标题背景色,标题文字颜色等等有限的小程序注明的样式,(https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#%E5%85%A8%E5%B1%80%E9%85%8D%E7%BD%AE)
PS:在这里注明一下 小程序 有两种配置 :①全局配置 (app.json);②页面配置(xxx.json;ps:页面配置的优先级高于全局配置,当页面与全局冲突,以页面为准)
顾名思义:所谓的全局配置就是 你在app.json中配置属性,所有的页面都会以app.json的配置来显示;---- 然后,所谓的页面配置 就是你所在的页面配置了;
2,小程序嘛 他是有自己的一套路子的 所以呢,在小程序里面呀,他将标签都自己设定好了;这就很神奇;没有了h5那么多样化的标签,记忆,编写起来确实方便不少,
小程序中的标签还是很便利的,因为他很多都带有自己的一些属性;(具体还是很多的,就不一一列举了: https://developers.weixin.qq.com/miniprogram/dev/component/)
这里说一下 其中的有意思 的标签吧;(rich-text 富文本标签 ----所谓的富文本 就是 你可以通过 js把H5的一些标签在小程序的页面上展示出来;当时我看到这个东西很激动呀,这是好东西呀,然而...等我使用的时候才发现,原来这就是个坑呀)
比如 按照文档解释来说 可以使用H5的标签对吧 那我编写小程序有了很多便利啊
跳转网址什么的就变得很舒服了,于是我开开心心的去搞了一个 a 标签,加上了 href 我幻想着自己可以跳转网址了 哈哈哈;
但是啊 到了我真是页面上 我发现 这个 a 标签啊 O(∩_∩)O哈哈~ 除了跳转功能 其他都能用... #¥$#¥$%
这就是微信小程序跟我开的一个玩笑嘛。。。。
还有 webview 标签 很舒服的一个标签(官方描述来说)
我但是项目需求 内嵌 H5 页面;当时百撕不得骑姐,我说这小程序该怎么内嵌H5啊 ;
后来我通过度娘 了解到 小程序有个叫 webview 的好东西 哎呀 激动呀
然后我满心欢喜的去页面上 写出webview 加上src 然后保存 刷新 ;哈哈哈 果然啊 H5页面出来了 ;但是!!!!!!!我页面上的其他东西呢?!!
后来去看文档发现 原来这个东西 所说可以跳转网页 但是 他就类似一个 自动跳转的 a 标签一样; 他会将你整个页面都顶掉,只显示你嵌入的H5页面 这就很尴尬呀;
然后把 你可以 把 webview 跟这个 rich-text 结合一下 发现 你其实可以内嵌 H5网页 但是 你缺 丢失了很多 H5 事件 ;
很坑呀 ,我哭....................
3,小程序是一个集合Vue ,react 的 生成物(两人的私生子),其用法包含JS(这是肯定的),Vue的语法,部分react 语法都可使用;但是我个人使用过程中只有在使用组件的时候才会涉及Vue,react的语法;
小程序的组件化连接:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html
官方说的还是比较详细的,这里就不一一叙述了;