摘要：
写本篇文章的缘由是之前群里@墨尘发了一段js代码，如下： (!(~+[])+{})[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]] 然后让大家运行，出来的结果让人有点出乎意料，请看： 太风骚了有木有！如果有人诋毁前端瞧不起js的... 阅读全文
摘要：
浏览妙味官网，发现了不少绚丽的特性，尤其右侧那个菜单，简直太美了，忍不住扒下来，留着研究~有意的同学可以去妙味官网查看：http://www.miaov.com/ 菜单效果如下： 你也可以点此查看完整代码。 ·声明，只是扒来分享、研究，如果妙味的同学看到此文不愿特效被他人拿走，可与我联系，... 阅读全文
摘要：
照着todomvc官网的例子，做了一个avalon版的todos，功能全都有了，而且加了router模块，比司徒大大写的都完善(≧▽≦)/~ js文件整整100行，初次使用avalon，书写过程中绕了一些弯子，不过还好最终绕回来了。整体感觉如下：相比用jQuery，代码量下去了，编码消耗的时间... 阅读全文
摘要：
在页面中动态追加html片段的时候，有时候动态添加的代码会含有 直接把它放在标签中，就会往这个标签中输出东西了。使用jQuery的html() 上面的方法说来说去，都不如jQuery简单，因为jQuery的html()方法内部已经做了处理，如果参数中含有标签，内部会使用eval和创建新节点的... 阅读全文
摘要：
项目背景 刚刚参加完一个项目，背景：后端是用java，后端服务已经开发的差不多了，现在要通过web的方式对外提供服务，也就是B/S架构。后端专注做业务逻辑，不想在后端做页面渲染的事情，只向前端提供数据接口。于是协商后打算将前后端完全分离，页面上的所有数据都通过ajax向后端取，页面渲染的事情完全由... 阅读全文
摘要：
handlebars相对来讲算一个轻量级、高性能的模板引擎，因其简单、直观、不污染HTML的特性，我个人特别喜欢。另一方面，handlebars作为一个logicless的模板，不支持特别复杂的表达式、语句，只内置了一些基本的语法，像if、each这些。可惜的是就连if都十分弱，只能判断值是否为... 阅读全文
摘要：
伴随着今年10月底HTML5标准版的发布，未来使用H5的场景会越来越多，这是令web开发者欢欣鼓舞的事情。然而有一个现实我们不得不看清，那就是IE系列浏览器还占有一大部分市场份额，以IE8、9为主，windows8.1的用户已经用上了IE10/11，而考虑我国的国情，IE6、7依然存留不少。在我... 阅读全文
摘要：
今天学到了一个新的CSS3属性，更准确的说是属性值，那就是background-clip:text。利用此属性值可以制作出很神奇的效果。可惜只有chrome支持，不过今天可以先来玩玩这个属性。 先来介绍下background-clip吧，它的作用是对背景图片进行裁剪，取值有content-... 阅读全文
摘要：
自神经猫风波之后，微信中的各种小游戏如雨后春笋般目不暇接，这种低成本，高效传播的案例很是受开发者青睐。作为一名前端，随手写个这样的小游戏出来应该算是必备技能吧。恰逢中秋节，部门决定上线一个小游戏，在微信里传播一下与用户互动互动。这任务自然落在了我头上。前段时间用DOM+CSS3写了个小游戏，在A... 阅读全文
摘要：
前些日子看到了一则新闻，flappybird原作者将携新游戏SwingCopters来袭，准备再靠这款姊妹篇游戏引爆大众眼球。就是下面这个小游戏： 前者的传奇故事大家都有耳闻，至于这第二个游戏能否更加火爆那是后话了。不过我看了作者的宣传视频后，蠢蠢欲动，这么简单的小游戏我山寨一个网页版出... 阅读全文
摘要：
WeixinApi.ready(function(Api) { // 微信分享的数据 var wxData = { "appId": "", // 服... 阅读全文
摘要：
都什么年代了，还自己写弹出层插件！是的，①自己写的自己好控制②可定制性高③兼容低版本IE 本插件有以下特性：样式分离，可定制，纯净无图片可自定义按钮及按钮的样式、点击事件可指定选择器选择页面元素的内容作为弹出层的内容，也可以指定url来异步加载单独页面可配置遮罩层、关闭按钮、按钮栏可配置拖动、... 阅读全文
摘要：
★jQuery1.7.2下操作object元素报错jQuery1.7.2下，用$选择器操作object元素会报错：代码如下：$('object').hide();换用原生js就没事了：document.getElementsByTagName('object')[0].style.display =... 阅读全文
摘要：
一个月前我们启动了一个看起来像是“闪电计划”的项目，用两周的时间完成系统的改版，内容包括原型设计、界面设计、开发、测试、上线。时间紧任务重，看起来有点像不可完成的任务。最终通过整个团队的密切配合，和包括周末在内的加班加点按时完成了任务。但仅仅是完成，并未出彩。这是我第一次和整个团队一起参与较为完... 阅读全文
摘要：
有时项目中会遇到需要拖动元素、拖拽调整元素大小的需求。大部分时候都不想自己写一遍，因为已经有很多现成的例子了。例如jqueryui提供的drag和resize。但是仅仅是为了这么小一个功能就引入一个库，真是有点划不来，性价比太低了撒。于是自己实现了一遍，写了两个通用函数，需要的时候直接把他们考到... 阅读全文