摘要： 本文关于gulpfile.js怎么写，利于完成个性化需求。本文开发环境默认已安装node，详情参考《node入门（一）——安装》。 一、安装gulp 二、进入项目根目录，创建package.json文件 现在项目目录下新增了package.json文件，内容如下： 三、在package.json里增 阅读全文

摘要： 上周开始接触移动web开发，默默的掉进了很多坑里面。本文主要总结本周遇到的坑以及如何填坑。 1、px与rem换算。 设计稿的宽度一般是640px，而iphone是320px，所以测量设计稿的结果首先要除2，这时的单位还是px，下一步要转换成rem，怎么转换呢？得看根节点怎么设置的。 首先，任意浏览器 阅读全文

摘要： node可以让我们用js写服务器。此外还可以用来前端自动化开发，它找到特定服务要使用的包，然后下载、安装、管理。 首先安装node，进入官网下载需要的node版本，然后一键式傻瓜安装。（我的环境是windows） 使用cmd或git bash来执行node命令。 装好node之后就可以在命令行工具中 阅读全文

摘要： 本文主要研究为什么移动web开发需要设置viewport，且一般设置为<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">. 首先，需要明白viewport是什么东东。看下图： 阅读全文

摘要： 这篇文章要弄清楚2个问题：一、什么是逻辑像素和物理像素；二、这两者有什么关系。 对于问题一，先抛出两个概念。我们经常使用的px就是逻辑像素，是浏览器使用的抽象单位；物理像素又和dp/pt（设备无关像素）、dpr（设备像素缩放比）有关。对于问题二，逻辑像素和物理像素可以通过下面的公式转换：1px=(d 阅读全文

摘要： 前几天碰到一个问题，在用bs和jq2.2.0开发时，min-height设为100%在firefox和ie下没有起作用，先用css改了一下，但是min-height虽然是奏效了，但同时出现了其他css问题，千丝万缕，随后万能的js完美解决问题，简单粗暴。 首先说一下问题产生的原因：jq2+获取hei 阅读全文

摘要： 上一篇中，我们为组件添加了“删除一条item”的功能，现在，再增加一个“增加一条item”的功能。 首先，在页面中增加一个按钮，用来触发添加功能（红框中的内容是对比上一篇新加的代码）。 在main.js中绑定按钮的单击事件，触发add函数。 再在smartList.js里写add函数。 1... 阅读全文

摘要： 上一篇里，我们为smartList组件写了一个简单的setData方法，运用此原型方法创建了member list和group list两个列表，今天我们继续完善插件功能。 上一篇里，最终效果是这样： 生成了2个一模一样的列表，都有编辑和删除的功能。所以现在我们要改进一下插件，使用户可以定制... 阅读全文

摘要： 前两篇博文里学习了类与原型的相关知识，现在就理论结合实际，看看如何用类和原型来写一个插件。 首先写好html页面如下，主要是引入jquery和bs，页面中放了一个id为memberList的div，用来放我们待会使用类和原型生成的item。 1 2 3 4 Flexx 5 ... 阅读全文

摘要： js 内置有很多类，我们用的，都是从这些类实例化出来的。1 function Object () {}2 function Array () {}3 function String () {}4 function Boolean () {}5 function Function () {} 比... 阅读全文