随笔分类 - 前端
HTML+CSS+JS
摘要：接上一篇<js创建下载文件>, 记录核心部分 Blob 的API, >>传送门 , 同时说下使用过程中碰到的一个问题. 先说问题: 用Blob创建后缀为.sql的文件, 内容是包含中文的文本, 结果生成的文本打开后中文部分显示乱码. 尝试加了type后,还是没有改变. 后来想到会不会是因为.sql的
阅读全文
摘要：ps: 兼容性还存在问题, Chrome直接可用, 要兼容FF和IE还需调整.
阅读全文
摘要：今天中午休息时, 公司客服突然报出来一个bug, 一个用ie6的用户打开我们活动网站时, 发现内容都错乱了, 我赶紧上线一看, 发现是正常的. 找了台ie6的xp机器再看了下, 重现出了这个用户的问题, 发现确实如此. 检查了一遍代码, 发现没有什么问题, 测来测去发现也只有ie6会这样, 而且距离
阅读全文
摘要：方案1: 方案2: 兼容性: 需安装插件 且不支持操作 需安装插件 且不支持操作 当然, 鉴于兼容性的问题(主要是老版本的浏览器), 也可以选择第三方的播放器组件, 效果可能会更好. 大家根据实际情况来选择吧.
阅读全文
摘要：背景附着(background-attachment)属性有两个值: 一个是scroll，表示随内容滚动而动; 一个是fixed, 表示固定不动, 不受内容滚动影响. 缺省值是scroll. background-attachment要和background-image一起用. 另外需要说明的是在i
阅读全文
摘要：body,html{ margin:0px; height:100%; }
阅读全文
摘要：最近, 在写一个demo的时候突然发现加载超级慢, 寻找之下发现了"罪魁祸首", 系引用了http://fonts.googleapis.com/css. 接着在网上看到有网友反映称谷歌官网域名google.com、谷歌香港google.com.hk都打不开， ping了一下google.com和g
阅读全文
摘要：做web的经常会遇到类似排行榜的需求, 特别是要求前n名的样式和后面人不一样. 通常大多数人对于这个需求的做法都是在后端处理好排名名次, 在前端填入内容, 然后针对前n名做特殊的样式处理. 但是这样有时候觉得很烦, 逻辑又长又啰嗦, 那有什么更好的办法呢? 这个时候我们其实可以用到CSS计数器. C
阅读全文
摘要：一般情况下来说, 要禁止用户在网页中用鼠标选中文字, 只要在body中加入onselectstart="return false" 就可以了. 但是在ios移动设备中, 会出现失效的情况. 这个时候只要在样式中加入以下样式就可以解决了.
阅读全文
摘要：1.得到超链接中的链接地址: 2.得到title标签中的值: 3.去掉字符串中的所有html标记: 4.js去除字符串中的所有html标记: 原文地址:http://cgxcn.blog.163.com/blog/static/1323124220095384043365/
阅读全文
摘要：支持日期以及时分秒的选择, 国人开发, 还不错! 官网: http://www.my97.net/
阅读全文
摘要：主要是ie8及ie8以下版本浏览器会出现此问题, 问题核心是因为hover选择器没有缓存即将要替换的图片, 所以导致替换期间有一个极其短暂的空白期. 解决方案: 采用 background-position 的方式, 可缓解此问题. 但是低版本内核的浏览器在鼠标移动过快时, 仍然可以略微看到痕迹.
阅读全文
摘要：var su = navigator.userAgent.toLowerCase(), mb = ['ipad', 'iphone os', 'midp', 'rv:1.2.3.4', 'ucweb', 'android', 'windows ce', 'windows mobile']; // s
阅读全文
摘要：学习可参考：http://www.guoxk.com/node/jquery-datatables http://yuemeiqing2008-163-com.iteye.com/blog/2006942 1:导入包： URL：http://www.datatables.net/ 分别导入css和j
阅读全文
摘要：原文地址：http://www.cnblogs.com/dh616854836/articles/2140349.html document.write()脚本向窗口(不管是本窗口或其他窗口)写完内容后，必须关闭输出流。在延时脚本的最后一个document.write()方法后面，必须确保含有doc
阅读全文
摘要：1.IE10+实现方式，css3.unselect { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; ...
阅读全文
摘要：$("#hover_div").unbind("mouseenter").unbind("mouseleave");可用于div按钮，造成一种button被禁用的假象。
阅读全文
摘要：.bg{ background:url(images/test.jpg); filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size:10...
阅读全文
摘要：今天在html页面上定义了一个button和一个div，大小相同，button使用绝对定位，覆盖在div上面一层，同时样式设置背景透明（background:transparent）。这样就可以在看到div层的同时，点击div区域其实是点击了button。主流浏览器都可以正常运行。但是ie8和360...
阅读全文
摘要：webkit内核的浏览器，例如（chrome，safari等）background:-webkit-gradient(linear,0 0,0 100%,from(#000000),to(#ffffff));第一个参数表示渐变类型（type），可以是linear（线性渐变）或者radial（径向渐变...
阅读全文
浙公网安备 33010602011771号