Web引领者 - 博客园

2019年5月17日

摘要： <!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-17 16:22 Web引领者阅读(233) 评论(0) 推荐(0)

canvas万花筒案例

摘要： <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title> <style> #c{ background:#ccc; } </style></head><body> <canvas id="c" width="600 阅读全文

posted @ 2019-05-17 13:52 Web引领者阅读(305) 评论(0) 推荐(0)

2019年5月16日

swiper（轮播）组件

摘要： swiper是一个非常强大的组件但是需要swiper-item这个标签来实现他想显示的内容 swiper-item标签有个item-id的属性，属性值：字符串是swiper-item的标识符；一个swiper标签只能显示一个swiper子元素的内容，所以说一个swiper-item就相当于一个阅读全文

posted @ 2019-05-16 21:10 Web引领者阅读(6173) 评论(0) 推荐(0)

canvas介绍（画布）

摘要： canvas（画布）主要是位图 svg（矢量图） canvas标签，必须要写的3个属性 id width height 为什么不再style中设置width和height呢？因为这设置width和height话会有位移差；位移差：在画布里面的元素有偏差； js中每次使用canvas，都要设置一个阅读全文

posted @ 2019-05-16 15:41 Web引领者阅读(1155) 评论(0) 推荐(0)

2019年5月15日

scroll-view组件

摘要： <scroll-view></scroll-view> 组件这个组件的属性：（是要不说属性值，写不写都可以（建议不写）） scroll-x：允许横向滚动（如果你设这个属性就想让他滚动，太天真了，所以设一个样式 white-space:nowrap 不允许元素换行，他的子元素还要设 display 阅读全文

posted @ 2019-05-15 19:22 Web引领者阅读(6111) 评论(0) 推荐(0)

view组件

摘要： view标签的属性值： hover-class：按下的点击态属性值：字符串如果：hover-class="none" 按下就没有点击态 hover-stop-propagetion：是否阻止本节点的父元素出现点击态系统默认父元素出现点击态，所以需要这个元素； hover-start-time：阅读全文

posted @ 2019-05-15 19:02 Web引领者阅读(352) 评论(0) 推荐(0)

h5表单属性的介绍

摘要：表单 type属性对应的属性值 text：代表文本框案例：<input type="text" /> password：代表密码框 radio：单选框 checkbox：多选框 submit：提交按钮 button：按钮 h5 email：邮箱（必须是邮箱格式的） tel：电话号码（手机上显示虚拟阅读全文

posted @ 2019-05-15 10:42 Web引领者阅读(588) 评论(0) 推荐(0)

h5新标签介绍

摘要： html5新增了一些标签这些标签都是语义标签，可以帮助我们更好的理解，代码中的意思；(都是双标签) 案例：将语义标签翻译过来为 <div class="header"></div> （并没有太多的区别）但也有几个有意思的标签；常见的标签 header 代表头部标签 footer 代表脚部标签阅读全文

posted @ 2019-05-15 10:30 Web引领者阅读(8223) 评论(0) 推荐(0)

2019年5月14日

移动端轮播完整版css3加原生写法

摘要： <!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-14 11:10 Web引领者阅读(261) 评论(0) 推荐(0)

2019年5月13日

zepto-touch.js插件

摘要： /* Zepto v1.2.0 - zepto event ajax form ie - zeptojs.com/license */(function(global, factory) { if (typeof define 'function' && define.amd) define(fun 阅读全文

posted @ 2019-05-13 19:08 Web引领者阅读(324) 评论(0) 推荐(0)