随笔分类 -  web前端

web前端面试题
摘要：第一部分 JavaScript 1、JavaScript中如何检测一个变量是一个String类型？ 2、去除给定的字符串空格？ 3、获取浏览器URL中查询字符串中的参数 1 // 测试地址为：http://www.runoob.com/jquery/misc-trim.html?channelid= 阅读全文
posted @ 2019-01-11 09:11 子觉 阅读(160) 评论(0) 推荐(0)
jQuery幻灯片插件OWL Carousel
摘要：简介 Owl Carousel 是一个强大、实用但小巧的 jQuery 幻灯片插件，它具有一下特点： 兼容所有浏览器 支持响应式 支持 CSS3 过度 支持触摸事件 支持 JSON 及自定义 JSON 格式 支持进度条 支持自定义事件 支持延迟加载 支持自适应高度 …… Owl Carousel 提 阅读全文
posted @ 2018-11-05 17:55 子觉 阅读(1528) 评论(0) 推荐(0)
HTML5 - 用CSS3动画制作场景切换效果（移动，旋转，淡入淡出等）
摘要：1 2 3 4 5 HTML5-页面切换动画 6 7 8 9 59 422 423 424 425 这个是页面1...... 426 这个是页面2...... 427 这个是页面3...... 428 这个是页面4...... 429 ... 阅读全文
posted @ 2018-11-05 16:43 子觉 阅读(7075) 评论(0) 推荐(0)
DIV+CSS实现仿京东商城导航条效果
摘要：1 3 4 5 6 京东商城导航条 7 128 129 130 131 分类导航 132 133 按网站类别 134 135 企业建站 136 137 138 139 140 LOGO设计 141 网站设计 142 网站广告 143 推广 144 建网站 145 网站推广 146 网站建设 147 SEO 148 149 150 151 ... 阅读全文
posted @ 2018-11-05 13:01 子觉 阅读(1698) 评论(0) 推荐(0)
js实现：仿京东搜索栏随滑动透明度渐变
摘要：注意：不兼容IE8及以下，IE11和360的IE兼容模式测试通过 IE8不支持opacity 此效果采用的opacity做的透明渐变 html部分 css部分 阅读全文
posted @ 2018-11-05 11:42 子觉 阅读(844) 评论(0) 推荐(0)
Javascript：仿淘宝搜索框用户输入事件的实现
摘要：打开淘宝网首页，找到淘宝首页的搜索框，大家可以看到，当页面一打开，搜索框中就可以看到灰色字体“少女高跟鞋”，还有闪烁的光标。当用户点击输入的时候，灰色字消失。当用户清空文本框的所有内容的时候，灰色字自动恢复。 接下来，这个小案例就是要介绍如何实现这种效果，即用户输入事件。 判断用户输入的事件有 on 阅读全文
posted @ 2018-11-04 17:17 子觉 阅读(1233) 评论(0) 推荐(0)
css精灵图
摘要：当网页中有很多图片事，浏览器访问网页，就会发送很多请求报文，这就会降低访问体验，这时我们将很多小图片都放在一张图片上，此时浏览器会少发送很多次请求报文，让我们的使用体验会好很多 这就是精灵图。 如何使用： 使用adobe公司的fireworks来确定你需要选的图片位置过程如下 演示代码： 1 <!D 阅读全文
posted @ 2018-11-04 16:13 子觉 阅读(315) 评论(0) 推荐(0)
用html+css+js实现选项卡切换效果
摘要：实现一个新闻门户网站上的常见选项卡效果： 文字素材:房产： 275万购昌平邻铁三居 总价20万买一居 200万内购五环三居 140万安家东三环 北京首现零首付楼盘 53万购东5环50平 京楼盘直降5000 中信府 公园楼王现房家居: 40平出租屋大改造 美少女的混搭小窝 经典清新简欧爱家 90平老房 阅读全文
posted @ 2018-10-31 15:23 子觉 阅读(11969) 评论(0) 推荐(0)
web存储
摘要：HTML 5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储,可长期储存。sessionStorage - 针对一个 session 的数据存储，之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来 阅读全文
posted @ 2018-10-31 11:31 子觉 阅读(183) 评论(0) 推荐(0)
html5中Canvas的使用
摘要：1.画矩形(红色） 2.画三角形 3.画圆并填充颜色 4.颜色渐变 5.插入图片（注意图片尺寸） 阅读全文
posted @ 2018-10-31 10:10 子觉 阅读(259) 评论(0) 推荐(0)