随笔档案「2017年5月」 - vsmart

H5播放器有时获取duration的值为NaN？

摘要：function getDuration() { var timeset = null; timeset = setTimeout(function () { var duration = ov.duration; if(isNaN(duration)){ getDuration(); }else{ 阅读全文

posted @ 2017-05-26 14:49 vsmart 阅读(705) 评论(0) 推荐(0)

压缩CSS代码

摘要：function yasuoCss (s) {//压缩代码 s = s.replace(/\/\*(.|\n)*?\*\//g, ""); //删除注释 s = s.replace(/\s*([\{\}\:\;\,])\s*/g, "$1"); s = s.replace(/\,[\s\.\#\d] 阅读全文

posted @ 2017-05-25 15:14 vsmart 阅读(159) 评论(0) 推荐(0)

日期格式化

摘要：Date.prototype.dateFormat = function(formatStr) { var str = formatStr; var Week = ['日', '一', '二', '三', '四', '五', '六']; str = str.replace(/yyyy|YYYY/, 阅读全文

posted @ 2017-05-25 15:04 vsmart 阅读(105) 评论(0) 推荐(0)

解决英文字符或数字不换行的问题

摘要：1.width : ... 2.word-break:break-all; 3.word-wrap: break-word; 阅读全文

posted @ 2017-05-25 11:48 vsmart 阅读(211) 评论(0) 推荐(0)

判断浏览器IE8以下

摘要：if(!-[1,]){ alert(您的浏览器版本比较低，请升级最新版本); } 阅读全文

posted @ 2017-05-24 08:58 vsmart 阅读(135) 评论(0) 推荐(0)

控制滚动条滚动到底部

摘要：$(obj).scrollTop( $(obj)[0].scrollHeight ) 阅读全文

posted @ 2017-05-19 13:32 vsmart 阅读(127) 评论(0) 推荐(0)

原生JS扩展获取数组最大值及最小值

摘要：var AP = Array.prototype; AP.max = function(arr){ return Math.max.apply(null, this); }; var arr = [1,5,6,3,4]; alert(arr.max()) // 6 AP.min= function(arr){ return Math.min.apply(null, this);... 阅读全文

posted @ 2017-05-12 16:52 vsmart 阅读(121) 评论(0) 推荐(0)

CSS3 盒模型

摘要：1，弹性核模型新版父级display:flex; // 水平方向 flex-direction:row; // 竖直方向 flex-direction:colunm; flex-direction: row-reverse; flex-direction: column-reverse; di 阅读全文

posted @ 2017-05-12 16:22 vsmart 阅读(163) 评论(0) 推荐(0)

Javascript图片预加载详解

摘要：预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，访问者便可顺利地在你的网站上冲浪，并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术，来增强网站的性能阅读全文

posted @ 2017-05-12 16:18 vsmart 阅读(157) 评论(0) 推荐(0)

Canvas入门（3）:图像处理和绘制文字

摘要：来源：http://www.ido321.com/997.html 一、图像处理(非特别说明，所有结果均来自最新版Google) 在HTML 5中，不仅可以使用Canvas API绘制图形，也可以用于处理网络或磁盘中的图像文件，然后绘制在画布中。绘制图像时，需要使用drawImage()方法： dr 阅读全文

posted @ 2017-05-12 16:16 vsmart 阅读(331) 评论(0) 推荐(0)

CSS强制英文、中文换行与不换行强制英文换行

摘要：1. word-break:break-all;只对英文起作用，以字母作为换行依据 2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据 3. white-space:pre-wrap; 只对中文起作用，强制换行 4. white-space:nowrap; 强制不换阅读全文

posted @ 2017-05-12 16:16 vsmart 阅读(129) 评论(0) 推荐(0)

IOS 底部输入框被IOS输入法遮住的问题

摘要：最近解决一个底部框在 IOS下被其输入法弹出层遮挡的问题； IOS 几乎不支持 fixed属性；解决办法 1，首先是先将底部设置为absolute；当页面加载完再将position属性改为fixed; 2， var bfscrolltop = document.body.scrollTo 阅读全文

posted @ 2017-05-12 14:49 vsmart 阅读(763) 评论(0) 推荐(0)