摘要: Emmet插件语法速查 Emmet是一个超级强大的文本编辑器插件,它可以根据语法规则自动生成HTML/CSS代码,极大提高coding速度。本文收集了常用的缩写语法,方便参考。更多细节参考Emmet官网 Child: > div>ul>li Sibling: + div+p+bq Climb-up: 阅读全文
posted @ 2017-11-01 15:49 爱博子 阅读(312) 评论(0) 推荐(0) 编辑
摘要: img标签设置默认图片 为了美观当网页图片不存在时不显示叉叉图片 当在页面显示的时候,万一图片被移动了位置或者丢失的话,将会在页面显示一个带X的图片,很是影响用户的体验。即使使用alt属性给出了”图片XX”的提示信息,也起不了多大作用。其实,可以这样处理:当图片不存在的时候,会触发onerror事件 阅读全文
posted @ 2017-11-01 15:01 爱博子 阅读(531) 评论(0) 推荐(0) 编辑
摘要: HTML页面中嵌入SVG的几种方式 你有N种理由使用SVG在页面中展示图像,如它的矢量特性、广泛的浏览器支持、比JPEG和PNG更小的体积、可用CSS设置外观、使用DOM API操作以及各种可用的SVG编辑工具等。 可以用以下六种方式在页面文档中嵌入SVG: 1. 作为图片使用<img>标签 <im 阅读全文
posted @ 2017-11-01 15:00 爱博子 阅读(18532) 评论(0) 推荐(2) 编辑
摘要: Chrome Command API 参考 Chrome开发工具已经强大得令人发指了,除了可通过UI操作的各种功能外,还提供了基于控制台的命令行方法,极大地方便了开发调试。现在就来领略下Chrome Command API 的风骚。 $_ 返回控制台最近计算的表达式的值。 $0 - $4 返回在El 阅读全文
posted @ 2017-11-01 14:59 爱博子 阅读(1274) 评论(0) 推荐(0) 编辑