fareise的博客

之前已经有很多方法可以通过angular进行本地数据的读取。以前的例子中，大多数情况都是将数据存放到模块的$scope变量中，或者直接利用ng-init定义初始化的数据。但是这些方法都只为了演示其他功能的效果。这次来学习一下如何将Angular和PHP相结合，从后台读取数据。首先，利用PHP，我们定义了一组后台数据，代码如下（test.php）：<?phpheader("Access-C

一、函数中的arguments对象每个函数内部都有一个arguments，它能返回函数所接受的所有参数注意：argumens接收的是实参如下是利一个利用arguments特性编写的求和函数： 二、关于变量的作用域在javascript中，不能为变量定义特定的块级作用域，但是可以定义其所属的函数域。javascript中的全局变量指的是声明在所有函数之外的变量

组合继承是原性链继承和构造函数继承的合体，它汲取了二者各自的有点，同时又互相补充了各自的弱点，是一种应用十分广泛的javascript继承模式。下面分别从原性链继承、构造函数继承分别开始介绍，最后介绍二者的结合——组合继承。        一、原型链：利用原型让一个引用类型继承另一个引用类型的属性和方法        每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实

一、定义对象的基本格式：var hero = {breed: ‘Turtle’,occupation: ’Ninja’,talk: function(){ alert(“A!!”); }author: { firstname: ‘Martin’, lastname: ‘Lu’ }}属性名加不加引号都可以，但是当属性名有保留字或特殊字符(空格等

原性链继承方法中，javascript是通过另一个类的实例进行继承的(实际是用一个构造器函数的实体去覆盖另一个对象的原型)。如下代码：TwoDShape.prototype = new Shape();Triangle.prototype = new TwoDShape();需要直接用new Shape()构造一个实体，然后才能通过该实体的属性完成相关的继承工作，而不是直接继承自Sha

一、基本类型和引用类型概述js中数据类型的值包括：基本类型值和引用类型值基本数据类型：undefined;null;boolean;number;string引用类型值：保存在内存中，js不允许直接访问内存位置，因此时操作引用而不是实际对象二、如何检测数据类型1.基本数据类型的检测：使用typeofvar s = “AAA”;alert(typeof s);

最近整体学习了一下正则表达式的知识，发现还是在例子中进行学习效率比较高，接下来分享一下正则表达式的经典例子并进行相关知识点的总结。例子1：匹配5-12位的数字：^\d{5,12}$首先介绍两个特殊符号，^表示字串开头，$表示字串结尾，这两个用来限定匹配的范围。接下来\d用来匹配一个数字，后面可以接一个{}，里面输入数字。当输入一个数字时，比如{3}，表示对数字进行3次匹配；当输入两

一、Javascript中的正则表达式在Javascript中，可以使用RegExp对象构造正则表达。我们需要新建一个实例化的RegExp()对象，可以传入两个参数：第一个参数是匹配的模式，第二个参数是一个可选项，可以传入三种参数。i表示不区分大小写，g表示全局匹配，即匹配所有的符合条件的字符串，m表示执行多次匹配。实例如下：var reg = new RegExp("Hello", "i

一、类选择器的概念类选择器，就是通过class属性获取节点。比如一个html结构中，有三个p标签都具有class=”red”的属性，那么类选择器返回的就是这三个p标签。在jquery中，我们可以很方便的通过$(“.red”)这种方式按照类获取节点。但是在原生的javascript中，有getElementById(按照id属性获取元素)、getElementsByTagName(按照标签名

一、关于事件的一些定义1.      事件类型：一个用来说明发生什么类型事件的字符串。比如keydown表示键盘某个键按下2.      事件目标：发生的事件或与之相关的对象，如Window/Document/Element3.      事件处理程序：处理或响应事件的函数4.      事件对象:与特定事件相关且包含有关该事件详细信息的对象（如：鼠标事件的相关对象会包含鼠标指针的

一、javascript总的基本类型1.javascript中的基本类型共有五种：数字、字符串、布尔值、undefined、null其中null和undefined最大的区别在于，被赋予null的变量通常被认为是已经定义了的。2.除了以上五种基本类型外，其他的数据类型都属于对象。二、利用typeof方法查看数据类型在javascript中可以通过typeof方法来查看某

本地缓存是HTML5出现的新技术，这个技术的出现使得移动web的开发成为了可能。我们都知道，要想打造一个高性能的移动应用，速度是关键。而在HTML5之前，只有cookie能够存储数据，大小只有4kb。这严重限制了应用文件的存储，导致web开发的移动应用程序需要较长的加载时间。有了本地存储，让web移动应用能够更接近原生。         浏览器中，本地存储通过window.localStora

了解了一些基本的本地存储用法和思想后，我们来系统的介绍一下本地存储。本地存储分为三大类：localStorage/sessionStorage/本地数据库localStorage和sessionStorage二者的用法、所包含的函数、调用方法等都是相同的，二者仅仅是含义不同。其中，localStorage所存储的数据是长期有效的，而sessionStorage所存储的信息当每个会话（ses

Angular.js中index.html简单结构： Your name: Hello {{yourname || 'World'}}! ng-app属性是angular.js的标志语句，它标记了angular.js的作用域。ng-app可以添加在很多地方，像上面那样添加到ht

Jquery Mobile中提供了丰富的事件处理和检测机制。1.滚动事件在Jquery Mobile中，使用scrollStart和scrollStop事件来监听用户开始滚动和停止滚动的事件。以scrollStart为例，使用代码如下：$(document).on("scrollstart",function(){ alert("开始滚动！");}); 2.界面相关的事件一

基于事件驱动；非阻塞I/O四种I/O: 同步（synchronous）IO和异步（asynchronous）IO，阻塞（blocking）IO和非阻塞（non-blocking）IO阻塞I/O要等数据到了才能继续，否则会阻塞用户进程非阻塞进程中用户请求后会立即得到结果（比如如果数据没有准备好会返回error）Google V8 引擎使用 C++ 代码编写，实现了ECMAScript

高阶函数：与传统函数只能传递或返回规定的数据类型相比，高阶函数可以返回函数，如下：function foo(x){      return function(){           return x;}}由于高阶函数可以传递函数为参数，因此可以传递不同类型的函数来实现不同的功能，更加灵活 使用偏函数，如果要创建一组函数，比如isFunction,isString等

本次的目的是搭建一个最基础忽地可以实现功能的NodeJS服务器，能够体现出NodeJS的工作流程以及开发的基本框架。    需求：已经安装了nodejs以及express。    一、构建基础的NodeJS服务器（express、路由）var express = require(‘express’); //引入express模块var app = express(); //调用ex

一、cookie基本介绍    cookie是document的对象。cookie可以使得JavaScript代码能够在用户的硬盘上持久地存储数据，并且能够获得以这种方式存储的数据。cookie还可以用于客户端脚本化。cookie数据可以自动地在Web浏览器好Web服务器之间传递。    在浏览器中可以通过navigator.cookieEnabled属性检查浏览器的cookie功能是

一、什么是IOS应用唤起IOS中的应用唤起用来实现以下功能：在浏览器中可以通过某些方式打开IOS手机本地的app，如果该app没有安装可以跳转到该应用对应的App Store的下载页。 二、App store下载页连接App store中某个应用的下载页连接形如：https://itunes.apple.com/us/app/id399608199。在PC端浏览器打开该连接会跳转到应用详情页的PC

1.准备：配置好Node环境，并且安装npm工具2.安装依赖包npm install babel -gnpm install webpack -gnpm install webpack-dev-server -g上面这三个依赖包都需要安装到全局，因为需要使用它们的命令行工具。其中babel是一个可以将ES6代码转换成ES5代码，这样我们就可以在编写代码的时候使用ES6的一些新特性了。webpa

视频转码就是一个先解码，再编码的过程，从而将原来的视频转换成我们需要的视频。这种转换可能包括各式(mp4/avi/flv等)、分辨率、码率、帧率等。传统的视频转码中，很常用的工具是FFmpeg。FFmpeg是一套可以用来记录、转换数字音频、视频，并能将其转化为流的开源计算机程序。在nodejs中，也有FFmpeg，叫做node-fluent-ffmpeg。node-fluent-ffmpeg是一个

模版对于前后端开发的分离十分重要，通俗的说，模版就是一种语法规则，前端在开发时只需要关注自己的部分，如样式、结构等。前端开发完成后，在需要进行后段数据渲染的时候，直接按照模版的特定规则，修改HTML代码的数据部分就可以了。这样可以使得前后端开发更高效，避免了前端依赖后端的情况。FreeMarker就是这样的一个模版，它针对的后台是Java。其工作流程为，前端通过HTML文件改造的FreeMarke

mongoose的一个快速上手教程～～～

介绍Promise概念和ES6中的用法

学前端，怎么能不会Linux服务器部署？

一起来学ES6—let变量

进行Web开发，能实现基础功能，只是第一步。

一、MongoDB必须理解的概念1.数据库：每个数据库都有自己的权限和集合。2.文档：一个键值对。3.集合：一组文档，即一组键值对。当第一个文档插入时，集合就会被创建。二、Mac下的MongoDB安装和启动1.使用brew进行安装：brew install mongodb。2.建立目录：mkdir -p /data/db。这样建立的是mongodb配置中的默认目录。3.设置/data/db的权限为

Grunt是现在非常实用的前端构建工具。所谓前端构建工具，就是可以帮助我们自动完成一些需要经常重复性的操作。比如代码压缩、代码合并等。除此之外，Grunt还有很多非常强大的功能，这些功能都得益于Grunt丰富的组件。

webpack是一个前端模块构建工具，它能够将原本一些有依赖关系的文件（源代码）构建成静态资源。1.webpack安装$ npm install webpack -g //进行全局安装$ npm install webpack --save-dev //进行项目本地安装$ npm install webpack-dev-server --save-dev //安装webpack-de

在搭建的环境基础上进行Demo实现。其中App.jsx用来定义组件，注意一个文件导出一个组件；main.js用来进行组件的渲染。最后利用webpack将源代码构建为index.js并引入index.html页面。Demo1：界面上显示秒表效果，实时更新定义组件部分：import React from 'react';//定义组件class Demo1 extends React.Compone

1.EventEmitterNode中很多模块都能够使用EventEmitter，有了EventEmitter才能方便的进行事件的监听。下面看一下Node.js中的EventEmitter如何使用。(1)基本使用EventEmitter是对事件触发和事件监听功能的封装，在node.js中的event模块中，event模块只有一个对象就是EventEmitter，下面是一个最基本的使用方法：var

异步编程其实很常见，特别是在出线Node.js之后，异步编程更是让很多开发者受益。那么回到最初的地方，传统的前端开发中如何实现异步编程呢？下面列举了js实现异步编程的四种方式。方法一：使用回调函数比如有两个方法f1()和f2()，f1()方法耗时较多，这时可以使用回调函数实现异步：function f1(callback){    setTimeout(function () {        /

介绍Vue.js最基本的入门知识

一、基本结构index.html代码： {{ message }}app.js代码：new Vue({ el: '#app', //选定要使用vue的部分 data: { //定义数组，可以在该部分使用{{}}引用 message: 'Hello Vue.js!' }})二、双向数据绑定index.html代码： {{

一、let和constlet：声明变量，只在声明的块级作用域(大括号)内起作用［注意：let不向var那样可以自动提升］如果一个区块内存在let或const命令，该区块就被解析成封闭作用域（暂时性死区，必须先声明再使用）  ［所以一个区块内只要有let，就可能存在死区，就可能会出现变量声明使用顺序的错误］let为javascript增加了块级作用域ES6中在块级作用域声明的函数不能在外部被引用，但

1.concat()：将两个或多个数组合并成一个数组arrayObject.concat(arrayX,arrayX,......,arrayX)，返回一个新的数据，arrayX可以是数值也可以是数组如：var a = [1,2,3];   document.write(a.concat(4,5));2.join()：把数组中的所有元素放进一个字符串arrayObject.join(separat

使用Vue.js搭建移动端购物车

AngularJS中为我们提供了众多的内置服务，通过这些内置服务可以轻松的实现一些常用功能。下面对Angular中常用的内置服务进行一下总结。1.$location服务$location服务用于返回当前页面的URL地址，示例代码如下：var app = angular.module('myApp', []);app.controller('customersCtrl', functi