摘要：
一、Bootstrap介绍 Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。本课时讲解 Bootstrap 的概念，并介绍 Bootstrap 应用场景和如何下载。 中文官方网站：http://www.bootcss.com/ 二 阅读全文
摘要：
什么是LESSCSS LESSCSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。 LESSCSS可以在多种语言、环境中使用，包括浏览器端、桌面客户端、服务端。 语言特性快速预览： 变量： 阅读全文
摘要：
第1题 ["1", "2", "3"].map(parseInt) A：["1", "2", "3"] B：[1, 2, 3] C：[0, 1, 2] D：other 解释：该题目的答案为：[1, NaN, NaN]，即选择D。该题用到了map与parseInt；parseInt() 函数的语法是p 阅读全文
摘要：
1.前言 本文章旨在讲解grunt入门，以及讲解grunt最常用的几个插件的使用。 2.安装node.js Grunt和所有grunt插件都是基于nodejs来运行的，如果你的电脑上没有nodejs，就去安装吧。安装nodejs非常简单，完全傻瓜式、下一步下一步下一步、的安装方式，这里不再赘述。去 阅读全文
摘要：
对字体进行抗锯齿渲染可以使字体看起来会更清晰舒服。在图标字体成为一种趋势的今天，抗锯齿渲染使用也越来越多。 font-smoothing是非标准的CSS定义。它被列入标准规范的草案中，后由于某些原因从web标准中被移除了。 但是，我们可以用以下两种定义进行抗锯齿渲染 （1）Webkit在自己的引擎中 阅读全文
摘要：
在西方国家罗马字母阵营中，字体分为两大种类：Sans Serif和Serif，打字机体虽然也属于Sans Serif，但由于是等宽字体，所以另外独立出Monospace这一种类，例如在Web中，表示代码时常常要使用等宽字体。 Serif的意思是，在字的笔划开始及结束的地方有额外的装饰，而且笔划的粗细 阅读全文
摘要：
创建对象 这就是创建对象最基本的方法，但是有个缺点，想创建一个类似的对象，就会产生大量的代码。 工厂模式 为了解决多个类似对象声明的问题，我们可以使用一种叫做工厂模式的方法，这种方法就是为了解决实例化对象产生大量重复的问题。 工厂模式解决了重复实例化的问题，但还有一个问题，那就是识别问题，因为根本无 阅读全文
摘要：
学习要点： 1.传统事件绑定的问题2.W3C事件处理函数3.IE事件处理函数4.事件对象的其他补充 事件绑定分为两种：一种是传统事件绑定（内联模型，脚本模型），一种是现代事件绑定（DOM2级模型）。现代事件绑定在传统绑定上提供了更强大更方便的功能。 一 传统事件绑定的问题 传统事件绑定中的内联模型不 阅读全文
摘要：
转换方法 所有对象都具有toLocaleString()、toString()、valueOf()方法。其中调用数组的toString方法会返回以数组中的每个值的字符串形式拼接而成的一个以逗号分割的字符串。 而调用valueOf()方法返回的还是数组。 得到的结果如图所示： 另外toLocaleSt 阅读全文
摘要：
摘要 想稍微系统的说说对于DOM的操作,把Javascript和jQuery常用操作DOM的内容归纳成思维导图方便阅读,同时加入性能上的一些问题. 前言 在前端开发的过程中,javascript极为重要的一个功能就是对DOM对象的操作,无论增删改查在前端页面操作这一范围内都是比较消耗性能的.如何高效 阅读全文
摘要：
@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中。 语法规则 首先我们一起来看看@font-face的语法规则： font-family: <YourWebFontName> ：自定义字库名称（一般设置为所引入的字库名），后续样式规则中则通过该名称来引用该字 阅读全文
摘要：
在一些DOM操作中我们经常会跟元素的位置打交道，鼠标交互式一个经常用到的方面，令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果，这篇文章就上鼠标点击位置坐标获取做一些简单的总结，没特殊声明代码在IE8，FireFox，Chrome下进行测试兼容 方法介绍 关于js鼠标事件综合各大浏览 阅读全文
摘要：
在最近有个项目中 需要实现当文本框聚焦的时候，可以键盘上下键选择内容，按enter键的时候，把内容传到输入框中，如图所示： 实现代码如下： 调用的方式： 阅读全文
摘要：
IE下,event对象有srcElement属性,但是没有target属性; Firefox下,event对象有target属性,但是没有srcElement属性.但他们的作用是相当的，即： firefox 下的 event.target = IE 下的 event.srcElement 解决方法: 阅读全文
摘要：
在传统的 JavaScript 开发中，查找 DOM 往往是开发人员遇到的第一个头疼的问题，原生的 JavaScript 所提供的 DOM 选择方法并不多，仅仅局限于通过 tag, name, id 等方式来查找，这显然是远远不够的，如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则表达式，或 阅读全文
摘要：
一：Date类型介绍 要创建一个日期对象，使用new操作符和Date构造函数即可： Date.parse()方法 其中Date.parse()方法接收一个表示日期的字符串参数，然后尝试根据这个字符串返回相应日期的毫秒数。ECMA-262没有定义Date.parse()应该支持哪种日期格式，因此这个方 阅读全文
摘要：
这其实是一个很简单的js就可以实现，当然一般情况就是利用for循环，从第一个跟第二个开始比较，根据大小交互位置，思路很简单。 也就是js中的冒泡排序 冒泡排序 时间复杂度为O（n^2），有两个优点： 1.“编程复杂度”很低，很容易写出代码； 2.具有稳定性，这里的稳定性是指原序列中相同元素的相对顺序 阅读全文
摘要：
最近项目中需要实现3D图片层叠旋转木马切换的效果，于是用到了jquery.roundabout.js。 兼容性如图： html结构代码： css样式： 引入的js 调用的一般形式： 实现的效果如图： 需要查看demo，点击下载 更多详解请查看地址：http://demo.niutuku.com/js 阅读全文
摘要：
ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了让页面更加美观，我们可以在页面中使用CSS：使用 orderBy 过滤器排序显示，可以使用orderBy过滤器: {{ x.Na... 阅读全文
摘要：
$http是 AngularJS 中的一个核心服务，用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上的 JSON 文件：{ "records": [ { "Name": "Alfreds Futterkiste", ... 阅读全文
摘要：
过滤器可以使用一个管道字符（|）添加到表达式和指令中。AngularJS 过滤器AngularJS 过滤器可用于转换数据：过滤器描述currency格式化数字为货币格式。filter从数组项中选择一个子集。lowercase格式化字符串为小写。orderBy根据某个表达式排列数组。uppercase... 阅读全文
摘要：
AngularJS 控制器控制AngularJS 应用程序的数据。AngularJS 控制器是常规的JavaScript 对象。AngularJS 控制器AngularJS 应用程序被控制器控制。ng-controller指令定义了应用程序控制器。控制器是JavaScript 对象，由标准的 Jav... 阅读全文
摘要：
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性，带有前缀ng-。ng-app指令初始化一个 AngularJS 应用程序。ng-init指令初始化应用程序数据。ng-model指令把元素值（比如输入域的值）绑定到应... 阅读全文
摘要：
AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内：{{ expression }}。AngularJS 表达式把数据绑定到 HTML，这与ng-bind指令有异曲同工之妙。AngularJS 将在表达式书写的位置"输出"数据。A... 阅读全文
摘要：
引言 奥森图标（Font Awesome）提供丰富的矢量字体图标—通过CSS可以任意控制所有图标的大小 ，颜色，阴影。 网页小图标到处可见，如果一个网页都是干巴巴的文字和图片，而没有小图标，会显得非常简陋。下面的小图标，你也可能经常会看到的，如图所示： 你可能说——“我们用的都是彩色的，不是黑白的” 阅读全文
摘要：
前言Modernizr.js既能给老版本浏览器打补丁，又能保证新浏览器渐进增强的用户体验。作用：从实际操作来看，Modernizr默认做的事情很少，除了（在你选择的情况下）给不支持html5的标签的浏览器，如IE6，7，8追加一点由Remy Sharp开发的html5垫片脚本，使其识别、等html5... 阅读全文
摘要：
上篇文章写到了一个不错的jquery实现邮箱输入自动提示功能，发现还有一个不错的自动提示插件： 先展示结果如图： html代码： css代码： jquery代码： /** * 邮箱自动提示插件 * @constructor EmailAutoComplete * @ options {object} 阅读全文
摘要：
记得去年做某个项目的时候，用到了邮箱输入自动提示功能，于是网上搜了一下，发现了这个写得不错，现在回想起来，转载一下，方便查阅。 邮箱的广泛使用得益于它的免费，因此很多网站在注册的时候都会直接使用邮箱作为账号名 为了提高用户的体验，很多网站都会实现邮箱输入的自动提示功能。 实现效果如图所示： 核心代码 阅读全文
摘要：
前言 这是一款可用于展示历史和计划的时间轴插件，尤其比较适合一些网站展示发展历程、大事件等场景。该插件基于jQuery，可以滑动切换、水平和垂直滚动、支持键盘方向键。经过扩展后可以支持鼠标滚轮事件。 HTML 我们在body中建立一个div#timeline作为展示区，#dates为时间轴，示例中我 阅读全文
摘要：
NO1.下图绿色区域的宽度为100%，其中有三个矩形，第一个矩形的宽度是200px，第二个和第三个矩形的宽度相等。请使用css3中的功能实现它们的布局。 已知HTML结构是： <div class="box"> <div class="item">column 1</div> <div class= 阅读全文