28
2016
03

什么是同构JavaScript 应用?

什么是同构? 

“Write once, run everywhere”这是一句形容Java的语句。现在Nodejs出来后Javascript也可以用这句话来描述了。这就引出了同构JavaScript应用的概念:一份代码同时在客户端和服务端渲染的JavaScript应用。

单页应用的问题

07
2014
11

Hybird APP统计前后端实现原理(Nodejs+JavaScript)

网站统计用来统计网站及网页的浏览情况,以及转换率等。一般情况下第三方统计都可以满足需求,GA,百度统计,站长统计等等,都是非常好的统计工具。手机APP也是有很多,但对于Hybird APP这个畸形的APP品种而言要统计到各个点确实比较麻烦,考虑的点比较多,具体不讨论,在路上的人都知道。

其实本文重点是讨论一下统计工具前后端实现的原理等,下面三各点都很重要,本文只记录抓取问题。


抓取数据

后端Nodejs主要分析User-Agent数据,利用开源模块ua-parser。可以得到客户端浏览器版本,设备等

06
2014
05

自适应网页设计中的字体单位选择

在做手机web或app的时候,为适应不同屏幕,你可能需要写很多针对不同屏幕大小的css代码,那么这个时候我们如果用固定大小去设置字体的大小就要些很多代码了。这个时候我们需要使用相对大小了,这样该其他我们之需要修改指定根元素的值了。css3中也出现新的字体单位rem,在几乎所有的自适应网页设计的书籍及文章中都推荐使用em作为字体单位,甚至推荐你使用em来作为你所有设置size部分的单位。那么em和px如果转换呢?

1 ÷ 父元素的font-size × 需要转换的像素值 = em值

26
2013
07

如何实现网页图片资源加载进度条【类似Gmail进度条】

做前端的都知道网页资源文件的预加载,懒加载都能提高我们额网页加载速度,或则说可以让用户感觉有所提升。特别是在网页资源比较多的情况下预加载,懒加载尤其能为我们提高用户体验加分。本文就来对图片预加载这部分来做实例,例子跟Gmail加载的形式一样,在资源加载完成前显示资源加载进度条,所有图片资源加载完后再展示页面。

美女

16
2013
07

【分享】几张非常有意义的JavaScript基础学习思维图

分享几张对于学习JavaScript基础知识非常有意义的图,无论你的JavaScript级别如何,“温故而知新”完全可以从这些图中得到。

推荐理由:归类非常好,非常全面


JavaScript 数组

JavaScript-array.gif

29
2013
01

HTML5新特性应用:利用localStorage来处理你的Javascript脚本错误

localStorage作为HTML5中的新特性,它的出现可以说对于前端性能体验来讲可以获得相当大的改善。存储一些用户经常用到而又不是涉及隐私和安全的东西,的确是一个非常好的选择。下面分享一下用localStorage来处理客户端代码错误的例子来了解一下它的用途吧。


对于Javascript脚本的一些不确定性的错误,做前端的人都知道有时候很难捕获。某些错误错误甚至跟一连串的操作有关,那么如何捕捉错误就成了一门可以研究学问,这不是本文的重点,重点是用localStorage在客户端记录下错误,然后用户碰到错误(当然用户不知道脚本错误,只要用户操作出现问题就可以发送错误,这得看我们的代码如何处理用户使用过程中的异常了)可以选择性的发送到服务器。

29
2013
01

实现无阻塞加载js广告(重写document.write)

无阻塞加载javascript,对于页面性能优化有很大的作用,这样能有效的减少js对页面加载的阻塞。特别是一些广告js文件,由于广告内容有可能是富媒体,更是很可能成为你页面加载提速的瓶颈,高性能javascript告诉我们,同学,提升你的网页速度,就无阻塞地加载JS吧。


于是便有一下代码出现。

(function() {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = 'http://yourdomain.com/script.js';
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
})();


29
2013
01

多ajax请求的各类解决方案(同步, 队列, cancel请求)

疯狂的ajax,ajax带来很好的用户体验,于是一个稍微注重web系统使用ajax基本成为必然。当传统功能型web项目向用户体验型项目转变时,层出不穷的需求就来了。正如本篇所介绍的就是一个多个AJAX请求的情况下,如何利用jquery来处理几种case。


多个ajax请求同时发送,相互无依赖。

多个ajax请求相互依赖,必须有先后顺序。

多个请求被同时发送,只需要最后一个请求。


第1种case

«1»