2018-05-15 14:22:35
如何在background-image中使用svg如何改变颜色
结论 在我多番测试之后,才发现background-image使用svg,改变颜色根本做不了。 分析 当svg图片被使用成background-image,颜色的设置需要在svg内部才能生效。在外部CSS设置颜色样式,却是无效,这其实可以从CSS选择器得到解释,CSS选择器必须选择到DOM元素,而svg却被做成背景图,并没有以元素引入,所以在外部也就设不了颜色。
5792
2017-10-12 10:42:39
造成网页乱码的根本性原因是什么
HTML代码中的<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 指定了网页的编码为utf-8。 网页编码涉及的知识点比较多,总的说来它也是一个历史遗留问题。 第一台计算机(ENIAC)于1946年2月诞生于美国,当时美国只考虑自己使用,并在计算机诞生后的几年里制定了一套ASCII码标准(American Standard Code for I
8121
2017-10-12 10:40:40
rem绝对自适应方案解析
rem css3新增的rem是现在非常受欢迎的单位。看一下MDN上的说明: 这个单位代表根元素的 font-size 大小(例如 <html> 元素的font-size)。 使用这个单位可以创建完美的可扩展布局,只需根据页面大小去修改html的font-size,就能达到适配整个页面的目的。那么问题来了,如何使html的font-size自适应呢? 媒体查询 media的用法这里就不赘述,简单说明通过媒体查询修改html的font-size以达到页面自
1753
2017-10-12 10:38:43
css3弹性盒模型flex知识
一、什么是flex? flex是css3中引入的一种布局方式,可以非常灵活高效控制元素的排列与对齐方式,大多数人称之为弹性布局. 二、怎么使用flex? 任何一个容器都可以指定为flex布局
1926
2017-10-12 10:33:17
如何实现Html事件冒泡
原以为span不同于input,事件冒泡会被父级标签吞噬,写了个测试事件冒泡的Demo,发现并不是想得那样。另外:event.stopPropagation()以及event.stopImmediatePropagation()并不能阻止span冒泡到a标签中,而简单粗暴的return false却可以
1984
2017-10-12 10:28:22
关于JQuery全选/反选第二次失效的问题
最近在项目中,遇到一个问题,测试全选/反选功能时,第一次对母框进行选中/非选中时,能同步子框的全选/反选状态,之后再点击母框,子框就没反应了。原代码大致结构关键如下: function selectAll(obj){ $('input[name="xxx[]"]').attr("checked",obj.checked); } <input type="checkbox" id="m
1473
2017-10-12 10:26:23
jquery的extend方法解析
1.前段时间一直忙于研究数据可视化(d3.js,three.js) 以及 php的 laravel框架,生活上也遇到很多事情,这大概就是人生中的迷茫期吧。 回想起,刚出来工作的时候,目标很明确,要学习什么。将来要达到什么样的高度,要跟大神们肩并肩,谈天论地。朝着这个目标一直 努力着。但随着见过的、做过的、东西越多,反而越来越迷茫-----感觉啥都会,借着度娘,工作中基本不会遇到什么问题了。 但仔细想来又啥都不会。闭着眼睛一写,这也记不住,那也记不住(也许是年龄大的原因吧)。目标一直未变,但
1687
2017-10-12 10:18:16
2017-10-12 10:16:49
实现对象合并功能的方法
前言 jQuery 中的 $.extend() 是经常使用到工具函数,多用于合并参数(对象),具体用法在这里不过多赘述,可通过传参控制合并过程中是否使用深度拷贝;而ES2015中新增的 Object.assign()方法,也可以实现对象的合并,不过合并过程中使用的是浅拷贝;本文参考了jQuery的extend方法的源码,将自己实现对象合并,即将多个对象的属性复制到目标对象上,若有相同的属性,后面的对象覆盖前面的。 浅拷贝的方式实现对象合并 之前的一篇博文 有专门介绍对象和数组的深浅拷
2866
2017-10-12 10:09:57
js实现验证码的方法
验证码的生命周期 在web应用中,验证码常用于登录注册。验证码本质就是一张图片。 我们来看一下验证码的生命周期: 客户端请求验证码 服务端渲染验证码: 渲染一张包含随机字符串的图片 随机字符串写入session 读取图片并返回响应 客户端提交: 显示响应(即验证码图片) 获取用户输入字符串
2337