摘要：
这段代码来自http://stackoverflow.com/questions/20583812/grunt-requirejs-optimizer-for-a-multi-app-project以前用 requirejs和r.js 也做过打包demo，demo 大家懂得，1个页面10多个js。。... 阅读全文
摘要：
compass 中一些常用api 包括一些浏览器hack @import "compass/utilities/general" Clearfix Clearfix 是用来清除浮动 float 造成的内容问题,以前用clear 方法可以解决,通过查看Clearfix 的源码发现对与高版本的浏览器其实已经可以不用了 @mixin clearfix { overflow: hidden; ... 阅读全文
摘要：
最基本的api 是对比色，对与我这种菜鸟来说，没有什么比在一个背景色下 用什么颜色的文字坑蛋疼的事情了，这个工具可以帮助大家很好解决这个问题api 地址http://compass-style.org/reference/compass/utilities/color/contrast/要是真的能实... 阅读全文
摘要：
demo 源码 地址 https://github.com/qqqzhch/webfans什么是雪碧图？CSS雪碧 即CSS Sprites，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。compass ... 阅读全文
摘要：
demo 下载http://vdisk.weibo.com/s/DOlfkrAWjkF/1401192855为什么要学习Sass和compass ？提高站独立和代码产品化的绝密武器，尤其是程序化css，可以将写程序的各种理论融入其中，打造NB的产品首先 安装 rubyhttp://rubyinsta... 阅读全文
摘要：
一直以来 部署mono 都是很头疼的事情 因为是我在是不熟悉非win环境，今天偶然发现这个项目，挺好的，分享下https://github.com/wshearn/openshift-community-cartridge-monohttp://test.unknownerror.org/ 这是我搭... 阅读全文
摘要：
自从发现可编程的css语法 Sass和基于Sass的css库compass 一个给我的感觉像c# 另外一个给我的感觉像.NET Framework，一切都为了提升开发效率和降低开发大型web的门槛。 当web开发趋势迈进WebApi+Js 时代，compass和Sass 会不会成为web开发的标配？这个得实际开发检验下. 预处理 当web站点变的越来越复杂。 先是html 复杂了----... 阅读全文
摘要：
@寒冬winter话说如果一个前端能解释清楚“块级元素”、“行内级元素”、“替换元素”、“块容器”、“包含块”、“块级上下文”、“行内上下文”，那么似乎就是CSS理论相当扎实了…… 阅读全文
摘要：
最后个人感觉 Compass是 css世界的.NET 很久以前看到 Compass 误以为是css编译器，因为总是在看到如何安装Scss的文章里面看到的 知道最近不小心进入 Compass官网溜达，才发现 The CSS3 module provides cross-browser mixins for CSS properties introduced in CSS3, for exam... 阅读全文
摘要：
未来的半年可能是我到北京后最难熬的半年 转型和豪赌总是辛苦的 从ASP.NET webform 到 ASP.NET mvc js再到 js+webapi 在js+webapi组合中我犹豫了很久，到底是和以前一样两样都抓，还是集中精力，攻克一个，最后，我选了js 一步一步靠近回归web开发的本质，我也相信，js作为web的控场大使，一定会在未来更加强大 遗憾的是我自己，缺少css大量实战... 阅读全文
摘要：
module.exports = function(grunt) { // 项目配置 grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), uglify: { options: { banner: '/*! */\n' ... 阅读全文
摘要：
module.exports = function(grunt){ // 项目配置 grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), uglify: { options: { banner: '/*! */\n' ... 阅读全文
摘要：
function(){ return{ top:function(){return document.documentElement.scrollTop||document.body.scrollTop}, width:function(){return self.innerWidth||document.documentElement.clientWidth||document.body.c... 阅读全文
摘要：
放羊测试测完了再测这两个瞎搞的下拉列表组建 看看从单元测试模块化的角度组建会写成啥样 1：ajax请求 简单文本 2:1个页面多个实例 3：复杂展示+自定义点击+自定义处理函数 4：延迟请求 5 插件封装 jq和reqjs 6:jsonp 支持（还未实现） jq /** * Created by qqloving on 14... 阅读全文
摘要：
这是看了很多js单元测试资料后第一次自己做单元测试，因为资料都在介绍工具怎么使用，js单元测试的工具是在是太多了，各种风格，各种支持的，新的旧的，so 还是自己动手来体验一次 简单 是我给自己的需求很简单，读取github api 做个简单的列表页面，点击一项跳到详情页面，倾向页面再次读取github api 填充数据 因为以前段时间在看百度GMU 所以就在百度这个基础上做... 阅读全文
摘要：
以前很少关注js优先级 主要哦是技术菜鸟老加班没时间技术菜鸟 最重要的是记不住特点。。。。。。。。。。 1级 . [] () 字段访问、数组索引、函数调用和表达式分组 通过观察可以发现 . 字段访问--》读取数据 [] 数组索引--》读取数据 ps [] 这个也可以创建空数组 不知道为啥没有算进去 () 括号 分为函数调用--》读取作用域 ... 阅读全文
摘要：
配置文件下载 http://vdisk.weibo.com/s/DOlfks4wpIj LiveReload安装前的准备工作： 安装Node.js和Grunt，如果第一次接触，可以参考：Windows下安装Grunt的指南和相关说明，根据步骤操作，创建完package.json 和 Gruntfile.js这2个文件就行。 接下来，开始配置LiveReload所需要的环境和相关插件。这里... 阅读全文
摘要：
类型转换分为显示转换和隐式转换 参考http://www.cnblogs.com/mizzle/archive/2011/08/12/2135885.html 先事件显示的 通过手动进行类型转换，Javascript提供了以下转型函数： 转换为数值类型：Number(mix)、parseInt(string,radix)、parseFloat(string) 转换为字符... 阅读全文
摘要：
It’s important to understand that a function’s prototype property has nothing to do with it’s actual prototype. Javascript的每个对象均有一个原型（prototype）。当消息（请求某个属性的指令）到达某个对象时，Javascript会尝试在该对象上寻找该属性，但没有的时候就会将消息转发到该对象的原型并在原型上寻找该属性，就是这样不断向上层原型转发消息，直到在某个原型中找到该属性或消息转发到顶层原型（Object对象）。（译者语：每个对象的原型均指向另一个对象，最顶层的原型就 阅读全文
摘要：
ps：本文前面大部分是错的，后边大部分也是错的，搞混了不要怪我。。。。。。。。。。。。。。。。。。。这篇文章讲述了一个悲伤的故事，从一个似似而非的概念一步一步到错误的理解，最后勉强正确的过程其实我本不想说我对scope的理解，因为我没写过c++，没看过脚本引擎规范，没看过js脚本引擎实现，说的也都是乱七八糟看到的加我自己猜测的，首先看一块js代码，因为这真是一块代码在看看输出undefinedsome scopetopscope这是怎么回事呢？为什么会是undefined1：很久以前我发现这个怪物时候，我也不懂，但是我可以规避，那就是把var 放在第一行2：后来我学习了python，接触了第一 阅读全文
摘要：
有道云笔记 ，在家学习不错的选择，告别离职后睡大觉的最佳利器 阅读全文
摘要：
效果实现功能1 自动切换 2鼠标移动到图片上暂停 3鼠标移动到数字上切换到指定图片 4图片切换动画平滑基本布局通过查看元素分布可以发现每个图片占据1个TD单元格，横向平铺2 表格table 决定定位---------------------------》动画内容独立于当前文档流，避免dom 的重绘和重排几个基本的辅助js代码 var $ = function (id) { return "string" == typeof id ? document.getElementById(id) : id; }; var Extend = functi... 阅读全文
摘要：
无缝滚动测试 offsetWidth 和 scrollLeft 的应用 和子容器800%与父容器的使用参考 http://blog.csd... 阅读全文
摘要：
今天有空 细致的看看iscrolljs api 发现自己以前的几个失误是没看api造成的 失误1 页面a操作 影响了页面b的滚动条 api 解释： options.bindToWrapper The move event is normally bound to the document and not the scroll container. When you move the cur... 阅读全文
摘要：
终于离开的这家我服务了2年的公司。本来不计划吐槽发感慨，我一直是乐观调侃谈笑写代码，不过自从我离职那天起，我的个人技术试验站流量开始上涨，好像在庆贺我终于觉悟了一样，之前我也写过一些我自己写代码玩的文章，单纯的玩玩而已总结2013年干的几件小事如何伪装成为一名前端（JS方向）第一次操刀数据库分表的教训与经验--白干一场第一次操刀数据库分表的教训与经验【自爆系列】浅谈我前端开发的那些糗事【自爆系列】浅谈我对数据库性能注意事项的错误了解我的站点地址：http://www.unknownerror.org/ 源代码地址：https://github.com/qqqzhch/Test-Driven-D 阅读全文
摘要：
平时写js经常遇到这样做是不是更快点？但又没有具体简单可测试的工具，最近也倒序看博客园司徒正美 js分类下的文章 【ps:去年灵光一闪，发现看博客园排名前100的博客、按照文章分类倒序看是学习最快的方式 O(∩_∩)O~】 看到这篇文章时 (转)Google Closure: 糟糕的JavaScript http://www.cnblogs.com/rubylouvre/archive/200... 阅读全文
摘要：
以前对事件只会用jq的bind绑定一下，脑海里留着书中的事件循环，一直认为事件就是这儿循环的，最近看园子里的文章，对事件的了解更模糊了所以我做了个小实验，总结一下看的这些零零碎碎的文章，如果总结错了，请在评论里指出首先，在页面上方4个div标签，一个嵌套个用来测试捕获和冒泡，因为捕获和冒泡的重点是过程，而不是起点和重点，所以我只在中间的两个div small和meddiv 上绑定了事件基本的html代码如下 bigdiv Meddiv small verysmall ... 阅读全文
摘要：
移动web现在已经是zepto的天下，但是一直找不到合适UI库，找了一段时间，终于找到了百度的ui库gum和inter 的 appframework UI库 相比之下，百度的UI库更接地气，配合百度强大的用户群，在各种山寨机和山寨浏览器上也可以取得不错的体验，最近终于有时间学习下这个ui库希望等一步一步进入移动web开发领域。 这是在线的api http://gmu.baidu.com/doc... 阅读全文
摘要：
(function(){})( window.EventUtil={ addHandler:function(element,type,handler){ // alert(1); if(element) { //alert(2); if(element.... 阅读全文
摘要：
颜海镜 介绍了专业人士精准测试手机网站的经验 http://www.cnblogs.com/yanhaijing/p/3557261.html, 因为太专业了，稍显复杂和琐碎，这里我介绍下我一直关注的的 inter XDK去年的 xdk 是浏览器插件，今年用nodejs重写了，可见前端会nodejs ，想做啥就做啥下载地址 http://xdk-software.intel.com/index.html 安装完后界面是这样的创建项目、导入项目、根据模板创建项目，有很多好玩的东西，通过根据项目模板创建项目，就会发现可以发现有很多难以测试的项目，都可以在这里模拟测试，尤其是很多游戏开发者需要的摇动 阅读全文