- 博客(22)
- 资源 (3)
- 收藏
- 关注
RSS订阅转载 100个直接可以拿来用的JavaScript实用功能代码片段
目录如下：1、原生JavaScript实现字符串长度截取2、原生JavaScript获取域名主机3、原生JavaScript清除空格4、原生JavaScript替换全部5、原生JavaScript转义html标签6、原生JavaScript还原html标签7、原生JavaScript时间日期格式转换8、原生JavaScript判断是否为数字类型9、原生Jav
2015-12-30 17:19:58
691
转载 横屏问题
移动端html开发，我们常会用到横竖屏的判断做一些事情，比如说播放视频的时候时常使用横竖屏切来切换居中显示和全屏显示，如果你无数次尝试都失败了，请你看到最后，有惊喜哦！！。一般来说，横竖屏的检测方式有以下几种：一、使用浏览器自带的事件使用浏览器自带事件orientationchange和浏览器对象window.orientation可以完美进行横竖屏幕切换。根据参考资料一，
2015-12-30 17:02:22
707
转载 移动前端头部标签(HTML5 head meta)
DOCTYPE html> html lang="zh-cmn-Hans"> head> meta charset='utf-8'> meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> meta name="descr
2015-12-30 16:56:15
698
转载 一张网页从meta标签开始
规定网页编码meta http-equiv="Content-Type" content="text/html;charset=utf-8">设置http cache时间，在快速迭代的项目中，我们可以设置max-age=604800s，也就是七天meta http-equiv="Cache-Control" content="max-age=604800" />me
2015-12-30 16:36:33
975
转载 移动端的头部标签和 meta
使用 HTML5 doctype，不区分大小写更加标准的 lang 属性写法html lang="zh-cmn-Hans">meta声明文档使用的字符编码meta charset='utf-8'>优先使用 IE 最新版本和 Chromemeta http-equiv="X-UA-Compatible" content="IE=edge,
2015-12-30 16:31:50
7011
转载 javascript图片预加载实例分析
本文实例讲述了javascript图片预加载的方法。分享给大家供大家参考。具体如下：lightbox类效果为了让图片居中显示而使用预加载，需要等待完全加载完毕才能显示，体验不佳（如filick相册的全屏效果）。javascript无法获取img文件头数据，真的是这样吗？本文通过一个巧妙的方法让javascript获取它。这是大部分人使用预加载获取图片大小的例子：
2015-12-25 17:00:35
641
转载 WebSocket 实战
WebSocket 前世今生众所周知，Web 应用的交互过程通常是客户端通过浏览器发出一个请求，服务器端接收请求后进行处理并返回结果给客户端，客户端浏览器将信息呈现，这种机制对于信息变化不是特别频繁的应用尚可，但对于实时要求高、海量并发的应用来说显得捉襟见肘，尤其在当前业界移动互联网蓬勃发展的趋势下，高并发与用户实时响应是 Web 应用经常面临的问题，比如金融证券的实时信息，Web 导
2015-12-24 11:37:03
724
转载 Ajax跨域、Json跨域、Socket跨域和Canvas跨域等同源策略限制的解决方法
同源是指相同的协议、域名、端口，三者都相同才属于同域。不符合上述定义的请求，则称为跨域。相信每个开发人员都曾遇到过跨域请求的情况，虽然情况不一样，但问题的本质都可以归为浏览器出于安全考虑下的同源策略的限制。跨域的情形有很多，最常见的有Ajax跨域、Socket跨域和Canvas跨域。下面列举一些我们常见的跨域情形下，某些浏览器控制台给出的错误提示： FireFox下
2015-12-24 11:19:10
1584
转载 javaScript & jquery完美判断图片是否加载完毕
-------------------------------------------------------------众所周知，常见瀑布流当鼠标滚动到浏览器底部的时候，就会发起一个ajax的请求。在服务端生成item列表后，通过 js append到相应的div里边。看起来很简单的样子，关键问题就出在图片的加载问题上，图片一般都放在服务器上，通过http下载到客户端。例
2015-12-24 11:16:54
9279
转载 JavaScript的性能优化：加载和执行
简介： 随着 Web2.0 技术的不断推广，越来越多的应用使用 JavaScript 技术在客户端进行处理，从而使 JavaScript 在浏览器中的性能成为开发者所面临的最重要的可用性问题。而这个问题又因 JavaScript 的阻塞特性变的复杂，也就是说当浏览器在执行 JavaScript 代码时，不能同时做其他任何事情。本文详细介绍了如何正确的加载和执行 JavaScript 代码，从而提高
2015-12-24 11:12:38
1044
转载 高性能Javascript：脚本的无阻塞加载策略
Javascript在浏览器中的性能，可以说是前端开发者所要面对的最重要的可用性问题。在Yahoo的Yslow23条规则当中，其中一条是将JS放在底部 。原因是，事实上，大多数浏览器使用单进程处理UI和更新Javascript运行等多个任务，而同一时间只能有一个任务被执行。Javascript运行了多长时间，那么在浏览器空闲下来响应用户交互之前的等待时间就有多长。
2015-12-24 11:10:56
531
转载 探真无阻塞加载javascript脚本技术，我们会发现很多意想不到的秘密
下面的图片是我使用firefox和chrome浏览百度首页时候记录的http请求下面是firefox：下面是chrome：在浏览百度首页前我都将浏览器的缓存全部清理掉，让这个场景最接近第一次访问百度首页的情景。在firefox的请求瀑布图里有个表现非常之明显：就是javascript文件下载完毕后，有一段时间是没有网络请求被处理的，这段时间过后htt
2015-12-24 11:06:54
525
转载 javascript图片预加载技术(详细演示)
本文所提到的预加载技术主要是让javascript快速获取图片头部数据的尺寸。一段典型的使用预加载获取图片大小的例子： 复制代码代码如下:var imgLoad = function (url, callback) { var img = new Image(); img.src = url; if (img.complete) { callback
2015-12-24 00:06:46
599
转载 javascript预加载图片方法汇总
1. 纯CSS：?123456789#preload-01{background:url(http://domain.tld/image-01.png)no-repeat-9999px -9999px;}#preload
2015-12-23 17:41:14
565
转载 改进jQuery的$.getScript(url,callback)动态加载JS
$.getScript(url,callback)这个方法是jquery自身提供的一个用于动态加载js的方法。当网站需要加载大量js时，动态的加载js就是一个比较好的方法，当需要某个功能时再将相应的js加载进来。但是自己在使用过程中却发现了一些不尽如意的地方。每次需要执行该功能的时候都会去请求一次这个js，这样不是在帮倒忙嘛？于是找到Jquery官网的API说明
2015-12-23 17:35:46
2483
转载 javascript预加载图片、css、js的方法研究
预加载的好处可以让网页更快的呈现给用户，缺点就是可能会增加无用的请求（但图片、css、js这些静态文件可以被缓存），如果用户访问的页面里面的css、js、图片被预加载了，用户打开页面的速度会快很多，提升用户体验。在用到一些大图片展示的时候，预加载大图是很不错的方法，图片更快的被呈现给用户。不多说了，作为一个前端攻城师都懂的，下面分享我做的测试和得到的结果。先说需要知道的服务器返回的status
2015-12-23 17:00:37
899
转载 Javascript实现图片预加载【回调函数，多张图片】
使用JS实现一组图片动画效果或者使用HTML5 Canvas渲染一系列图片等案例中，需要图片全部加载完成方可运行动画效果。此时程序中就会涉及多张图片预加载代码。当接二连三的案例中都涉及图片预加载时，就需要考虑把这个功能封装为一个通用方法。 （1）下面为JS实现图片预加载方法loadImages()： Js代码 //实现一系列图片的预加载
2015-12-23 16:58:14
3615
转载 图片预加载与图片懒加载（缓载）的区别与实现
预加载与懒加载，我们经常经常用到，这些技术不仅仅限于图片加载，我们今天讨论的是图片加载：一、什么是图片预加载与懒加载：图片预加载：顾名思义，图片预加载就是在网页全部加载之前，提前加载图片。当用户需要查看时可直接从本地缓存中渲染，以提供给用户更好的体验，减少等待的时间。否则，如果一个页面的内容过于庞大，没有使用预加载技术的页面就会长时间的展现为一片空白，这样浏览者可能以
2015-12-23 16:43:10
14782
转载 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
Perishable Press网站近日发表了一篇文章《3 Ways to Preload Images with CSS, JavaScript, or Ajax》，分享了利用CSS、JavaScript及Ajax实现图片预加载的三大方法。下面为译文。预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，访问者便可顺利地在你的网站上冲浪，并享受到极快的加载速度。这对图片
2015-12-23 00:34:35
600
转载 Javascript实现图片的预加载的完整实现
图片预加载是web开发中一种应用相当广泛的技术，比如我们在做图片翻转显示等特效的时候，为了让图片在转换的时候不出现等待，我们最好是先让图片下载到本地，然后在继续执行后续的操作。今天我们将来实现一个完整的图片预加载和处理图片加载后执行后续操作的代码。下面的函数实现了一个我们想要的最基本的图片预加载效果function preloadimages(arr){ va
2015-12-23 00:28:19
539
转载 HTML5 <script>元素async,defer异步加载
(译者注: 异步加载,可以理解为无阻塞并发处理.)(译者再注: 建议使用 defer,但是经测试发现 defer 属性对页面内的script无效,没有时序差别.只对外部 js文件生效 )我对于HTML5感到兴奋不已的原因之一是它实现了众多业界期待已久的特性。我们一直需要输入框显示空白提示，但都是用JavaScript来实现的。我们也想要整个块都变成可被点击，也是使用JavaScri
2015-12-23 00:24:24
473
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人