本文实例讲述了nodejs入门教程之调用内部和外部方法。分享给大家供大家参考，具体如下： 1.创建fun.js var fun3 = require(./fun3); var fun2 = require(./fun2); function fun1(){console.log("我是fun1");//exports的方式:exports 是给 module.exports 添加属性和方法//fun2.obj.add(1,2);//fun3.print();//module.exports的方式fun2.add(1,2);fun3(); } fun1();2.创建fun2.js var obj = {reduce:function(a,b){return a - b;},a...
原教程： http://cn.vuejs.org/guide/instance.html http://cn.vuejs.org/guide/syntax.html 本博文是在原教程的基础上加上实例，并尝试说明的更详细。 （十）Vue实例的生命周期 如图：（我自己翻译的中文版，英文版请查看本博文顶部的，第一个链接）（八）传入的数据绑定 先创建一个对象（假如是obj），然后将他传入Vue实例中，作为data属性的值，那么 ①obj的值的变化，将影响Vue实例中的值的变化； ②相反一样； ③可以在Vue实例...
前言 在 Vue.js 的项目中，如果项目结构简单， 父子组件之间的数据传递可以使用 props 或者 $emit 等方式，详细点击这篇文章查看。 但是如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue 的状态管理工具 Vuex 完美的解决了这个问题。 一、安装并引入 Vuex 项目结构：首先使用 npm 安装 Vuex cnpm install vuex -S然后在 main.js 中引入import Vue from vue import App from ./App import Vuex...
vuejs是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。如果你之前已经习惯了用jQuery操作DOM，学习Vue.js时请先抛开手动操作DOM的思维，因为Vue.js是数据驱动的，你无需手动操作DOM。它通过一些特殊的HTML语法，将DOM和数据绑定起来。一旦你创建了绑定，DOM将和数据保持同步，每当变更了数据，DOM也会相应...
NodeJS里最常用的测试框架估计就是mocha了。它支持多种node的assert libs， 同时支持异步和同步的测试，同时支持多种方式导出结果，也支持直接在browser上跑Javascript代码测试。 本文示例大多源于官网示例，部分示例结合需要或自己的感想有所改动。更多介绍请看 官方网址：Mocha on Github Installation： 当你成功安装nodejs v0.10 和 npm后执行下面这条命令。 # npm install -g mochap.s. Ubuntu的注意apt源里的nodejs版本会比较...
querystring模块 querystring从字面上的意思就是查询字符串，一般是对http请求所带的数据进行解析。querystring模块只提供4个方法，在我看来，这4个方法是相对应的。 这4个方法分别是querystring.parse和querystring.stringify,querystring.escape和querystring.unescape。 首先，使用querystring模块之前，需要require进来： const querystring = require("querystring");其次，就可以使用模块下的方法了： 一、querystring.parse...
简介 Facebook官网介绍：React 是一个用来构建用户界面的 JavaScript 库。相当于 MVC 架构的 V 层。 React 的核心思想是：封装组件，各个组件维护自己的状态和UI，当状态变更，自动重新渲染整个组件。 React的优点（React为什么这么火？）：组成 React构建界面的三要点：组件、路由、状态管理。 React 的核心内容：JSX和虚拟 DOM。 一个最基本的 React 组件由数据和JSX两个主要部分构成，我们先来看看数据。这是一个简单完整的...
Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 bootstrap 的学习非常简单，并且它所提供的样式又非常精美。只要稍微简单的学习就可以制作出漂亮的页面。 bootstrap中文网：http://v3.bootcss.com/ bootstrap提供了三种类型的下载： ------------------------------------------------------------- 用于生产环境的 Bootstrap编译并压缩后...
基础Vue.js 允许你注册自定义指令，实质上是让你教 Vue 一些新技巧：怎样将数据的变化映射到 DOM 的行为。你可以使用Vue.directive(id, definition)的方法传入指令id和定义对象来注册一个全局自定义指令。定义对象需要提供一些钩子函数（全部可选）： bind: 仅调用一次，当指令第一次绑定元素的时候。update: 第一次是紧跟在 bind 之后调用，获得的参数是绑定的初始值；以后每当绑定的值发生变化就会被调用，获得新值与旧值两个参数...
微信小程序（下面简称小程序）近些月来刷爆了我们这些程序猿们的圈子，可以说无数的程序猿磨刀霍霍，准备在这快蛋糕上杀出一片天地。那么作为前端开发人员，小程序开发和我们平常的开发有什么不同的地方呢？让我们一起来走进门里看看。我们从下面几个方向来了解一下小程序的开发： 1.开发工具 2.布局差异 3.JS差异 4.其它 序先看一张小程序初始化的目录：小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主...
Leaflet简述 Leaflet 是一个为建设交互性好适用于移动设备地图，而开发的现代的、开源的 JavaScript 库。代码仅有 33 KB，但它具有开发在线地图的大部分功能。Leaflet设计坚持简便、高性能和可用性好的哲学思想，在所有主要桌面和移动平台能高效运作，在现代浏览器上会利用HTML5和CSS3的优势，同时也支持旧的浏览器访问。支持插件扩展，有一个友好、易于使用的API文档和一个简单的、可读的源代码。Leaflet强大的开源库插件涉及到地...
接着上一篇vue慢速入门教程学习。 4.组件使用基础 什么是组件？组件可以理解为可重用的自定义HTML。 可以使用一堆组件来构造大型应用，任意类型的应用界面都可以抽象为一个组件树：可以把组件代码按照template、style、script的拆分方式，放置到对应的.vue文件中。 组件预定义选项中最核心的几个：模板（template）、初始数据（data）、接受的外部参数（props）、方法（methods）、生命周期钩子函数（lifecycle hooks）。 4.1 基本...
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。 0.MVVM什么是MVVM？就是Model-View-ViewModel。ViewModel是Vue.js的核心，它是一个Vue实例。 不太懂也没关系，慢慢就懂了。 1.基础示例 代码： <!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1...
前言 vuejs——轻量、学习成本低、双向绑定、无dom的操作、组件的形式编写 vuejs是个轻量级的mvvm框架， 集合了angular的基本功能，却又比angular更为精简，功能上涵盖了双向绑定、指令、逻辑控制、过滤器、事件监听、函数等。框架的特点使得项目 在状态变更、分页的场景下可以拥有很大的便利——所有的操作只需要变更数组，没有任何的dom操作。 webpack——CommonJS的引用和编写方式、loader非常的丰富，包括vue-loader、css-load...
本文实例讲述了打造自己的jQuery插件的方法。分享给大家供大家参考，具体如下： 写js插件并不麻烦，js插件有两类，类型插件和对象插件。首先举例： $.post(url);这个是类型插件，换句话说该插件在调用的时候不需要指定对象。那么： $(p).click();这个是对象插件，也就是说使用该插件的时候需要指定对象。 在写jQuery插件的时候，都是有固定的模板： jQuery.plugin1 = function(text) {alert(text); };//类型级别框架，类似 $.post(...