JavaScript他是一种描述性语言，其实他并不难学，只要用心学，一定会学好，我相信大家在看这篇文章的时候，一定也学过HTML吧，使用JavaScript就是为了能和网页有更好的交互，下面切入主题。 一. JavaScript 1.什么是JavaScript JavaScript是一种描述性语言，也是一种基于对象（Object）和事件驱动（Event Driven）的，并具有安全性的脚本语言。 2.JavaScript的特点 JavaScript主要用来向HTML页面添加交互行为。 JavaScript是一...
Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快，性能非常好。Node.js对一些特殊用例进行了优化，提供了替代的API，使得V8在非浏览器环境下运行得更好。Node.js是一个基于Chrome JavaScript运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动， 非阻塞I/O 模型而得以轻量和高效，非常适合在分布式设备上运行的数据密集...
Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快，性能非常好。Node.js对一些特殊用例进行了优化，提供了替代的API，使得V8在非浏览器环境下运行得更好。Node.js是一个基于Chrome JavaScript运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动， 非阻塞I/O模型而得以轻量和高效，非常适合在分布式设备上运行的数据密集型...
本章将为大家介绍以下几点内容； 1、jquery的主要特点； 2、建立jquery的编码环境； 3、简单jquery脚本示例； 4、选择jquery而不是纯javaScript的理由； 5、常用的jquery开发工具；jquery能做什么？ ① 取得文档中的元素 $(div.content).find(p); ② 修改页面的外观$(ul > li:first).addClass(active); ③ 改变文档内容$(#container).append(<a href="www.baidu,com">more</a>) ④ 为页面添加动态效果$(div.content).slideDown();...
一.jQuery Mobile 的渐进增强设计与浏览器支持 根据维基百科（ Wikipedia ） 的解释，渐进增强的设计主要包括以下几点 basic content should be accessible to all web browsers （所有浏览器都应能访问全部基础的内容）basic functionality should be accessible to all web browsers （所有浏览器都应能访问全部基础的功能）sparse, semantic markup contains all content （所有的内容应该在少量语义标签内）enhanced layout is...
一、引言之前这个系列文章已经介绍Bootstrap，详情请查看本文： 《Bootstrap入门教程》 ，由于最近项目中，前端是Asp.net MVC + KnockoutJs + Bootstrap来做的。所以我又重新开始写这个系列。今天就让我们来看看Web前端的MVVM框架——KnockoutJs。 二、KnockoutJs是什么？做.NET开发的人应该都知道，WPF中就集成了MVVM框架，所以KnockoutJs也是针对Web开发的MVVM框架。关于MVVM好处简单点来说就是——使得业务逻辑代码与页面展示代...
一、ReactJS简介React 是近期非常热门的一个前端开发框架。React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具。ReactJS官网...
本文实例讲述了jQuery选择器用法。分享给大家供大家参考，具体如下： 什么是jQuery选择器 使用JavaScript操作页面上得DOM元素时，首先要获取DOM元素。但是原始的javascript只元件根据ID或者TagName获取DOM对象。 在jQuery中则完全不同，jQuery提供了异常强大的选择器用以帮助我们获取页面上的对象，并且将对象以jquery对象的形式返回。 首先来看看什么是选择器。 //根据id获取jQuery对象 var jQueryObject=$("#testDiv");上例中使用...
1.简介 最近在做一个大型网上银行项目前端的优化，需要使用一个胖客户端的优化，大概思路就是前端通过Ajax 请求去后端获取数据，以Jason的格式返回，然后显示在页面上。由于这个系统非常庞大，胖客户端方案难免需要在客户端写大量的JS代码。我想对于任何团队来说，大量的，非结构化的代码维护起来都非常的不方便。所以BackBone进入了我的视线。 它提供了一种途径可以让你结构化你的JS代码，让你以面向对象的方式来组织你的前端JS代...
之前在学习Bootstrap的过程中，遇到各种奇葩的坑，如果在学习bootstrap之前，准备工作先做好，就可以或多或少的避开一些坑。下面小编开始给大家介绍border-box这个属性的知识。 在Boostrap自带的css文件：boostrap.css中，有这样一段代码： * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 这意味着在写代码时，这个属性将无处不在。那这个box-sizing:boder-box究竟是什么鬼呢？...
一、 安装 首先，去http://nodejs.org 下载安装。我下的版本是0.8.14。安装很简单，下一步下一步就哦了。然后在path中配置一下安装目录即可，msi会把npm（Node Package Manager）一并装上。我的安装目录是C:\Program Files (x86)\nodejs。这时使用cmd命令窗口 node -v ，npm -v命令查看下安装的版本1.1、helloworld 在Node.js工程目录中新建一个文件hello.js，里面敲一行代码 console.log(hello, nodejs.) ;进入命令行控制台，进入...
一、v-bind 缩写<!-- 完整语法 --> <a v-bind:href="url"></a><!-- 缩写 --> <a :href="url"></a><!-- 完整语法 --> <button v-bind:disabled="someDynamicCondition">Button</button><!-- 缩写 --> <button :disabled="someDynamicCondition">Button</button>二、v-on 缩写<!-- 完整语法 --> <a v-on:click="doSomething"></a><!-- 缩写 --> <a @click="doSomething"></a>三、过滤器{{ message | capitalize }} 四、条件渲染v-if ...
引用类型 引用类型是一种数据结构，用于将数据和功能组织在一起。它也常被称为类，但这种称呼并不妥当。尽管 ECMAScript从技术上讲是一门面向对象的语言，但它不具备传统的面向对象语言所支持的类和接口等基本结构。引用类型有时候也被称为对象定义，因为它们描述的是一类对象所具有的属性和方法。 前面提到过，引用类型的值便是对象，在ECMAScript中，引用类型是一种数据结构，用于将数据和功能组织在一起，而对象则是某个特定引用...
一．jQuery UI jQuery UI 是以jQuery 为基础的开源JavaScript 网页用户界面代码库。包 含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很 好交互性的web 应用程序。 jQuery UI 的官网网站为：http://jqueryui.com/ jquery-ui-x.xx.x.custom.zip 。里面目录结构如下： 1.css，包含与jQuery UI 相关的CSS 文件； 2.js，包含jQuery UI 相关的JavaScript 文件； 3.Development-bundle，包含多个不同的子...
最近，因为工作需要一个树形下拉框的组件，经过查资料一般有两种的实现方法。其一，就是使用zTree实现；其二，就是使用easyUI实现。因为公司的前端不是使用easyUI设计的，故这里我选择了zTree来实现下拉树。 这里使用简单的数据格式（即简单的Json格式）类似如下Json： var zNodes =[{id:1, pId:0, name:"北京"},{id:2, pId:0, name:"天津"},{id:3, pId:0, name:"上海"},{id:6, pId:0, name:"重庆"},{id:4, pId:0, name:"河北省", ...