首页 新闻

微信小程序框架:MINA

小程序是微信推出的一种新的公众号的形态,不需要下载安装即可在微信中使用的应用,小程序、订阅号、服务号、企业号是并行的体系。


微信小程序源码结构


  • 视图层(将逻辑层的数据展现在视图上)

  • 逻辑层(通过改变数据[setData方法]来改变视图)


配置文件


在小程序中,微信规定了界面的组成模式,由四个文件组成。


  • .wxml文件(页面结构文件)标签语言,类似html,真正负责页面结构的文件,可以绑定数据

  • .wxss文件(样式表文件)类似css,大部分css样式都相同

  • .js文件(脚本文件)用来运行我们的逻辑,使用js语言

  • .json文件(配置文件)主要配置公用的样式,比如tab栏,窗口样式等


微信小程序框架:MINA


MINA 组件

基本:view,text

表单:button,input,radio,slider

媒体:image,video,audio,canvas

模态:action-sheet,modal,toast,loading

容器:swiper,scroller

导航:navigator,tabbar

小程序融合了很多前端开发界的概念,但是并没有采用任何一个框架,包括流行的REACT、VUE,还有CORDOVA。它不是三者中的任意一个,而是拼凑出一个新的框架。

它的框架看起来既像 H5,又像原生。小程序用的是H5 代码,但又不遵从 H5 的标准写法。很多方面借用了 Web 技术,但细节不太一样。


非标准标签(组件)

我们知道写浏览器用的都是标准的主键,但是在 MINA 里面,小程序自成一个体系,虽然后台还是一样用浏览器的主键去实现的,但是在前面写 HTML 的时候加上它自己的一套标准。


非标准CSS


rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.


非标准事件系统


当按下一个按钮的时候分配一个事件,这个事件也是非标准的,但是跟非标准很像。包括冒泡阶段和捕捉阶段。


非标准 JS API


支持微信的接口,但是没有任何标准 JS接口。


不能操作 document 或者 DOM


虽然是在浏览器里面运行,但是不能操作浏览器本身,不能操作原生文件本身,只能用Virtual DOM 去改变页面。


有些组件有奇怪的默认高宽(scroller,image)


通常在 Web 浏览器里面,主键是按图片内容的高度,基本上所有组件默认高宽都是0,小程序的image是按照background-image来实现的,所以所有图像会得到一个初始宽高320 240,而且无法通过auto重置,只可以通过具体的值来重写。


Require


因为小程序自成一个体系,JS 的包、CSS 框架都不能用,全部都要重新开始。


1M打包上线


能够更快地下载



现代化前端技巧


Virtual DOM


开发者写 iOS 和原生的 h5 应用的时候,很多时候是手动地去操作 UI,用户按按钮之后改变页面。当应用很复杂的时候在改变的过程可能就会产生错误,Virtual DOM每次要去改变一个界面的时候,重新把界面做一次再进行修改,避免出错。


MVVM


分离逻辑和数据


组件化


功能、风格模块化,每个风格封装在组件里就不会泄露。



小程序与传统APP区别

微信小程序和传统的APP存在较大的差异,所以在设计小程序时不能以传统APP的思维来实现,要采用与之相匹配的小程序思维进行设计。那么,可以从以下6个关键词中思考:

1)轻量:让用户便捷、迅速、简单地获取服务,不要挑战微信的产品观。


2)社交:必须和微信生态融入,那就必须考虑到微信的生态基因。抛开社交关系链做的话,最大的可能性是过于平庸导致反响平平。价值:小程序本身不是为了哗众取众,必须对用户有切实的价值,能够让用户在有需要时主动进入,主动唤醒。


3)引流:对于第三方来说,微信必须是重要的流量入口。在微信允许的范围内,用可能的手段获取用户流量,是我们需要着重考虑的。


4)数据:即便没有引流成功,至少要获取用户数据,支持自有APP开展业务。


5)生态:如果已经有了微信公众号、服务号,在微信生态内考虑和小程序相互依托,互为补充。

更多

  • 孙鑫优选
  • 中商大学
  • 西南石油大学
  • 嵘e购
  • 聪猫直播

更多

  • 袋鼠快快小程序案例分享
  • 热辣全开,本命集结—探索你的火锅英雄属性
  • 【康弘药业】中国自信,尽收眼底
  • 洪桥会员管理系统
  • 中国力量 让世界看见

营销手段 更多

什么是网络营销?网络营销都有些什么作用

什么是网络营销?网络营销都有些什么作用

精彩回顾|“新物种 ‘元’动力”元宇宙营销峰会圆满召开

精彩回顾|“新物种 ‘元’动力”元宇宙营销峰会圆满召开

实体店如何通过网络推广拓客引流

实体店如何通过网络推广拓客引流

新资讯

  • 小程序开发的营销优势有哪些
  • 怎么做外链关键词优化才能利于提升网站排名!
  • Python 的十大特性
  • 什么是网络营销?网络营销都有些什么作用
  • 利用微信营销系统提高客户关怀
  • 袋鼠快快小程序案例分享
  • SEO关键词优化基本方式
  • 云计算的五大关键技术
  • 精彩回顾|“新物种 ‘元’动力”元宇宙营销峰会圆满召开
  • 水果店小程序门店小程序开发 生鲜水果店如何借力微信小程序?

哆哆女性网描写动作的词语西乡网站建设推荐网站关键词优化排名知识上海网站建设团队号码测吉凶周易姓潘的女人起名字东莞seo外包平面设计网站学习免费起名测试分数网姓杨怎么起名字梦见大乌龟周公解梦制造企业网站设计公司微信营销推广地区种植牙齿昭通市政府网牌子 网站建设seo外链增加工具起名 加工厂建设公司起什么名字好草原读后感30字吕姓怎么起名超级营销推广方式指天誓日何杜娟演过的电视剧帝国的毁灭电影天堂宝宝起名哪个网站比较好路德宗宝宝起名张三个字的名字经超和小李琳演的电视剧多少周容易胎停淀粉肠小王子日销售额涨超10倍罗斯否认插足凯特王妃婚姻不负春光新的一天从800个哈欠开始有个姐真把千机伞做出来了国产伟哥去年销售近13亿充个话费竟沦为间接洗钱工具重庆警方辟谣“男子杀人焚尸”男子给前妻转账 现任妻子起诉要回春分繁花正当时呼北高速交通事故已致14人死亡杨洋拄拐现身医院月嫂回应掌掴婴儿是在赶虫子男孩疑遭霸凌 家长讨说法被踢出群因自嘲式简历走红的教授更新简介网友建议重庆地铁不准乘客携带菜筐清明节放假3天调休1天郑州一火锅店爆改成麻辣烫店19岁小伙救下5人后溺亡 多方发声两大学生合买彩票中奖一人不认账张家界的山上“长”满了韩国人?单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#青海通报栏杆断裂小学生跌落住进ICU代拍被何赛飞拿着魔杖追着打315晚会后胖东来又人满为患了当地回应沈阳致3死车祸车主疑毒驾武汉大学樱花即将进入盛花期张立群任西安交通大学校长为江西彩礼“减负”的“试婚人”网友洛杉矶偶遇贾玲倪萍分享减重40斤方法男孩8年未见母亲被告知被遗忘小米汽车超级工厂正式揭幕周杰伦一审败诉网易特朗普谈“凯特王妃P图照”考生莫言也上北大硕士复试名单了妈妈回应孩子在校撞护栏坠楼恒大被罚41.75亿到底怎么缴男子持台球杆殴打2名女店员被抓校方回应护栏损坏小学生课间坠楼外国人感慨凌晨的中国很安全火箭最近9战8胜1负王树国3次鞠躬告别西交大师生房客欠租失踪 房东直发愁萧美琴窜访捷克 外交部回应山西省委原副书记商黎光被逮捕阿根廷将发行1万与2万面值的纸币英国王室又一合照被质疑P图男子被猫抓伤后确诊“猫抓病”

哆哆女性网 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化