什么是组件？ 组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。 接下来给大家介绍vuejs单向绑定、双向绑定、列表渲染、响应函数基础知识，具体详情如下所示： （一）单向绑定 <div id="app"> {{ message }} </div> <script> new Vue({ el: #ap...
引言 本文主要是讲解Three.js的相关概念，帮助读者对Three.js以及相关知识形成比较完整的理解。 近年来web得到了快速的发展。随着HTML5的普及，网页的表现能力越来越强大。网页上已经可以做出很多复杂的动画，精美的效果。 但是，人总是贪的。那么，在此之上还能做什么呢？其中一种就是通过WebGL在网页中绘制高性能的3D图形。 OpenGL,WebGL到Three.js OpenGL大概许多人都有所耳闻，它是最常用的跨平台图形库。 WebGL是基于OpenGL...
像AngularJS这种前端框架可以让我们非常方便地开发出强大的单页应用，然而有时候Angular这种大型框架对于我们的项目来说过于庞大，很多功能不一定会用到。这时候我们就需要评估一下使用它的必要性了。如果我们仅仅需要在一个简单的网页里添加屈指可数的几个功能，那么用Angular就太麻烦了，必要的安装、配置、编写路由和设计控制器等等工作显得过于繁琐。 这时候我们需要一个更加轻量级的解决方案。Vue.js就是一个不错的选择。Vue....
前言 Vue.js是一个数据驱动的web界面库。Vue.js只聚焦于视图层，可以很容易的和其他库整合。代码压缩后只有24kb。 以下代码是Vue.js最简单的例子， 当 input 中的内容变化时，p 节点的内容会跟着变化。 <!-- html --> <div id="demo"><p>{{message}}</p><input v-model="message"> </div> new Vue({el: #demo,data: {message: Hello Vue.js!} })vue.js的基础语法 插入文本<span>Message: {{ text }}</span>插入html格式的文本，在页...
前言 计算属性是用来声明式的描述一个值依赖了其它的值。当你在模板里把数据绑定到一个计算属性上时，Vue 会在其依赖的任何值导致该计算属性改变时更新 DOM。这个功能非常强大，它可以让你的代码更加声明式、数据驱动并且易于维护。 模板中表达式非常便利，但是它们实际上只用于简单的操作。模板是为了描述视图的结构,在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式,如果需要多...
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模型而得以轻量和高效，非常适合在分布式设备上运行的数据密集型...
一.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好处简单点来说就是——使得业务逻辑代码与页面展示代...
本文实例讲述了jQuery选择器用法。分享给大家供大家参考，具体如下： 什么是jQuery选择器 使用JavaScript操作页面上得DOM元素时，首先要获取DOM元素。但是原始的javascript只元件根据ID或者TagName获取DOM对象。 在jQuery中则完全不同，jQuery提供了异常强大的选择器用以帮助我们获取页面上的对象，并且将对象以jquery对象的形式返回。 首先来看看什么是选择器。 //根据id获取jQuery对象 var jQueryObject=$("#testDiv");上例中使用...
引用类型 引用类型是一种数据结构，用于将数据和功能组织在一起。它也常被称为类，但这种称呼并不妥当。尽管 ECMAScript从技术上讲是一门面向对象的语言，但它不具备传统的面向对象语言所支持的类和接口等基本结构。引用类型有时候也被称为对象定义，因为它们描述的是一类对象所具有的属性和方法。 前面提到过，引用类型的值便是对象，在ECMAScript中，引用类型是一种数据结构，用于将数据和功能组织在一起，而对象则是某个特定引用...
最近，因为工作需要一个树形下拉框的组件，经过查资料一般有两种的实现方法。其一，就是使用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:"河北省", ...
什么是JSX？ 在用React写组件的时候，通常会用到JSX语法，粗看上去，像是在Javascript代码里直接写起了XML标签，实质上这只是一个语法糖，每一个XML标签都会被JSX转换工具转换成纯Javascript代码，当然你想直接使用纯Javascript代码写也是可以的，只是利用JSX，组件的结构和组件之间的关系看上去更加清晰。 var MyComponent = React.createClass({/*...*/}); var myElement = <MyComponent someProperty={true} />; React.render(m...
这个入门指导是为javascript开发者写的。读这个文档之前，你最好掌握javascript和web开发编程，并还会非常基本的 Processing 知识。 目录： 为没有耐心看长篇大论的人准备： 如果你很着急入门，那么你就需要知道以下几点： 1、Processing.js 把 Processing 代码转变成能够在浏览器端运行的javascript代码，实质是通过<canvas>标签来实现绘图的； 2、为了使用它，你的首先下载 Processing.js； ...
一、 简介 1、 什么是javascript JavaScript 是网景（Netscape）公司开发的一种基于客户端浏览器、面向（基于）对象、事件驱动式的网页脚本语言。 2、 为什么要使用javascript 表单验证 网页特效 小游戏 Ajax 3、快速入门 在程序中，如果想编写js代码，有两种办法： 1）在html文件中，在一对script标记中，直接编写 <script language=javascript>document.write(hello); </script> 2）在js中，直接编写，在html中，使用一对scri...