2019年1月11日
摘要: 刚开始的时候我也觉得不可能,但是就是这么神奇,总有大神给你意想不到的惊喜。 快来感受一下把。(仔细看看头部黄色条的变化) 思考一下啊,怎么出现的那,其实作者使用了一点小技巧,那就是背景色渐变和遮挡产生的视觉效果。 再来欣赏一个图片,大概你就明白了。 看到了把,其实就是内容区域的背景色的渐变黄色部分, 阅读全文
posted @ 2019-01-11 15:48 lily_w 阅读(270) 评论(0) 推荐(0) 编辑
  2018年12月24日
摘要: 一:Emmet LiveStyle(http://livestyle.io/) CSS,LESS和SCSS的第一个双向实时编辑工具。 官网说只适用与谷歌跟sublime,可以自行测试 1.sublime下载插件liveStyle 2.谷歌商店下载Emmet LiveStyle 3.不需要任何服务,只 阅读全文
posted @ 2018-12-24 14:39 lily_w 阅读(1359) 评论(0) 推荐(0) 编辑
  2018年12月20日
摘要: 鼠标移入的动画之前发布过一次,今天特地做了gif的图片,主要用到box-shadow 这是看到一个叫daisy,gogogo的博友总结的,记录一下,以备后用 阅读全文
posted @ 2018-12-20 14:29 lily_w 阅读(1274) 评论(0) 推荐(0) 编辑
摘要: 之前这些小细节都在实践的时候给忽视了,或者都动态加载,框架的使用等因素的隐藏,变得不那么容易出现。 今天看到张鑫旭大牛的微博,觉得记录一下这个小问题的解决方案 加了这句话就不会出现闪动问题,因为这样计算左边总会预留出来滚动条的宽度回没有滚动条为0; 100vw相对于浏览器的window.innerW 阅读全文
posted @ 2018-12-20 10:59 lily_w 阅读(991) 评论(0) 推荐(0) 编辑
  2018年12月19日
摘要: 今天才发现一个简单有趣的问题,有关iframe的; 此时div出现了滚动条,百思不得其解,原来还是老问题,就是因为iframe是行内元素,后面的 空白节点占据着高度,iframe与空白节点的基线对齐,导致了div被撑开,从而出现滚动条 解决方案 第一种,设置iframe的vertical-align 阅读全文
posted @ 2018-12-19 16:22 lily_w 阅读(1688) 评论(0) 推荐(0) 编辑
  2018年12月12日
摘要: 这个也是在脚本之家看到的,感觉挺有意思的;记录一下 其实这个案例还是有很多问题的,有些情况不能准确转换 希望看到的大神,帮我斧正,感激不尽 阅读全文
posted @ 2018-12-12 15:42 lily_w 阅读(344) 评论(0) 推荐(0) 编辑
摘要: 字符串的替换转换,一般大家都会想到字符串的替换replace方法跟正则表达式的结合。 但是对于不了解的童鞋们,正则表达式仅仅在于使用,很难有人理解,我也不例外。 通过一个小案例,我们一起探讨一下它们的奥秘! 1.replace定义和用法 replace() 方法用于在字符串中用一些字符替换另一些字符 阅读全文
posted @ 2018-12-12 10:38 lily_w 阅读(815) 评论(0) 推荐(0) 编辑
  2018年12月7日
摘要: var arr = [1, 3, 3, 4, 6, 7] for (var i = 0; i < arr.length - 1; i++) { var bool = true; for (var j = 0; j < arr.length - i - 1; j++) { if (arr[j] > a 阅读全文
posted @ 2018-12-07 14:22 lily_w 阅读(248) 评论(0) 推荐(0) 编辑
  2018年10月9日
摘要: 1 : Object.keys(obj) 返回给定对象的所有可枚举属性的字符串数组 例子1: var arr = [1, 2, 6, 20, 1]; console.log(Object.keys(arr), "arr")//["0", "1", "2", "3", "4"] "arr" 返回的数组 阅读全文
posted @ 2018-10-09 10:13 lily_w 阅读(870) 评论(0) 推荐(0) 编辑
  2018年6月5日
摘要: 图片中间有条渐变的白块,主要是css3的新属性线性渐变的功劳(linear-gradient),附上css样式表 我这里是插了一张图片,你也可以用背景图 阅读全文
posted @ 2018-06-05 14:50 lily_w 阅读(182) 评论(0) 推荐(0) 编辑