vsmart - 博客园

2017年3月13日

摘要： function getHost(url){ var host = null; if(typeof url=="undefined" || null == url){ url=window.location.href; } var regex = /^\w+\:\/\/([^\/]*).*/; va 阅读全文

posted @ 2017-03-13 10:21 vsmart 阅读(114) 评论(0) 推荐(0) 编辑

2017年3月9日

去除左右及所有空格

摘要：去掉左右空格 function trim(str){ return str.replace(/(^\s*)|(\s*$)/g, ""); } 去掉所有空格 function trim(str, true){ return str.replace(/\s/g,""); } 阅读全文

posted @ 2017-03-09 14:23 vsmart 阅读(123) 评论(0) 推荐(0) 编辑

2017年2月15日

ES5中新增的Array方法详细说明

摘要：一、前言-索引 ES5中新增的不少东西，了解之对我们写JavaScript会有不少帮助，比如数组这块，我们可能就不需要去有板有眼地for循环了。 ES5中新增了写数组方法，如下：浏览器支持 Opera 11+ Firefox 3.6+ Safari 5+ Chrome 8+ Internet Ex 阅读全文

posted @ 2017-02-15 15:45 vsmart 阅读(110) 评论(0) 推荐(0) 编辑

div 可编辑及placeholder设置并且可以去掉默认边框

摘要： <div contenteditable="true" class="ipt" placeholder="输入个人介绍，最多输入200个字"></div> 样式： /*为空时显示 element attribute content*/.ipt:empty:before{ content: attr( 阅读全文

posted @ 2017-02-15 11:49 vsmart 阅读(700) 评论(0) 推荐(1) 编辑

2017年2月9日

H5项目常见问题及注意事项

摘要： Meta基础知识： H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面空白页基本meta标签空白页基本meta标签其他meta标签其他meta标签常见问题：移动端如何定义字体font-family 移动端如何定义字体font-famil 阅读全文

posted @ 2017-02-09 09:50 vsmart 阅读(401) 评论(0) 推荐(0) 编辑

2017年1月22日

Canvas API

摘要：概述绘图方法图像处理方法 drawImage方法 getImageData方法，putImageData方法 toDataURL方法 save方法，restore方法动画像素处理灰度效果复古效果红色蒙版效果亮度效果反转效果参考链接概述绘图方法图像处理方法 drawImage 阅读全文

posted @ 2017-01-22 10:32 vsmart 阅读(155) 评论(0) 推荐(0) 编辑

前端性能优化指南（含移动端）

摘要：概述 1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点，首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB5. Mobile侧因手机配置原因，除加载外渲染速度阅读全文

posted @ 2017-01-22 10:29 vsmart 阅读(263) 评论(0) 推荐(0) 编辑

HTML5 28个新特性

摘要： 1. 新的Doctype 尽管使用<!DOCTYPE html>，即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素用<figure>和<figcaption>来语义化地表示带标题的图片 <figure> <img src=”path/to/image” alt=”About im 阅读全文

posted @ 2017-01-22 10:27 vsmart 阅读(208) 评论(0) 推荐(0) 编辑

如何让你的网页打开速度降低到 1s 内

摘要：还记得图片延迟加载方案那篇博文吗？当初分析了定宽高值和定宽高比这两种常见的图片延迟加载场景，也介绍了他们的应对方案，还做了一点技术选型的工作。经过一段时间的项目实践，在先前方案的基础上又做了很多深入的优化工作。最终将好奇心日报的网页打开速度将降低到了1s内，Web端和Mobile端加载3 阅读全文

posted @ 2017-01-22 10:26 vsmart 阅读(661) 评论(0) 推荐(0) 编辑

css如何让浮动元素水平居中

摘要：对于定宽的非浮动元素我们可以在CSS中用 margin:0 auto 进行水平居中，对于不定宽的浮动元素我们也有一个常用的技巧解决它的水平居中问题。解决水平居中问题有很多种方法，下面先给大家分享一下三种方法，希望能帮助到大家。方法一： 1、HTML 部分： <div class="box"> <p 阅读全文

posted @ 2017-01-22 10:21 vsmart 阅读(1684) 评论(0) 推荐(0) 编辑