swiper标签是微信小程序中自带的轮播图组件,然我们可以快速的创建一个轮播图,不再需要像在HTML中那样麻烦。 swiper (滑块视图容器,即轮播图容器) 轮播图组件容器。 在此容器中加入轮播的图片,设置部分属性即可完成轮播图的设计,非常方便。下面记录一下各个常用属性及其作用。 注意 下面这些全 ...
分类:
微信 时间:
2020-07-20 20:31:38
阅读次数:
214
tab键很强大,输入要输入的信息后,点击tab键,效果即现。 头部部分:(html5) 1、输入“!”,按tab键; 2、输入“html:5”,按tab键; 得到: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit ...
分类:
Web程序 时间:
2020-07-20 15:38:48
阅读次数:
104
html5+css3响应式垂直时间轴,使用了html5标签<section>,时间轴中所有的内容包括标题、简介、时间和图像都放在.cd-timeline-block的div中,多个div形成一个序列,并把这些div放在<section>中。 PC端: 移动端: html代码: <!DOCTYPE h ...
分类:
Web程序 时间:
2020-07-19 18:11:56
阅读次数:
166
虽然现代浏览器支持css3,但是一些过往的版本或是目前有些css3属性的应用还是离不开前缀的。一些牛逼且执着于web技术且乐于分享的仁兄(Lea Verou)就搞了个名叫prefixfree.js的插件可以自动补全前缀。首先在页面任意地方(能生效的方)插入插件: <script src="prefi ...
分类:
Web程序 时间:
2020-07-19 00:54:54
阅读次数:
135
解决办法: 在不生效的那个swiper的js代码中插入以下两行代码就OK了 observer:true, //修改swiper自己或子元素时,自动初始化swiper observeParents:true, //修改swiper的父元素时,自动初始化swiper ...
分类:
其他好文 时间:
2020-07-18 20:00:21
阅读次数:
80
-1、html 兼容性问题 问题:HTML5新的语义标签在低版本的老IE浏览器中存在兼容性问题 解决方案:引用第三方解析库 <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script> -2、css兼 ...
分类:
其他好文 时间:
2020-07-18 19:44:21
阅读次数:
72
前端的存储方式有:localStorage、sessionStorage、cookie、UserData、webSQL、indexeddb、HTML5离线存储等 1、本地存储 1.cookie 在h5之前,存储主要用的是cookie。cookie会随着每次http请求头信息一起发送,无形中增加了网络 ...
分类:
其他好文 时间:
2020-07-17 14:10:24
阅读次数:
66
这是swiper专门为了vue开发出的插件,参数基本一样 https://www.swiper.com.cn/ vue中使用 npm install vue-awesome-swiper 组件中引入 import { Swiper, SwiperSlide } from 'vue-awesome-s ...
分类:
其他好文 时间:
2020-07-17 14:02:11
阅读次数:
125
html5的新特性 1.语义化标签 有利于seo,有助于爬虫抓取更多的有效信息,爬虫是依赖于标签来确定上下文和各个关键字的权重。 语义化的html在没有css的情况下也能呈现较好的内容结构与代码结构 方便其他设备的解析 便于团队开发和维护 2.表单新特性 3.多媒体视频(video)和音频(audi ...
分类:
Web程序 时间:
2020-07-17 09:32:12
阅读次数:
101
常见的表单元素有文本框,密码框,单选按钮,复选框,列表框,图片按钮,多行文本域,文件域,邮箱,网址,数字,滑块,搜索框, type :指定元素的类型text、password、checkbox、radio、submit、reset、file、hidden、image 和 button,默认为 tex ...
分类:
Web程序 时间:
2020-07-16 21:42:31
阅读次数:
271