摘要: Grunt 作为前端自动化构建工具,我主要使用到的是其中对css的less预处理器的转换,图片的压缩,js,css文件的合并压缩以及实时监测的插件。 好处是:节省带宽流量,提高了代码的安全性。 使用Grunt的步骤如下: 1.安装:先要 安装 Node.js, 然后 安装 Grunt(打开控制台输入 阅读全文
posted @ 2017-07-08 12:52 iriliguo 阅读(331) 评论(0) 推荐(0) 编辑
摘要: html: js: css就不贴了,用jquery实现这种竖直手风琴菜单真的容易好多。 阅读全文
posted @ 2017-07-07 22:33 iriliguo 阅读(8169) 评论(0) 推荐(0) 编辑
摘要: 当前很多购物网站,像京东,蘑菇街这些都有对展示的图片做这种鼠标悬停图片上移,下移,左移或者右移效果, 实现代码很简单,就用css3的transform便可实现。 下列代码实现的是鼠标悬停,div向上移动30px,鼠标拿开div恢复原始位置。 css: html: 就是这么简单,哈哈哈、、、、 阅读全文
posted @ 2017-07-07 22:24 iriliguo 阅读(1698) 评论(0) 推荐(0) 编辑
摘要: 给input type="file" 加上样式display:none就可以呈现如图的效果。 html: js: 阅读全文
posted @ 2017-07-06 17:32 iriliguo 阅读(347) 评论(0) 推荐(0) 编辑
摘要: 效果如图: Title this is text If we encounter a man of rare intellect, we should ask him what books he reads. ... 阅读全文
posted @ 2017-07-05 22:30 iriliguo 阅读(2336) 评论(0) 推荐(0) 编辑
摘要: 切入正题前,的先说一下 Navigator 对象 Navigator 对象包含有关浏览器的信息。 注意: 没有应用于 navigator 对象的公开标准,不过所有浏览器都支持该对象。 阅读全文
posted @ 2017-06-28 21:11 iriliguo 阅读(262) 评论(0) 推荐(0) 编辑
摘要: 原理是通过定位把以前的样式覆盖掉,就酱... 代码如下: 阅读全文
posted @ 2017-06-26 20:32 iriliguo 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 持续更新中............ 1.cookies sessionlStorage和localStroage的区别 同点:都是保存在浏览器端,且同源的 区别: cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。而sessionStorage和 阅读全文
posted @ 2017-06-22 10:59 iriliguo 阅读(193) 评论(0) 推荐(0) 编辑
摘要: 点击文本,文本在禁用和启用之间转换。 html: js: 阅读全文
posted @ 2017-06-19 17:45 iriliguo 阅读(217) 评论(0) 推荐(0) 编辑
摘要: 如图,是基于mui进行编码的,代码如下: 阅读全文
posted @ 2017-06-19 13:51 iriliguo 阅读(1344) 评论(0) 推荐(0) 编辑