前端自动化工具 -- grunt 使用简介

发表于2015-07-23 14:29:49|--次阅读

grunt是什么，grunt就是个东西..grunt作为一个前端构建工具，有资源压缩，代码检查，文件合并等功能。下面就简单了解grunt的使用。一、环境配置grunt是基于nodejs的，所以需要一个nodejs环境，未了解的可以来这看看还是在windows下，首先要保证grunt命令可以使用，所...

第八章面向对象之四：继承的几种方法

发表于2015-07-23 14:29:15|--次阅读

本章内的内容如果想看懂希望大家一边通过console查看运行结果一边比对文章内容，这样更容易理解。使用构造函数继承我们理解了继承的原理，但是有一个缺点就是，通过原型继承，父父类的实例属性变成了父类的原型属性，原型属性会导致多个实例公用，造成互相影响。因此提出了一个构造函数的继承。原理就是在父类.....

jQuery静态方法type使用和源码分析

发表于2015-07-23 14:28:00|--次阅读

jQuery.type方法是检测数据类型的工具方法，在分析其用法之前先总结下js给我们提供了那些监测数据类型的方法；一、typeof 操作符下面是测试代码var data=[],a='123',b=0,c=true,d={1:23},e=[123],f=function(){},g=null,h=u...

JS简单入门教程

发表于2015-07-23 14:27:26|--次阅读

JS简单教程使用方法：放到任意html页面的head标签下Test1方法弹出当前时间对话框Test2方法for循环输出Test3方法for（…in…）输出数组内容

20150722---点击按钮使指定的控件可见部分平移（JS）

发表于2015-07-23 14:26:57|--次阅读

前段代码： <<<< >>>> 注意：内层div宽度大于外层div，宽度的设定不仅局限于实际像素，也可使用百分比；js指向的的是外层div。外层div内部元素超出部分隐藏overflow:hidden，内层div的text不允许换行whi...

js三种绑定事件方式之间的区别

发表于2015-07-22 15:23:29|--次阅读

JavaScript三种绑定事件的方式： 1. //直接在DOM里绑定事件 2. 3. 那么问题来了，1 和 2 的方式是我们经常用到的，那么既然已经有两种绑定事件的方法为什么还要有第三种呢？答案是这样的：用 "addeventlistener" 可以绑定多次同一个...

Javascript高级程序设计读书笔记（第二章）

发表于2015-07-22 15:22:29|--次阅读

第二章在HTML中使用Javascript2.1 在XHTML中元素包含在元素中的内容只有在下列情况下才会显示出来：浏览器不支持脚本浏览器支持脚本，但脚本被禁用符合上述任何一个标准，浏览器都会显示中的内容

关于 CommonJS AMD CMD UMD 规范的差异总结

发表于2015-07-22 15:21:29|--次阅读

一、CommonJS主要是用于服务器端的规范，比如目前的nodeJS.根据CommonJS规范，一个单独的文件就是一个模块。每一个模块都是一个单独的作用域，也就是说，在一个文件定义的变量（还包括函数和类），都是私有的，对其他文件是不可见的。// foo.jsvar request = require...

RequireJS 模块化加载框架使用

发表于2015-07-22 15:20:57|--次阅读

RequireJS是一个遵循 AMD 规范的模块化加载框架与上文seajs一样，这里简单介绍其相关用法同样的，首先是下载好 require.js -->http://requirejs.org/docs/download.html#requirejsAMD规范是预加载，也就是说会马上将所有模块全加载...

【脚本】淘宝网页标题显示价格+网址参数过滤

发表于2015-07-22 15:20:08|--次阅读

脚本传送门：https://greasyfork.org/zh-CN/scripts/10571-%E6%B7%98%E5%AE%9D-%E6%A0%87%E9%A2%98%E4%BB%B7%E6%A0%BC-url%E8%BF%87%E6%BB%A4一个用于在网页标题上显示淘宝商品促销价格的脚本，...

SeaJS 模块化加载框架使用

发表于2015-07-22 15:18:19|--次阅读

SeaJS 是一个遵循 CMD 规范的模块化加载框架CommonJS，CMD，AMD等规范后文会提到，这里主要先了解如何在代码中使用。如果你有使用过nodejs ，那么理解起来就容易多了。我们通过sea.js来加载我们定义的模块（这会儿遵循CMD规范）并使用相应的数据。首先，当然是要下载sea.js...

JavaScript写一个拼图游戏

发表于2015-07-22 15:18:03|--次阅读

拼图游戏的代码400行，有点多了，在线DEMO的地址是：打开；因为使用canvas，所以某些浏览器是不支持的： you know；为什么要用canvas(⊙o⊙)？因为图片是一整张jpg或者png，我们要用把图片导入到canvas画布，然后再调用上下文context的getI...

JS HTML标签尺寸距离位置定位计算

发表于2015-07-22 15:17:31|--次阅读

四种浏览器对 clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth 和 scrollWidth 的解释差异网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.client...

AngularJS笔记--自定义指令

发表于2015-07-22 15:14:44|--次阅读

在前端开发中, 我们会遇到很多地方都会用到同一种类型的控件。AngularJS提供了自定义指令功能，我们可以在指令里面定义特定的html模板。提供给前台html调用. 一. 指令的简单定义. 下面定义了一个简单的控件，点击后调转到博客园。 Note: 1.命名方式:...

JS设计模式（一）

发表于2015-07-22 15:14:29|--次阅读

> 前在学习使用Javascript之前，我的程序猿生涯里面仅有接触的编程语言是C#跟Java——忽略当年在大学补考了N次的C与VB。从静态编程语言，转到动态语言JS，刚开始的时候，遇到不少困难与错误。可能因为先入为主，在JS编程之中，往往不由自主地以C#的逻辑、编程思路、设计模式进行JS开发。时间...

js常用正则表达式大全

发表于2015-07-22 15:13:56|--次阅读

正则表达式用于字符串处理、表单验证等场合，实用高效。现将一些常用的表达式收集于此，以备不时之需。匹配中文字符的正则表达式： [\u4e00-\u9fa5]评注：匹配中文还真是个头疼的事，有了这个表达式就好办了匹配双字节字符(包括汉字在内)：[^\x00-\xff]评注：可以用来计算字符串的长度（一个...

javascript模拟select下拉菜单

发表于2015-07-21 15:41:34|--次阅读

javascript模拟select下拉菜单:由于自带的select下拉菜单确实是不够美观，并且美化的潜力也不够大，所以对外观要求比较高的网站，基本都要使用自定义的select下拉菜单，下面就提供了一个简单的例子供大家参考，代码实例如下:蚂蚁部落 select选择 ...

js继承简单实例

发表于2015-07-21 15:41:03|--次阅读

javascript继承简单实例:作为一门面向对象的语言，那么继承自然就是一大特征，下面是一段非常简单代码实例，它演示了实现继承的基本原理，有兴趣的或者恰好要学习此方面的朋友可以参阅一下，希望能够给大家来帮组。//继承function Person(name,sex){ this.name=nam....

javascript实现的运动框架详解

发表于2015-07-21 15:40:46|--次阅读

javascript实现的运动框架详解:所谓的运动框架简单的说就是让元素的某一个属性值能够有渐进性的变化。运动框架的使用在实际功能中有大量的应用，最常见的比如客服系统，当拖动滚动条的时候，一般客服系统能够以弹性方式跟随，下面就简单介绍一下如何实现此效果:代码实例如下:蚂蚁部落蚂蚁部落欢迎您在以上代码...

js自定义右键菜单代码

发表于2015-07-21 15:40:10|--次阅读

javascript自定义右键菜单代码:右键菜单这个再熟悉不过了，使用电脑的话每天几乎都要操作上千遍右键菜单，下面分享一段自定义右键菜单的代码实例，希望能够给需要相关内容的朋友带来帮助，代码实例如下:蚂蚁部落对我右键出现菜单剪切复制粘贴以上代码基本实现需要的效果，当然还不够完善，可...