agevs
- 浏览: 67333 次
- 来自: 北京
-
博客专栏
-
-
各种Web前端技巧经验分享...
浏览量：0
最新评论
-
peng13123：
博主，资源呢
分享一个BookStore ios程序的例子 -
jef：
写的很不错， 收藏！
我的架构经验系列文章索引 -
切切克闹：
业界良心啊，感谢楼主，这东西对我这样的后辈来说太有用了，我仔细 ...
我的架构经验系列文章索引 -
agevs：
james_lover 写道什么网站？地址是什么？http:/ ...
我的架构经验系列文章 - 后端架构 - 系统层面 -
james_lover：
什么网站？地址是什么？
我的架构经验系列文章 - 后端架构 - 系统层面
文章列表
国外媒体报道，当人们想到最具创新力的公司时，常常想到那些推出全新和令人惊叹的技术的公司，例如无人驾驶汽车、增强实境眼镜就是比迷你版iPad更令人着迷的创新。咨询公司Booz & Co.发布的《全球创新1000》及其作者巴里·贾鲁泽尔斯基（Barry Jaruzelski）认为，打破科技边界仅仅是三种不同创新模式之一，每种创新方式在执行过程中都有自己的困难，都需要一定的研发过程，但都会产生巨大的潜力，而这三种不同创新模式的典型代表分别是苹果、三星和谷歌。
以下就是贾鲁泽尔斯基对这三种创新模式的阐述：可以500%提高开发效率的前端UI框架！
一、需求捕获型（例如，苹果）
贾鲁 ...
我经常说Javascript的设计不够严谨，有很多失误。
今天的这一篇，前半部分就谈为什么会这样，后半部分将列举Javascript的10个设计缺陷。
我参考的文献主要是Douglas Crockford的专著《Javascript语言精粹》（JavaScript: The Good Parts）和Fredrik Holmström的文章《我对Javascript的抱怨》（My gripes with Javascript）。可以500%提高开发效率的前端UI框架！
一、为什么Javascript有设计缺陷？
这里有三个客观原因，导致Javascript的设计不够完善。 ...
今年是国外知名设计网站Design Shack进行Web设计从业者调查的第二年。这份调查主要是针对欧美的同行，但是我们从中仍然能看到web设计行业从业人员的各种状况。你能从中知道2012年他们是如何看待自己的工作的，这个行业将走向何方，以及他们是如何做“生意”的。读了这篇文章，你将会对2012年该行业有个大致的了解。可以500%提高开发效率的前端UI框架！
文章的大部分意思都包括在这张图片里了
关于这个行业
“这个行业仍然是一个独立意识很强的行业”
调查显示62%的人都是自由职业者（这个数据在国内不太靠谱）或者是自己当老板。相比2011年，这个数字增加了 ...
表现
如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。
是什么有这么强大的功能呢？
HTML5里引用了新的API，history.pushState和history.replaceState，就是通过这个接口做到无刷新改变页面URL的。
与传统的AJAX的区别
传统的ajax有如下的问题：
1、可以无刷新改变页面内容，但无法改变页面URL
2、为了更好的可访问性，内容发生改变后，通常 ...
大部分网站，都要求用户登录。
常见的做法，是让用户注册一个账户。
这种做法并不让人满意。
对于用户来说，每个网站必须记住一个密码，非常麻烦；对于开发者来说，必须承担保护密码的责任，一旦密码泄漏，对网站 ...
CSS的class、id、css文件名的常用命名规则
(一)常用的CSS命名规则
头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
登录条：loginbar
标志：logo
广告：banner
页面主体：main
热点：hot
新闻：news
下载：download
子导航：subnav可以500%提高开发效率的前端U ...
（一）垃圾还是经典网页技术更新很快，一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品，都没有所谓的经典。经典只存在于是哪个首次成功创新性的应用。网页设计者不管自己的学识、技术和经验如何，都自以为 ...
你可能知道，Javascript语言的执行环境是"单线程"（single thread）。
所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。
这种模式 ...
JavaScript参数个数可变的函数
题外话：很早就接触了JavaScript，但是没有留意它，看到很多很酷、很炫的网页，都有JavaScript的身影，Google在JavaScript的应用对我的影响最大了。我决心从头开始学习它，所以有了JavaScript & Ajax这个分栏。我打算把这个分栏作为学习笔记记录下来，因此每篇文章笔记可能很简短，一两句话注解而已。
JavaScript允许一个函数传递个数可变的参数，因为有arguments这个内置对象，它一个函数传递的所有参数的数组。举个例子，就明白了。 可以500%提高开发效率的前端UI框架！
<!DO ...
js中的函数是一个对象，一个Function对象（函数参数列表及函数主体事实上只是Function对象的构造函数的参数而已），跟其他对象一 样可以在运行时增加属性、删除属性，函数参数是可变的，比如定义函数时定义的参数列表只有3个参数，调用时你却可以只传2个参数，或超过3个参数，通过函 数对象的length属性可以得到函数定义的形参个数，而函数调用时的实际参数列表则可以通过函数的arguments属性（一个Arguments对 象，类似于数组）访问到，arguments.length就是实际参数的个数。
参数个数可变的函数，arguments的用法； 可以500%提高开发效率的前端UI框架 ...
如果我们把input的type设置为submit，是的，提交表单经常需要submit按钮，就像下面这样：
<inputtype="submit"class="button"value="登录"/>
你会发现submit初始状态就是这种焦点获取的黑框样式：精心开发5 ...
在IE中需要通过"filter"来定义透明度"opacity"，而在Mozilla中是可以直接解析"opacity",所以如果要使得这个效果在两种浏览器中都得到支持，需要把两种设定都加进去。
.div {
filter:alpha(opacity=50);/*IE*/
opacity:0.5;/*Mozilla*/
}
用下面的样式表定义你的div可以有各种过度效果。.alpha是div的class.精心开发5年的UI前端框架！
.alpha { filter: alpha(Opacity ...
上面是亚马逊网站的下拉导航菜单，类似于天猫和京东商城。精心开发5年的UI前端框架！
鼠标移上去的效果反应非常迅速，事实上做过这种效果的人都应该知道，一般要做到如此快速的效果，当你从左侧移到右侧的时候是 ...
现代互联网中，我们大量的使用视频，在HTML5定义中提供了一个统一的方式来展示视频内容。
互联网视频
现在互联网视频大都使用Flash来实现。但是不同的浏览器可能使用不同的插件。
HTML5定义了一个统一元素来指定视频和音频的插入和显示，如下： 精心开发5年的UI前端框架！
<video width="320" height="240" controls="controls" id="gbin1">
<source src="movie.mp4" type=&qu ...
Web Storage是HTML5引入的一个非常重要的功能，可以在客户端本地存储数据，类似HTML4的cookie，但可实现功能要比cookie强大的多，cookie大小被限制在4KB，Web Storage官方建议为每个网站5MB。
Web Storage又分为两种：
sessionStorage
localStorage
从字面意思就可以很清楚的看出来，sessionStorage将数据保存在session中，浏览器关闭也就没了；而localStorage则一直将数据保存在客户端本地；
不管是sessionStorage，还是localStorage，可使用的 ...