Web引领者 - 博客园

2019年5月23日

摘要： button 组件拥有强大的功能自身可以拥有很多跟微信风格的样式，且是表单和开放的能力重要的按钮 button 的属性： size：类型字符串按钮的大小属性值：default 默认的 mini 小尺寸 type：类型字符串按钮的样式类型属性值：default 默认的 p 阅读全文

posted @ 2019-05-23 20:25 Web引领者阅读(1193) 评论(0) 推荐(0) 编辑

h5视频标签 video

摘要： video标签，用来播放视频的基本上所有的浏览器都支持 video支持的视频格式有： mp4 mime-type: video/mp4 WebM mime-type: video/WebM Ogg mime-type:video/Ogg video 播放视频的两种写法第一种： <video sr 阅读全文

posted @ 2019-05-23 15:14 Web引领者阅读(9479) 评论(0) 推荐(0) 编辑

h5离线缓存

摘要：离线缓存：application cache 什么是离线缓存：离线缓存可以将站点的一些文件缓存到本地，它是浏览器自己的一种机制，将需要的文件缓存下来，以便后期即使没链接网络，被缓存的页面也可以展示离线缓存的优势：提高用户的访问速度，节省流量；如何实现离线缓存 1.在需要缓存文件的根节点 ht 阅读全文

posted @ 2019-05-23 14:48 Web引领者阅读(1525) 评论(0) 推荐(0) 编辑

2019年5月21日

ECharts插件介绍（图表库）

摘要： ECharts是一个非常好用的插件，用于进行树状图，折线图，饼图，地图等等，系列视图的绘制。（详情看官网）了解： AMD：模块化开发方式；引入文件后：console.log(echarts) //得到一个echarts的对象 options：选项；图表介绍：柱状图（bar）折线图（lin 阅读全文

posted @ 2019-05-21 17:12 Web引领者阅读(1996) 评论(0) 推荐(0) 编辑

2019年5月20日

rich-text 副文本组件 text文本组件

摘要： rich-text 副文本组件要知道我们小程序常用的标签是view　但是我们想使用div span h1 i 标签等等，这种带特性的标签，怎么办的，我们就可以使用我们的 rich-text组件 rich-text组件的属性： nodes：类型：array对象节点列表因为他是对象所以他的属性：阅读全文

posted @ 2019-05-20 21:07 Web引领者阅读(655) 评论(0) 推荐(0) 编辑

progress组件（进度条）

摘要： progress组件：进度条 progress组件的属性： percent：类型：number 设置百分比（0~100） show-info：类型：布尔在进度条右侧显示百分比 border-radius：类型：number 圆角大小 font-size：类型：number 右侧百分比字体大小 s 阅读全文

posted @ 2019-05-20 20:26 Web引领者阅读(1886) 评论(0) 推荐(0) 编辑

icon组件

摘要： iocn组件，小程序给我们提供了一些小图标，与微信的风格一致 iocn组件的属性： type：类型：string icon的类型；属性值：success：成功带背景的 success_no_circle：成功不带背景的 info：信息 warn：警告 waiting：等待 cancel：取消阅读全文

posted @ 2019-05-20 19:51 Web引领者阅读(843) 评论(0) 推荐(0) 编辑

movable-view组件

摘要： movable-view组件：可以移动方块 movable-view组件必须是movable-area的直接子元素，才可以进行操作，才可以移动方块 movable-view组件的属性： direction：类型：字符串 movable-view组件的移动方向属性值：all 任意方向移动 verti 阅读全文

posted @ 2019-05-20 18:51 Web引领者阅读(1537) 评论(0) 推荐(0) 编辑

svg矢量图

摘要： svg：矢量图 canvas：用于绘制位图 svg：使用xml格式绘制图形 svg：要有一个根节点，标签就相当于html svg 命名空间 xmlns="http://www.w3.org/2000/svg" 版本 version="1.1" svg如果不设置大小，默认占用位置 300x150 定义阅读全文

posted @ 2019-05-20 17:37 Web引领者阅读(442) 评论(0) 推荐(0) 编辑

canvas 时钟案例

摘要： <!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-sca 阅读全文

posted @ 2019-05-20 15:57 Web引领者阅读(237) 评论(0) 推荐(0) 编辑