10 2019 档案

摘要:为了实现轮播图(carousel)效果或左右滑动显示不同的内容,我们采用Swiper来实现。 需要引入swiper.min.css和swiper.min.js,文件可从https://github.com/LuoYiHao/front-end-lib/tree/master/swiper下载。 示例 阅读全文
posted @ 2019-10-30 09:23 罗毅豪 阅读(991) 评论(0) 推荐(0) 编辑
摘要:移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件,这是为了检查用户是否在做双击。 为了能够立即响应用户的点击事件,才有了FastClick。 用法: 引入fastclick.min.js,然后在脚本中加上: 1 // 解决移动端点击事件300ms延迟 2 $(functio 阅读全文
posted @ 2019-10-29 16:37 罗毅豪 阅读(400) 评论(0) 推荐(0) 编辑
摘要:H5实现图表和地图的代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>图表和地图</title> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, max 阅读全文
posted @ 2019-10-29 10:42 罗毅豪 阅读(1194) 评论(0) 推荐(0) 编辑
摘要:H5纯前端生成Excel表格方法如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 <meta charset="utf-8"> 6 <meta http-equiv="x-ua-compatible"> 7 </head> 8 < 阅读全文
posted @ 2019-10-28 16:48 罗毅豪 阅读(5346) 评论(0) 推荐(0) 编辑
摘要:在页面中,如果页面长度过大,滑动页面时,头部导航栏则会跟着划走。 我的头部导航栏代码为: 1 <div class="headbar"> 2 <center class="headbarTitle">通讯录</center> 3 </div> 固定头部导航栏的方法:引入sticky.js,再加上 1 阅读全文
posted @ 2019-10-24 15:48 罗毅豪 阅读(1737) 评论(0) 推荐(0) 编辑
摘要:之前看别人的代码,发现他的body标签添加ontouchstart属性。即 1 <body ontouchstart> 上网查了一下原因,记录一下: 这个操作是进行手机端兼容处理的,防止伪类:active失效。 阅读全文
posted @ 2019-10-24 15:15 罗毅豪 阅读(2788) 评论(0) 推荐(0) 编辑
摘要:我们在编写前端页面时,常希望能自动生成基础的HTML代码。而在Sublime和VSCode就有这样的功能 在Sublime中,在编辑栏输入html,然后敲Tab键,则自动生成代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 < 阅读全文
posted @ 2019-10-17 08:55 罗毅豪 阅读(539) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示