摘要：
1 function getOsInfo() { 2 var userAgent = navigator.userAgent.toLowerCase(); 3 var name = 'Unknown'; 4 var version = "Unknown"; 5 if(userAgent.indexO 阅读全文
posted @ 2018-08-02 12:55
§ 薄樱 §
阅读(542)
评论(0)
推荐(0)
摘要：
看了N多博客，日志，一边迷茫一边摸索。本文记录流程。我怕自己忘了。。。并且修复了博客园首页推荐那个日志中遇到的bug 1、webstorm新建一个空白项目，比如webpack_demo 2、因为要用react和es6语法，调整webstorm-设置-语言-javascript-jsx，确定。这样文件 阅读全文
posted @ 2017-07-06 16:08
§ 薄樱 §
阅读(519)
评论(0)
推荐(0)
摘要：
1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480 阅读全文
posted @ 2016-09-01 14:38
§ 薄樱 §
阅读(3977)
评论(0)
推荐(0)
摘要：
JS如何判断包括IE11在内的IE浏览器，IE11的变化 阅读全文
posted @ 2014-02-10 17:41
§ 薄樱 §
阅读(8133)
评论(1)
推荐(1)
摘要：
跨浏览器基础事件，浏览器检测，判断浏览器的名称、版本号、操作系统 阅读全文
posted @ 2013-01-23 22:59
§ 薄樱 §
阅读(1047)
评论(1)
推荐(2)
摘要：
微博字符限制效果，区分圆角半角 阅读全文
posted @ 2012-04-16 15:55
§ 薄樱 §
阅读(2573)
评论(18)
推荐(3)
摘要：
其实我就是想说px和em的区别，网上资料其实一堆堆，但是还不如自己试验总结的清楚。前端高手可能觉得这玩意简单，但是作为小猫，还是好好学一下。 阅读全文
posted @ 2011-09-29 14:00
§ 薄樱 §
阅读(8326)
评论(14)
推荐(3)
摘要：
本来用jQuery等框架去避免浏览器之间对JavaScript处理的差异，但最终还是不能完全回避问题。需要一些额外的插件帮助。 阅读全文
posted @ 2011-08-31 14:00
§ 薄樱 §
阅读(13137)
评论(20)
推荐(6)
摘要：
我在以前的公司，并不怎么用position这个属性，只是在写一些特殊效果的时候才用绝对定位。这就导致我对这个属性很不理解。今天有空，百度学习了一下。留下下面的文字。position的四个属性值： relative ，absolute ，fixed，static （画外音：inherit其实也是，不过今天不怎么说他~） 阅读全文
posted @ 2011-08-19 10:28
§ 薄樱 §
阅读(4375)
评论(22)
推荐(6)
摘要：
今天头让我修改个javascript方法，验证输入的日期是否符合要求。恩。我们的要求是yyyy-mm-dd这样的格式，其他的统统不符合要求。原来的方法没用正则表达式，用了一堆判断。其实我也很头疼正则表达式，百度了一些资料，总结一下，这里留个备份吧。 阅读全文
posted @ 2011-08-15 17:45
§ 薄樱 §
阅读(2459)
评论(10)
推荐(1)
摘要：
默认的html滚动条很难看，一些漂亮的网站，滚动条都是针对网站整体样式配套设计的。在网上搜索到两种改造方式。一种是给默认滚动条设置样式，另一种是使用设计好的图片+css+js。都挺好用的。第一种（纯css）：完成后.div{ scrollbar-face-color: #ebebeb;scrollbar-shadow-color: #ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color: #d8d8d8; scrollbar-darkshadow-color: #d8d8d8; scrollbar-track-co 阅读全文
posted @ 2011-07-26 16:48
§ 薄樱 §
阅读(20437)
评论(10)
推荐(2)
摘要：
DOCTYPE是document type(文档类型)的简写，在web设计中用来说明你用的XHTML或者HTML是什么版本。要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS都不会生效。 阅读全文
posted @ 2011-07-12 21:08
§ 薄樱 §
阅读(1279)
评论(0)
推荐(0)
摘要：
给自己一些激励。。。 阅读全文
posted @ 2011-07-12 17:58
§ 薄樱 §
阅读(492)
评论(6)
推荐(0)
摘要：
很短很短。。但是很重要很重要。浏览器优先级别: FF < IE7 < IE6 ，CSS hack书写顺序一般为FF IE7 IE6 以: " #demo" 的样式为例; #demo {width:100px; height:100px;border:1px blue solid \0}/*被FIREFOX,IE6,IE7执行.*/* html #demo {width:100px; height:150px;border:3px green dotted }/*会被IE6执行,之前的定义会被后来的覆盖,所以#demo的宽度在IE6就为120px; */ *+ht 阅读全文
posted @ 2011-07-08 16:36
§ 薄樱 §
阅读(324)
评论(0)
推荐(1)
摘要：
参加站酷的比赛。做了第二套。名称 水墨小鱼，一个主题两套图标http://www.zcool.com.cn/work/ZNzkyMjQ0.html 阅读全文
posted @ 2011-07-07 17:17
§ 薄樱 §
阅读(390)
评论(0)
推荐(1)
摘要：
头一次做手机UI。。。整个过程自我感觉还可以。。参加了站酷的比赛。。练习第一。比赛第二。。恩。就这样。。http://www.zcool.com.cn/work/ZNzg4NzE2.html 阅读全文
posted @ 2011-07-06 16:18
§ 薄樱 §
阅读(494)
评论(9)
推荐(1)
摘要：
30个你不可不知的CSS选择器，按需使用~ 阅读全文
posted @ 2011-06-22 11:25
§ 薄樱 §
阅读(8162)
评论(7)
推荐(2)
摘要：
在火狐4、谷歌12浏览器中，使用jquery.tools.min 1.2.5版的Jquery Validator，不出现验证提示框。在ie7、8、9下就好用。解决方法。在form中添加 novalidate 属性就可以解决这个问题，并且不影响在ie下的效果例如：<form method="post" action="rival_show.jsp" id="form1" name="form1" novalidate></form>详细解说见：http://www.w3.org/TR/html 阅读全文
posted @ 2011-06-20 11:22
§ 薄樱 §
阅读(520)
评论(0)
推荐(1)
摘要：
Html5和css3已经走入视线。html5新增了很多东西，比如表单元素的类型，验证等等，但是现在诸多浏览器还不兼容html5的新特性，故此，使用jquery加以验证。等大部分浏览器支持html5，页面不用修改，直接删除jquery插件就可以继续使用。
本例使用的jquery插件是jquery.tools.min.js，最好使用包含jquery基础包的完整版本。 阅读全文
posted @ 2011-06-09 16:58
§ 薄樱 §
阅读(12013)
评论(7)
推荐(2)
浙公网安备 33010602011771号