总结
时光默
一个前端程序媛的成长之路。
展开
-
彩票
1.样式引入需要加个时间戳 例如:style.css?v=20161212如果没有加时间戳或导致发测试环境时样式读取缓存,一开始展示乱了,过一段时间缓存慢慢消去。2.弹窗遮罩等样式 弹窗fix定位 内容:父div 采用relative,子div 采用absolute. 内容框里面的内容可以按照正常排序写 ,不用定位。 层级关系:z-index;值越大越在上面。 jq操作class的增原创 2017-01-04 18:48:55 · 323 阅读 · 0 评论 -
图片+文案(在图片上)
层级关系:z-indextop属性值只有在父级上有设置宽高时,才能使用百分比。line-height:没有单位 例如: font-size: 14px; line-height: 1.5; 这里行高是字体1.5倍div里文字两端对齐:text-align: justify;原创 2017-01-04 18:55:39 · 2297 阅读 · 0 评论 -
background-size值为cover和值为100%的区别
background-size:100% 100%;---按容器比例撑满,图片变形;background-size:cover;---把背景图片放大到适合元素容器的尺寸,图片比例不变。IE8及以下版本用滤镜来兼容background-size如下:filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizi翻译 2017-01-06 16:35:10 · 8773 阅读 · 0 评论 -
常用Console命令,让js调试更简单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>常用Console命令,让js调试更简单</title> <style> .center { height: 500px; background:#888;原创 2017-02-04 14:48:46 · 870 阅读 · 0 评论 -
CSS:7个你可能不认识的单位
https://github.com/dwqs/blog/issues/31原创 2017-02-04 15:26:14 · 498 阅读 · 0 评论 -
15个必须知道的chrome开发者技巧
https://github.com/dwqs/blog/issues/29原创 2017-02-04 15:34:26 · 526 阅读 · 0 评论 -
CSS3的content属性详解
https://github.com/dwqs/blog/issues/28原创 2017-02-04 15:56:15 · 678 阅读 · 0 评论 -
通过JS语句判断WEB网站的访问端是电脑还是手机
通过JS语句判断WEB网站的访问端是电脑还是手机 //判断访问终端 var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trid翻译 2017-02-09 10:40:18 · 1457 阅读 · 0 评论 -
package.json详解
package.json详解翻译 2017-02-09 10:41:52 · 572 阅读 · 0 评论