搜故事,从300万个故事到海量知识百科的华丽转变!

微信小程序实战系列 (一)——插件制作

时间:2013-11-15

制作小程序插件具体需要哪些知识?从便于理解角度来说,可以把小程序看成类H5页面,提供了视图层描述语言,WXML 和 WXSS 以及基于JavaScript的逻辑层框

提示:本文共有 689 个字,阅读大概需要 2 分钟。

制作小程序插件具体需要哪些知识?

从便于理解角度来说,可以把小程序看成类H5页面,提供了视图层描述语言,WXML 和 WXSS 以及基于JavaScript的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上。这里wxml相当于html,wxss相当于css。因此对于前端开发来说小程序有点“似曾相识”的感觉,很容易上手。

制作提示框

1.由于微信小程序自带的 showToast 本身由于字数的超过而导致不显示的原因,使得很多项目在输出后台的返回调回后显得很尴尬!

2.showToast 的显示图标并不是很方便,常见失败,成功,注意等图标并不是很满意.

3.showToast 并没有一个执行后的回调函数.

4.showToast 在执行的时候背后的页面应该不允许点击,而官方自带的却可以随意点击.

制作步骤一:

wxss 写入需要的css .如图:

目前已经有一个大概的样子,接下来我们在根目录或者(Pages)里面创建 一个文件夹 (toast).此文件夹为我们开发插件的目录,

然后在toast文件夹里面创建wxml ,把之前的wxml里面的内容复制到 新的toast.wxml 里面加已修改.如图:

创建完成之后.创建wxss文件.只要把之前的整个复制进去就行..然后在app.wxss里面引入这个目录的css(由于插件不会自动加载,所以手动引入).如图:

重点来了.最主要的js部分.如图:

简单的一个js类.同时能给予wxml赋值.

最后面的使用:

wxml的引入

简单的一个toast 制作就这么完成了..后续有更多关于小程序的文章会陆续发布.

看到此处说明本文对你还是有帮助的,关于“微信小程序实战系列 (一)——插件制作”留言是大家的经验之谈相信也会对你有益,推荐继续阅读下面的相关内容,与本文相关度极高!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。
相关阅读
小程序小程序??小故事12——微信同声传译插件

小程序小程序??小故事12——微信同声传译插件

场景,微信,接口,语音,文本,插件,同声传译,小程序,口语,团队,英语,用户,版权,应用,语音合成,大家好,中文,公众,使用者,发音,听力,听众,外教,平台,弹幕,按钮,故事,收集整理,文字,文章

2020-09-24 #短篇故事

吐槽微信小程序好物圈插件遇到的问题

吐槽微信小程序好物圈插件遇到的问题

微信,问题,小程序,文档,类型,插件,太旧,接口,格式,莫名其妙,好的,前言,伙伴,前台,商品,圈子,图片,定义,属性,近几天,报错,情况,感觉,效率,添堵,时候,环境,路径,错误,中会

2015-03-12 #故事大全

微信小程序怎么使用 教程到 如何使用微信小程序

微信小程序怎么使用 教程到 如何使用微信小程序

小程序,微信,界面,功能,进入到,管理,通用,点击进入,五子棋,入口,名字,然后就,插件,右下方,右上角,图标,游戏类,整体,手机,放大镜,标志,斗鱼,清空,能力,用户,解下,要点,页面,上显示,主页面

2014-07-24 #故事会在线阅读

微信公开课小程序专场 微信官方讲了什么?

微信公开课小程序专场 微信官方讲了什么?

小程序,微信,用户,能力,服务,开发者,公开课,服务商,升级,插件,场景,上线,组件,行业,讲师,公众号,性能,接口,生态,门店,技术,案例,模式,流量,电商,零售,彭宇,赵景,陈静,黄思

2017-07-11 #长篇故事

实战微信小程序开发之不同场景下的页面跳转

实战微信小程序开发之不同场景下的页面跳转

页面,小程序,内页,地址,跳转到,微信,菜单,方式,二维码,入口,商品,文章,公众号,数量限制,无数量,菜单中,前言,参数,场景,实战经验,接口,据库,次数,问题,应用,今天我们,一般情况下,两种情况,如果没有,都知道

2012-07-01 #短篇故事

故事多多微信小程序微信故事多多小程序入口

故事多多微信小程序微信故事多多小程序入口

冲顶,大会,大奖,现金,飞翔网,全民,全能,竞答,闯关,答题,为大家,是一款,挑战自我,接受挑战,益智类,激发潜能,知识王

2020-09-14 #故事大全

什么是微信小程序?微信小程序到底有哪些优点?

什么是微信小程序?微信小程序到底有哪些优点?

小程序,微信,用户,内存,公众号,下单,商家,客户,影响力,手机,福利,肯德基,什么是,品牌营销,存储空间,开发者,张小龙,得安,肯德,之父,主体,个人,声音,亮眼,习惯,体系,优点,传统,低成本,入口

2014-11-13 #短篇故事

用微信小程序这么久 这8个微信小程序的8个优势你知道吗?

用微信小程序这么久 这8个微信小程序的8个优势你知道吗?

小程序,微信,优势,生态,支付,可以直接,企业,品牌,实体,手机,成本,支付宝,流量,发展,宣传,相较于,得比,年发,大家买,多用户,一大,产品,东西,人民币,冰山一角,作用,位数,入口,先行者,前提

2015-11-10 #故事阅读