suyijianke的博客

 https://github.com/JacksonTian/fks 前端开发不容错过的jQuery图片滑块插件http://www.iteye.com/news/29175

移动端前端开发调试:http://yujiangshui.com/multidevice-frontend-debug/

http://www.w3cplus.com/css3/create-radial-progress-bar-with-jQuery-and-css3.html 最近项目里遇到一个有意思的效果，那就是圆形进度条，类似于这样的：demo1demo2<iframe id="cproIframe_u1490106_1" style="box-sizing: inherit...

 深入理解CSS3 gradient斜向线性渐变by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=3639一、问题没有想得那么简单提问，使用CSS3 gradient渐变，在一个400*300的div层上实现一个(100px, 100px)到(200p...

http://www.w3cplus.com/preprocessor/nodejs-and-grunt-compile-sass-to-css.html早前听说Nodejs和Grunt很强大，特别是用来构建自动化的前端开发，更是强大无比。但一直碍于自己掌握的技术有限，不敢深入，也未曾深入下去。最近在开始学习SASS，也慢慢的接触这方面的东西。为了能更好的让SASS项目实现自动化编译，打算...

通过移动端使用 Web 服务的比率越来越大，例如淘宝 2014 年双十一，移动端交易份额就达到 42.6%。由此可见，掌握移动端的前端开发和测试是非常有必要的。本文只介绍与调试有关的内容，至于其他移动端开发知识（技巧、坑）太多太大，推荐 Mars 移动前端开发知识库。这个项目很久没有大动静了，欢迎大家猛烈关注，不要让它“太监”了。由于本文较长，如果没有太多时间和精力查看，建议跳转到 不同...

转载自AlloyTeam：http://www.alloyteam.com/2015/11/we-will-be-componentized-web-long-text/这篇文章将从两年前的一次技术争论开始。争论的聚焦就是下图的两个目录分层结构。我说按模块划分好，他说你傻逼啊，当然是按资源划分。 《=》  ”按模块划分“目录结构，把当前模块下的所有逻辑和资源都放一起了，这对于...

用一段代码演示马云双十一晚会上玩的纸牌魔术 https://wangzhengquan.github.io/hit-doudou/index.html

参考Framework7，以react实现的一套移动端ui框架https://github.com/wangzhengquan/react-ui   

微信支付：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_3

http://www.cnblogs.com/rush/p/3283732.html相信大家都见过或使用过放大镜效果，甚至实现过该效果，它一般应用于放大查看商品图片，一些电商网站（例如：凡客，京东商城，阿里巴巴等）都有类似的图片查看效果。在接下来的博文中，我们将向大家介绍通过jQuery实现放大镜效果。目录实现原理mousemove事件相对坐标backgroun...

 http://developer.51cto.com/art/201502/465396_1.htm使用过 JavaScript框架（如 AngularJS, Backbone 或者Ember）的人都很熟悉在UI（用户界面，前端）中mvc的工作机理。这些框架实现了MVC，使得在一个单页面中实现根据需要变化视图时更加轻松，而模型-视图-控制器（mvc）的核心概念就是：处理传入...

微信公众平台开发http://mp.weixin.qq.com/wiki/home/index.html

http://ember-cli.com/user-guide/#guide https://guides.emberjs.com/v2.2.0/getting-started/ember-cli/

https://github.com/mbostock/d3

http://www.html5rocks.com/en/tutorials/getusermedia/intro/IntroductionAudio/Video capture has been the "Holy Grail" of web development for a long time. For many years we've had to rely on browser...

http://ued.taobao.org/blog/2013/03/modular-scalable-kissy/介绍伴随着淘宝的快速发展，诞生已三年多的 KISSY 也取得了巨大的成长。 目前应用于阿里集团的多个业务团队，特别是淘宝，天猫，一淘的绝大多数业务都采用了 KISSY， 满足了从前台的 web page 到后台的 web app 再到移动端应用（起步阶段）的广泛需求。在...

在线html编辑器http://kindeditor.net/demo.php

http://www.cnblogs.com/snandy/p/4013137.html JavaScript目录菜单滚动反显组件，有以下两个特点每个导航菜单项(nav)对应页面一个内容区域(content)滚动页面到特定内容区域(content)时，对应的菜单会自动切换，一般会添加一个高亮样式这个功能可以很方便的提醒用户目前所浏览的位置，有时目录菜单还会设计为滚动时一...

 AngularJS体验式编程系列文章， 将介绍如何用angularjs构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多 的web框架下，angularjs能脱颖而出，从架构设计上就高人一等，双向数据绑定，依赖注入，指令，MVC，模板。Angular.js创新地把后 台技术融入前端开发，扫去jQuery一度的光芒。用angul...

http://www.iteye.com/news/28651-AngularJS-Google-resourceAngularJS是Google开源的一款JavaScript MVC框架，弥补了HTML在构建应用方面的不足，其通过使用指令（directives）结构来扩展HTML词汇，使开发者可以使用HTML来声明动态内容，从而使得Web开发和测试工作变得更加容易。  Angular...

http://c7sky.com/dive-into-flexbox.html介绍Flexbox(伸缩布局盒) 是 CSS3 中一个新的布局模式，为了现代网络中更为复杂的网页需求而设计。本文将介绍 Flexbox 语法的技术细节。浏览器的支持越来越快，所以当 Flexbox 被广泛支持并应用时你将会快人一步。如果你想知道它是什么并是如何工作的，不妨仔细了解下吧！ 为什么需要伸缩...

http://weizhifeng.net/viewports.html作者: JeremyWei | 可以转载, 但必须以超链接形式标明文章原始出处和作者信息及版权声明网址: http://weizhifeng.net/viewports.html原文：http://www.quirksmode.org/mobile/viewports.html在这个迷你系列的文章里边我将会解释v...

http://weizhifeng.net/viewports2.html作者: JeremyWei | 可以转载, 但必须以超链接形式标明文章原始出处和作者信息及版权声明网址: http://weizhifeng.net/viewports2.html原文：http://www.quirksmode.org/mobile/viewports2.html在这个迷你系列的文章里边我将会...

由于Sencha Touch 2这种开发模式的特性，基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。　　当然了，通过调用强大的PhoneGap插件然后打包，你可以实现100%的Socket通讯和本地数据库功能，又或者通过HTML5的 WebSocket也可以实现与服务器的通讯和服务端推功能，但这两种方式都有其局限性，前者需要PhoneGap支持，后者要求用户设备必须支持 WebS...

转：http://stylechen.com/imglazyload2.html图片延迟加载也称懒加载，通常应用于图片比较多的网页，如果一个页面图片比较多，且页面高度或宽度有好几屏，页面初次加载时，只显示可视区 域的图片，当页面滚动的时候，图片进入了可视区域再进行加载，这样可以显著的提高页面的加载速度，更少的图片并发请求数也可以减轻服务器的压力。如果用户 仅仅在首屏停留，还可以节省流量...

由于安全方面的考虑，Javascript被限制了跨域访问的能力，但是有时候我们希望能够做一些合理的跨域访问的事情，那么怎么办呢？ 这里分两类情况：一、基于同一父域的子域之间页面的访问；参见如下3个domain域：taobao.com、jipiao.taobao.com、promotion.taobao.com；它们有相同的父域taobao.com。二、基于不同父域页面之间的访...

1、神马是跨域（Cross Domain）说白点就是post、get的url不是你当前的网站，域名不同。例如在aaa.com/a.html里面，表单的提交action是bbb.com/b.html。不仅如此，www.aaa.com和aaa.com之间也属于跨域，因为www.aaa.com是二级域名，aaa.com是根域名。JavaScript出于安全方面的考虑，是不允许跨域调用其他页...

http://jiangzhenghua.iteye.com/blog/12211843.4、iframe+location.hash这种方法比上面两种稍微繁琐一点，原理如下：www.a.com下的a.html想和www.b.com下的b.html通信（在a.html中动态创建一个b.html的iframe来发送请求）；但是由于“同源策略”的限制他们无法进行交流（b.html...

http://www.cr173.com/html/20064_1.htmlFiddler绝对称得上是"抓包神器"， Fiddler不但能截获各种浏览器发出的HTTP请求, 也可以截获各种智能手机发出的HTTP/HTTPS请求。Fiddler能捕获ISO设备发出的请求，比如IPhone, IPad, MacBook. 等等苹果的设备。  同理，也可以截获Andriod，Windows P...

https://github.com/daxingplay/grunt-kmc/blob/master/README.md KISSY Module Compiler的Grunt插件版本。KISSY Module Compiler（kmc）是一个基于NodeJS的KISSY模块打包工具，目前适用于KISSY 1.2+的代码打包如果您有任何问题，请提issue，或者邮件，或...

http://blog.fens.me/nodejs-bower-intro/前言一个新的web项目开始，我们总是很自然地去下载需要用到的js类库文件，比如jQuery，去官网下载名为jquery-1.10.2.min.js文件，放到我们的项目里。当项目又需要bootstrap的时候，我们会重复刚才的工作，去bootstrap官网下载对应的类库。如果bootstrap所依赖的jQuery并不...