fareise-CSDN博客

原创 Javascript基础知识盲点总结——数据类型和数组

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

2016-05-11 21:03:09 6828 1

原创 JS中的继承方法——组合继承介绍与实践

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

2016-05-05 18:49:36 6659 1

原创 Javascript事件全解析——事件概述及传统事件类型

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

2016-05-01 21:46:14 7844

原创 JavaScript知识总结—cookie及其应用

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

2016-04-28 23:01:27 7448 1

原创神奇的CSS技巧探秘——关于边框特效

一、半透明的边框实现加入我们有这样一个需求：在一个背景图片的区域中，定义一个带有半透明白色边框的白色div。这个的实现方法最先想到的就是可以为边框定义透明度，代码如下：div{background:white;border:20px solidhsla(0,0%,100%,.5);}这里hsla为一种定义颜色的方法，它的各个参数含义如下：H：Hue(色调)。0(

2016-04-25 21:29:43 7507

原创 PHP中的设计模式及其实际应用浅析

设计模式在各种语言中都有很重要的应用，每种设计模式都有其特有的优点以及使用场景。接下来，将从单例模式、工厂模式、组合模式以及策略模式四个模式，介绍设计模式及其实际项目中的简单应用。一、单例模式单例模式的作用是让这个类只能产生一个实例，适用于创建全局变量控制一个类只能生成一个实例的方法就是设定静态方法下面的单例模式示例，创建了web的配置类Config，使得整个web应用程序可以使用

2016-04-23 17:55:33 5964

原创原生js之道——原生js编写类选择器

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

2016-04-19 21:52:48 14630 1

原创学前端的人为什么也要学习一些后端

现在很多招聘前端职位的招聘信息中都有类似的要求：至少会使用一门后端语言/了解后端者优先。但是术业有专攻，学习前端的人只要把前端钻研到极致就可以了，为什么还要分散精力去学习后端知识呢？接下来我想以自身的一个项目经历，说明一下前端开发者学习一些后端的必要性。当时我的情况是，前端学了一些知识，基本的前端开发没什么问题，但是项目经验很少，对后端以及数据库基本是完全没有接触过。然后我参加

2016-04-16 21:19:14 18650 5

原创 NodeJS实战——创建基础应用并应用模板引擎

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

2016-04-11 16:46:50 4306

原创深入浅出nodejs学习笔记——异步编程

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

2016-03-28 16:38:13 1577 1

原创深入浅出nodejs学习笔记——nodejs简介

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

2016-03-27 19:21:05 2228 2

原创利用Angular.js从PHP读取后台数据

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

2016-03-23 16:55:02 5608 1

原创高效利用Angular中内置服务

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

2016-03-22 16:55:30 2863 1

原创 ABAP学习之旅——多种方式建立模块化功能

在ABAP中，有多种方法可以建立模块化的功能。下面依次对其种三种进行介绍。一、使用子程序（Subroutine）1. 基本语法：FORM subname. …… ENDFORM. 定义子程序的方式调用的时候使用PERFORM subname.即可2. 关于参数的定义主程序中的子程序可以改变主程序中定义的变量（因为是全局可

2016-03-21 16:27:21 3109 2

原创实践中学习AngularJS中的表单

表单是最常用的一种组建。在Angular.js中，其实并没有单独的为表单添加多少特殊功能。但是，利用Angular.js框架本身的特点，可以更友好的呈现表单。下面将介绍几种常用的功能在Angular中是如何巧妙实现的。1.根据输入域数据实时更新输出数据下面代吗实现了一个简易的计算表单，它能将用户输入的数据进行处理，并且实时显示在表单输出域中：数量：价格：总价： {{ quan

2016-03-20 17:22:18 2388 1

原创 Angular.js中的指令——易懂全解析

angular.js中，指令是最基础的也是最重要的工具之一。angular.js指令指的是以ng为前缀的HTML属性。在之前的ng-app、ng-model等，都属于指令。angular.js中的基本指令包括如下内容：· 1.ng-app/ng-modelng-app指令用于声明angular,js的作用范围，ng-model用于声明模型。这些在之前都已经进行过详细介绍。2.ng-

2016-03-18 12:26:31 2701

原创 CSS定位中的必须深究的常用技法

关于CSS定位，有人很多时候都是随便用用，符合自己的要求就行。但是CSS中的position等属性确实有很多需要认真考究的地方。1.position:staticstatic属性是position的默认值，也就是说，当一个元素没有为其设定position属性时，它的默认值就是static。2.position:absolute这是一个经常会被用到的position属性值。如果为某个

2016-03-16 12:31:35 2085

原创 HTML5开发移动web应用—JQuery Mobile(4)-事件

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

2016-03-14 15:44:20 1770 2

原创 Angular.js回顾+学习笔记(1)【ng-app和ng-model】

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

2016-03-14 09:16:34 2708

原创 HTML5开发移动web应用—JQuery Mobile(3)-列表

Jquery Mobile中提供了制作列表的组建，它的data-view为listview。下面是一个典型的Jquery Mobile列表，代码如下：有序列表：列表项列表项列表项无序列表：列表项列表项列表项上面我们定义了两种类型的列表，一个是有序列表(ul)，

2016-03-11 12:51:17 2452

原创 HTML5开发移动web应用—JQuery Mobile(2)-导航栏和页脚

导航栏部分的代码一般放置在data-role为header的div的内。首页欢迎访问我的主页搜索一个基本的导航栏代码如上，包含两个按钮和一行文字作为标题。data-icon可以定义按钮对应的小图标。如果希望将按钮放在文本右侧，可以添加class=“ui-btn-right”样式。要注意的是，Jquery Mobile中的导航部分（header内）只能包含

2016-03-09 09:18:06 3726

原创 HTML5开发移动web应用—JQuery Mobile(1)

JQuery Mobile是一个简单易用的web移动app开发框架。使用它就像使用jQuery一样，引入必要的文件即可。最基础的jQuery Mobile文件的结构代码如下：在此处插入标题在此处插入正文在此处插入页脚文本根据上面的例子，我们首先研究一下，基本的JQuery Mobile框架的使用方法。1、da

2016-03-06 18:11:52 2436

原创前端素材解析—利用linear制作复杂的边框效果

在网上看到一种利用linear-gradient属性制作绚丽边框效果的方法。首先给出代码，大家可以在自己的电脑中查看效果： .box { margin: 80px 30px; width: 200px; height: 200px; positio

2016-03-05 17:36:08 2480 1

原创 HTML5本地数据库详解

对于复杂的数据库，HTML5使用本地数据库进行操作。这是一个浏览器端的数据库。在本地数据库中我们可以直接利用JavaScript创建数据库，并利用SQL语句执行相关的数据库操作。下面分别介绍本地数据库的各个API及其使用方法。1、利用openDatabase创建数据库我们可以利用openDatabase方法创建数据库。openDatabase方法传递五个参数，分别是：数据库名、数据库版本号

2016-03-03 10:37:41 11961 3

原创探索HTML5本地存储功能运用技巧(1)

通过实例，我们可以加深对HTML5本地存储的理解，并且可以熟练运用。我们来实现一个简单应用，该应用中用户输入用户名和手机号，相关因袭可以保存到保存到本地，并可以进行查找、展示等基本操作。以下只给我出关键代码，项目结构和基本代码以及CSS样式大家可以自己添加。我们按照功能进行分布完成。1、存储功能这里我们要完成，当用户输入姓名和手机号时，

2016-03-02 07:37:49 1909 1

原创 HTML5移动开发实战必备知识——本地存储(2)

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

2016-02-29 10:12:20 1474 1

原创 HTML5移动开发实战必备知识——本地存储(1)

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

2016-02-27 20:10:53 1920

原创 HTML5开发移动web应用——SAP UI5篇(9)

之前我们对于app的构建都是基于显示的，现在我们来格式化一下，引入更多的SAP UI5组件概念。这使得APP的一个界面更有层次性，更像是一个手机应用的界面，并且更好地使用SAP UI5中提供的功能。每个不同的层次都有不同的功能。首先修改App.view.xml文件代码：<mvc:View controllerName="sap.ui.demo.wt.controller.App"

2016-02-20 21:57:02 2313 3

原创 HTML5开发移动web应用——SAP UI5篇(8)

本次对之前学习的SAP UI5框架知识进行简单小结，以及重点部分知识的梳理。1、在UI5使用过程中，命名空间的概念很重要。2、一般的sap组件引用格式如下：sap.ui.define([ "sap/ui/core/UIComponent", "sap/ui/model/json/JSONModel", "sap/ui/model/resource/Resource

2016-02-18 17:45:51 4537 1

原创 HTML5开发移动web应用——SAP UI5篇(7)

SAPUI5中支持利用Component对组件进行封装。想封装一个组件，Component的基本代码如下：sap.ui.define([ "sap/ui/core/UIComponent"], function (UIComponent) { "use strict"; return UIComponent.extend("", { init : functio

2016-02-17 16:19:00 2149

原创 HTML5开发移动web应用——SAP UI5篇(6)

·· 在SAP UI5中，使用i18n文件的方式来解析变量。对于以后开发不同的语言包，也有对应不同的i18n文件。我们先来大体看一下在SAPUI5中，i18n是如何使用的。首先我们建立一个文件，文件名为i18n.properties。在其中编写如下内容：showHelloButtonText=Say HellohelloMsg=Hello {0}这里其实定义了几个变量或者方法的值。

2016-02-16 10:46:07 2765

原创 HTML5开发移动web应用——SAP UI5篇(5)

了解掌握了MVC中的V和C，这次我们来学习一下M数据模型这一部分的内容。首先，修改App.controller.js文件的内容，代码如下：sap.ui.define([ "sap/ui/core/mvc/Controller", "sap/m/MessageToast", "sap/ui/model/json/JSONModel"], function (Cont

2016-02-15 15:12:20 2662

原创 HTML5开发实战——Sencha Touch篇(2)

一般的APP，页面的基本布局都是一样的，下面是几个tab，用来进行选择以达到页面切换的作用。点击不同的按钮，界面就会切换到不同的内容。Sencha Touch中可以很容易的进行这样的操作。首先，我们要确定我们在这里要使用TabPanel组建。顾名思义，该组件在界面的下方添加tab并且可以通过tab进行页面切换。基础代码如下：launch:function(){

2016-02-13 09:36:18 2820 1

转载移动web开发框架研究

原文链接：http://blog.csdn.net/xyz_lmn/article/details/41052977 纯粹的总结一下移动web开发框架，移动web开发框架有jQuery Mobile 、Sencha Touch等等,他们都来源于web开发，是成熟的框架，jQuery Mobile出自于jQuery家族，Sencha Touch来自于ExtJS。jQuery M

2016-02-11 21:33:53 1929

原创 HTML5开发实战——Sencha Touch篇(1)

学习了许多基本的Sencha Touch内容，已经了解了Sencha Touch的开发模式。接下来一段时间我们将利用Sencha Touch来进行自己的web应用构建。先要解决的是前端的问题，从最简单的入手，一个基本的登录界面。最简单的登录界面大体由以下介个元素组成：用户头像部分、用户名输入部分、密码输入部分、提交按钮。我们从这种虽简单的界面开始，逐步进行界面实现。一、创建主面板E

2016-02-11 17:09:38 10421

原创 HTML5开发移动web应用——Sencha Touch篇(12)

Sencha Touch同样可以使用地图、多媒体等插件。 1、Map组件我们通过Ext.Map定义Map组件，其xtype为map。除了使用该插件外，还要调用Google的地图API所使用的js文件，代码如下：引入该文件后，我们就可以编写js代码来显示地图了： Ext.require(‘Ext.Map’)Ext.application({//省略其他配置项.

2016-02-10 11:14:07 3281

原创 HTML5开发移动web应用——Sencha Touch篇(11)

DataView与数据库的交互还有许多更加深入的内容，包括与数据库、PHP等的综合运用，服务端数据的增删改查等。因为目前其实还处于入门阶段，所以我们将这一块最复杂的部分先放一放，接下来进入List组件的部分。 List组件继承了DataView的所有属性，它用于以列表等形式展示数据，是Sencha Touch中功能非常强大的一个组件。基本使用方法如下：launch:function(

2016-02-08 19:29:47 2241

原创 HTML5开发移动web应用——SAP UI5篇(4)

我们在项目中添加Controller，来设定控制器。我们制作一个按钮，点击该按钮后，自动弹出hellow,world的对话框。修改App.view.xml中代码为如下形式：<mvc:View controllerName="sap.ui.demo.wt.controller.App" xmlns="sap.m" xmlns:mvc="sap.ui.core.mvc">

2016-02-08 10:54:27 1757

原创 HTML5移动开发常用——XML基本知识介绍

无论是在Sencha Touch还是SAP UI5，都用到了XML这种语言。在Sencha Touch中，它和JSON一样被用来做数据传输；在SAP UI5中，它被用来当做视图模板。接下来我们来深入学习一下XML语言。网上对XML的概述解释是：XML 是可扩展标记语言（Extensible Markup Language）的缩写，其中的标记（markup）是关键部分。您可以创建内容，然

2016-02-08 08:42:36 3556 1

原创 HTML5开发移动web应用——Sencha Touch篇(10)

我们把数据可视化出来，为的就是进行一些针对数据的操作。这里介绍一下DataView的排序功能和搜索功能。掌握这两个技能，可以让写出的数据界面内的数据能够根据要求进行排序，可以进行数据的搜索显示灯功能。一、排序当我们想根据数据的某一个字段排序时，可以调用sort方法： store.sort(‘lastName’,’asc’); 其中，store是我们定义好

2016-02-07 14:45:08 2961

空空如也

关于ajax使用外部接口的问题

问一个关于php传值问题在线等挺急的