a fine day - 博客园

2016年11月

摘要：我说的select选择是指手机端的话，一般考虑元素 + 伪类制作 .checkbox{ border:1px solid #987;width:16px;height:16px; } .checkbox::before{ display:block;content:“✔”;width：14px；h 阅读全文

posted @ 2016-11-11 15:10 a fine day 阅读(221) 评论(0) 推荐(0)

手机端开发icon的问题

摘要：一般来说，手机端的图片能用字体（字体小的情况下）的话，效果更好，因为不受图片缩放的失真影响。但是有时，用位图的话，图片材料要高清晰，用jpg的高质量。另外，有彩图与灰度图的情况下，考虑使用css3 的灰度滤镜 { filter: grayscale(100%); filter: gray; -w 阅读全文

posted @ 2016-11-11 14:31 a fine day 阅读(157) 评论(0) 推荐(0)

javascript 判断为true false

摘要：如果逻辑对象无初始值或者其值为 0、-0、null、""、false、undefined 或者 NaN，那么对象的值为 false。否则，其值为 true（即使当自变量为字符串 "false" 时）！但是不要想当然的理解为 0 == null（结果为false），1 == “abc”（结果是fal 阅读全文

posted @ 2016-11-02 11:34 a fine day 阅读(1906) 评论(0) 推荐(0)

2016年10月

canvas 线条不清楚的问题

摘要：对于canvas 画出的1px线条不清楚的问题， 1 一般是坐标点+0.5像素的问题，但是有时要考虑viewpoint的问题，让canvas的width = 980，同时viewpoint = 980 (默认是980); 2 考虑canvas 想过画布变 2 倍的情况，然后利用的时候缩小为阅读全文

posted @ 2016-10-29 16:21 a fine day 阅读(602) 评论(0) 推荐(0)

dialog弹层背景overlayer实现的方式

摘要： 1 增加一个层<div class="dialogLayer"></div>, 要不就利用伪元素 ::before 2 利用box-shadow: 0 0 0 721px rgba(0, 0, 0, .4);(注意扩展模糊半径的数值，否则可能导致卡顿) 3 利用outline:rgba(0,0,0, 阅读全文

posted @ 2016-10-29 11:27 a fine day 阅读(262) 评论(0) 推荐(0)

省略号对单行多行的css

摘要： .twoline{ display: -webkit-box !important;width:99px; overflow:hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient:vertical; -w 阅读全文

posted @ 2016-10-25 20:02 a fine day 阅读(147) 评论(0) 推荐(0)

js == 判断

摘要：根据阮一峰介绍的算法文章分12部分可判断：阅读全文

posted @ 2016-10-18 18:02 a fine day 阅读(189) 评论(0) 推荐(0)

理解css margin

摘要：前提是对display:block元素 1 margin对没有width属性的元素，能影响其宽度，对于有width的则不影响宽度；高度方面不受影响此特性可用来排版 2 margin 与百分比普通的没有带absolute fixed 的元素，无论横竖百分比，都相对横向数值但是带有absol 阅读全文

posted @ 2016-10-17 17:13 a fine day 阅读(260) 评论(0) 推荐(0)

手机端布局rem 与vh vw的使用

摘要：手机端原来的时候，在项目中使用js判断出html的字体，然后根据rem设置字体，但是js本着少用的原则，考虑用vw，vh等（顺带说一句，vw vh是网页可视区域宽度高度即浏览器宽度减去约16px）以750px的收集设计稿，采用36px的基础单位 html{ font-size: calc(36 阅读全文

posted @ 2016-10-17 14:45 a fine day 阅读(2530) 评论(0) 推荐(0)

jquery选择伪元素属性的方法

摘要： CSS伪元素不是DOM元素，因此你无法直接选择到它们一个方法是为该元素添加新类，并通过设置新类的属性来达到改变伪元素属性的效果： .checkboxWrapper.selected::before{ border-left:1px solid white; border-bottom: 1px s 阅读全文

posted @ 2016-10-12 14:28 a fine day 阅读(1299) 评论(0) 推荐(1)