Js学习笔记

JS学习笔记2_面向对象

1.对象的定义 ECMAScript中，对象是一个无序属性集，这里的“属性”可以是基本值、对象或者函数 2.数据属性与访问器属性 数据属性即有值的属性，可以设置属性只读、不可删除、不可枚举等等 访问器属性是用来设置getter和setter的，在属性名前加上”_”（下划线）表示该属性只能通过访问器访问（私有属性），但并不是说添个下划线就把属性变成私有的了，这只是习惯约定的一种命
·2015-10-31 09:16

JS学习笔记3_函数表达式

1.函数表达式与函数声明的区别 函数声明有“提升”（hoisting）的特性，而函数表达式没有。也就是说，函数声明会在加载代码时被预先加载到context中，而函数表达式只有在执行表达式语句时才会被加载 2.闭包 有权访问另一个函数作用域中的变量的函数。闭包可以访问另一个作用域中的变量，因此闭包得到的变量值是最终值，而不是该变量在某一时刻的值，有一个很经典的例子： function cre
·2015-10-31 09:16

JS学习笔记8_错误处理

1.错误处理语法：（js没有异常exception一说，都是错误error） try{ //throw new Error(msg); //throw '错误'; //throw false; //throw ... //throw操作符的操作数没有任何限制，可以随便扔 } catch(err){ //alert(err.message);//messa
·2015-10-31 09:16

JS学习笔记7_表单脚本

1.获取表单及表单元素引用的方式 var mForm = document.forms[formName];获取表单引用 mForm.elements[elemName]获取表单元素，如有同名的，则得到一组元素（例如radio button） 2.表单元素的常用属性、方法和事件 属性： name：字段名 value：字段值 type：字段类型，例如button, r
·2015-10-31 09:16

JS学习笔记5_DOM

1.DOM节点的常用属性（所有节点都支持） nodeType：元素1，属性2，文本3 nodeName：元素标签名的大写形式 nodeValue：元素节点为null，文本节点为文本内容，属性节点为属性值 关系属性：parentNode，childNodes，nextSibling，previousSibling，firstChild，lastChild o
·2015-10-31 09:16

JS学习笔记6_事件

1.事件冒泡 由内而外的事件传播（从屏幕里飞出来一支箭的感觉） 2.事件捕获 由表及里的事件传播（力透纸背的感觉） 3.DOM事件流（DOM2级） 事件捕获阶段 -> 处于目标阶段 -> 事件冒泡阶段（拿根针从屏幕扎进去，缝衣服的感觉） 事件捕获是从DOM树根到叶子的事件传播，所以可以在靠近根的位置捕获（event.stopPropagation）事件，让叶子收不到事件信号
·2015-10-31 09:16

JS学习笔记4_BOM

1.frame相关对象 top：指向最外层框架，使用top可以在一个框架中访问另一个框架，例如top.frames[index/name] parent：指向当前框架的直接上层框架 window：代码所在框架的特定实例，所以window对象不唯一，各个框架都有各自的window对象 self：指向window，二者可以互换 2.窗口、页面相关 1.获取窗口相
·2015-10-31 09:16

JS学习笔记9_JSON

1.JSON概述 JavaScript Object Natation，js对象表示法，（像XML一样）是一种数据格式，它与js有相同的语法形式 P.S.一点小历史：JSON之父是道格拉斯，《JavaScript语言精粹》的作者，创造JSON的灵感来自js中的字面量表示法 2.JSON语法 1.表示简单值 例如3, “str”, null, false等等，不支持undefined，而且字符
·2015-10-31 09:16

JS学习笔记1_基础与常识

1.六种数据类型 5种基础的：Undefined，Null，Boolean，Number，String（其中Undefined派生自Null） 1种复杂的：Object（本质是一组无序键值对） 2.字符串转数字 Number(str)：先求值再转换（先valueOf再toString都不行就是NaN），一般与我们的预期结果不一样，比如Number(”)=Number(false)=N
·2015-10-31 09:15

nodejs学习笔记之包、模块实现

    简单了解了node的安装和一些基本的常识之后，今天学习了node中很重要的包和模块的一些知识点。       首先学习一下包的规范，它由包结构和包描述两部分组成。包结构用于组织包的各种文件，包描述用于描述包的信息，供外部读取分析。          完全符合CommonJS规
·2015-10-31 09:30

seajs教程之seajs学习笔记 seajs.use用法

seajs.use 用来在页面中加载模块。通过 use 方法，可以在页面中加载任意模块。 实例地址：http://www.android100.org/html/201405/23/12807.html  实例中有BUG，修复后的代码见附件  附件下载地址 --------------------------------------------------- 关于sea
·2015-10-31 09:10

angularjs学习笔记1-angular总体简介及其特点

以前开发（web或者移动端）前端主要使用jQuery+原生js,如果使用某些前端UI框架的话，它自己还可能提供一些API可以使用。而且目前很多UI框架都是基于jQuery的，所以说一下由jQuery跨到angularjs跨度较大，研究了一段时间的angularjs ,下面从整体上说说感受吧: 关于和jquery的比较 首先angular是一个mvc框架，它与jquery不同之处在于，前者致力于
·2015-10-31 09:37

AngularJs学习笔记--Understanding Angular Templates

原版地址：http://docs.angularjs.org/guide/dev_guide.mvc.understanding_model   　　angular template是一个声明规范，与model、controller的信息一起，渲染成用户在浏览器中所看到的视图。它是静态的DOM，包括HTML、CSS、angular特别的元素和angular指定的元素属性。a
·2015-10-31 09:54

AngularJs学习笔记--Understanding the Controller Component

原版地址：http://docs.angularjs.org/guide/dev_guide.mvc.understanding_model 　　 　　在angular中，controller是一个javascript 函数（type/class），被用作扩展除了root scope在外的angular scope（http://www.cnblogs.com/l
·2015-10-31 09:54

AngularJs学习笔记--IE Compatibility 兼容老版本IE

原版地址：http://docs.angularjs.org/guide/ie   Internet Explorer Compatibility   一、总括 　　这文章描述Internet Explorer（IE）处理自定义HTML属性、标签的特性（可以理解为“特别糟糕的性质”）。如果我们打算让应用兼容IE8以及以下的版本，那么可以继
·2015-10-31 09:54

AngularJs学习笔记--Modules

原版地址：http://code.angularjs.org/1.0.2/docs/guide/module   一、什么是Module？ 　　很多应用都有一个用于初始化、加载（wires是这个意思吗？）和启动应用的main方法。angular应用不需要main方法，作为替代，module提供有指定目的的声明式，描述应用如何启动。这样做有几项优点： 这过程是声明描述的，更加
·2015-10-31 09:54

AngularJs学习笔记--Scope

原版地址：http://code.angularjs.org/1.0.2/docs/guide/scope   一、什么是Scope？ 　　scope（http://code.angularjs.org/1.0.2/docs/api/ng.$rootScope.Scope）是一个指向应用model的object。它也是expression（http://www.cnblogs.co
·2015-10-31 09:54

AngularJs学习笔记--Dependency Injection（DI，依赖注入）

原版地址：http://code.angularjs.org/1.0.2/docs/guide/di   一、Dependency Injection（依赖注入） 　　依赖注入（DI）是一个软件设计模式，处理代码如何得到它所依赖的资源。 　　关于DI更深层次的讨论，可以参观Dependency Injection（http://en.wikipedia.org
·2015-10-31 09:54

AngularJs学习笔记--Managing Service Dependencies

原版地址：http://docs.angularjs.org/guide/dev_guide.services.managing_dependencies 　　angular允许service将其他service声明为依赖，使用在自身实例化时使用的构造函数中。 　　为了声明依赖，我们需要在工厂方法声明中指定它们，并且在工厂方法中通过$inject属性（字符串标识数组）或者使用array not
·2015-10-31 09:54

AngularJs学习笔记--unit-testing

原版地址：http://docs.angularjs.org/guide/dev_guide.unit-testing   　　javascript是一门动态类型语言，这给她带来了很强的表现能力，但同时也使编译器几乎不能给开发者提供任何帮助。因为这个原因，我们感受到编写任何javascript代码都必须有一套强大完整的测试。angular拥有许多功能，让我们更加容易地测试我们的应用。
·2015-10-31 09:54

AngularJs学习笔记--Injecting Services Into Controllers

原版地址：http://docs.angularjs.org/guide/dev_guide.services.injecting_controllers 　　把service当作被依赖的资源加载到controller中的方法，与加载到其他服务中的方法很相似。 　　由于javascript是一个动态语言，DI不能弄明白应该通过static types（like in static typed
·2015-10-31 09:54

AngularJs学习笔记--Creating Services

原版地址：http://docs.angularjs.org/guide/dev_guide.services.creating_services 　　虽然angular提供许多有用的service，在一些特别的应用中，我们会发现编写自定义service是很有用的。如果我们想做这件事，我们首先要在module中注册一个service工厂方法，可以通过Module.factory api（http
·2015-10-31 09:54

AngularJs学习笔记--Forms

原版地址：http://code.angularjs.org/1.0.2/docs/guide/forms   　　控件（input、select、textarea）是用户输入数据的一种方式。Form（表单）是这些控件的集合，目的是将相关的控件进行分组。 　　表单和控件提供了验证服务，所以用户可以收到无效输入的提示。这提供了更好的用户体验，因为用户可以立即获取到反馈，知道如何修正错
·2015-10-31 09:53

AngularJs学习笔记--directive

原版地址：http://code.angularjs.org/1.0.2/docs/guide/directive   　　Directive是教HTML玩一些新把戏的途径。在DOM编译期间，directives匹配HTML并执行。这允许directive注册行为或者转换DOM结构。 　　Angular自带一组内置的directive，对于建立Web App有很大帮助。继
·2015-10-31 09:53

AngularJs学习笔记--expression

原版地址：http://code.angularjs.org/1.0.2/docs/guide/expression   　　表达式（Expressions）是类Javascript的代码片段，通常放置在绑定区域中（如｛｛expression｝｝）。表达式通过$parse服务（http://code.angularjs.org/1.0.2/docs/api/ng.$parse）解析执
·2015-10-31 09:53

AngularJs学习笔记--bootstrap

AngularJs学习笔记系列第一篇，希望我可以坚持写下去。本文内容主要来自 http://docs.angularjs.org/guide/ 文档的内容，但也加入些许自己的理解与尝试结果。
·2015-10-31 09:53

AngularJs学习笔记--I18n/L10n

原版地址：http://code.angularjs.org/1.0.2/docs/guide/i18n   一、I18n and L10n in AngularJS 1. 什么是I18n和L10n? 　　国际化（Internationalization），简称I18n，是让产品开发在一个他们可以简单地对产品进行语言、文化的本地化
·2015-10-31 09:53

Node.js学习笔记(一)概述

什么是Node.JS？ 引用豆瓣Node.JS小组的回答： 把事件驱动IO库绑定给V8 JavaScript虚拟机实现的通用编程环境. 2月10日发布的0.4.0版成为新的稳定分支, 已更新至0.4.12 非稳定分支开始加入原生 Windows 支持, 已更新至0.5.6 官方网站, 包括API文档, 邮件列表等: http://nodejs.org 项目地址: https:/
·2015-10-30 16:31

JS学习笔记11_高级技巧

1.类型检测 typeof有时返回值不合理，比如RegExp对象返回object，测试代码： var regex = /^what$/i; regex = new RegExp('^what$'); alert(typeof regex); instanceof在页面有多个frame时用不了，来自不同frame的对象instanceof返回false 可以用Object.proto
·2015-10-30 14:37

JS学习笔记12_优化

一.可维护性优化 1.添加注释 注释能够增强代码的可读性以及可维护性，当然，理想情况是满满的注释，但这不太现实。所以我们只需要在一些关键的地方添上注释： 函数和方法：尤其是返回值，因为直接看不出来 大段代码（功能模块）：说明模块功能 复杂算法：写出关键点，方便理解 Hack：说明为了修复什么问题，当前方案是否完善，能否改进 2.“暗示”变量类型 通过初始
·2015-10-30 14:37

JS学习笔记10_Ajax

1.Ajax概述 Asynchronous JavaScript + XML，支持js与服务器通信。在不unload页面的前提下从服务器获取新数据，以实现更好的用户体验（与传统的单击-等待交互不同的体验）。 IE5最先提供了支持，在MSXML库中新增了XHR对象（XMLHttpRequest），可以通过new ActiveXObject(str)的方式创建XHR对象，虽然不是很方便，但至少是原
·2015-10-30 14:37

ExtJs学习笔记1

    <script type="text/javascript">        Ext.onReady(function () {           
·2015-10-30 13:29

【Web技术学习】JS学习笔记

作者：gnuhpc 出处：http://www.cnblogs.com/gnuhpc/ 1.什么是JavaScript？ 它是Java的一个子集，但是它和Java是两种不同的语言，后者偏重于服务器端的控制，而前者则是在浏览器中做动态交互，来源于ECMA脚本语言。 2.如何运行？ 其为解释性语言，在浏览器中解释运行，ASP、Ruby都是解释语言。 3.什么时候用？ 扩展HTML的时候。比
·2015-10-30 12:14

ExtJs学习笔记(24)-Drag/Drop拖动功能

直接给代码吧，主要重点已经在代码里注释了   Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns
·2015-10-30 11:18

ExtJs学习笔记(23)-ScriptTagProxy+XTemplate+WCF跨域取数据

ajax应用中跨域一直是一个非常麻烦的问题，目前也有一些解决办法，但要么比较麻烦，要么就不具备通用性，幸好ExtJs里的ScriptTagProxy提供了跨域读取数据的功能，而且在几大浏览器上都可以正常运行，但在使用过程中要注意几点: 1.服务端返回时，必须按以下格式返回: stcCallback1001({...}) 其中stcCallback1001中的1001是自动生成的，如果是分页提
·2015-10-30 11:17

ExtJs学习笔记(21)-使用XTemplate结合WCF显示数据

个人认为，XTemplate是ExtJs中最灵活的用来显示数据的组件，有点类似aspx中的Repeater控件，显示数据的模板完全可以由用户以html方式来定制.   先给一个官方的静态示例(稍微改了下)，代码并不复杂，关键的地方，我已经注释了  1      < script type = " tex
·2015-10-30 11:16

ExtJs学习笔记(22)-XTemplate + WCF 打造无刷新数据分页

ExtJs的Grid组件虽然不管从哪一方面来讲，都称得上是很好很强大，但是总会有一些应用场景并不需要这么多功能，比如网站的留言列表，开发者只想要一个简单的<li>或<table>列表而已，这时候XTemplate就显得很有用了。本文将讲解如何用XTemplate结合WCF与服务端交互，生成数据列表，同时加上无刷新分页功能(默认情况下ExtJs并没有为XTemplate并没有
·2015-10-30 11:16

ExtJs学习笔记(20)-利用ExtJs的Ajax与服务端WCF交互

  ExtJs是一套非常不错的javascript UI库(第一次接触ExtJs的，可到官方网站http://www.extjs.com/deploy/dev/examples/samples.html看下示例。相信不少人会心动的)，不仅组件丰富，效果漂亮，而且ExtJs集成的Ajax功能可以方便的与.Net的WCF进行交互. 这里我们将演示ExtJs的FormPanel从WCF加
·2015-10-30 11:14

ExtJs学习笔记(19)_复杂Form示例

Form布局在所有布局中是最为复杂，使用频度最广，同时也是最难掌握的,下面给出几个示例   1.登录UI界面 Login UI <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/
·2015-10-30 11:14

ExtJs学习笔记(16)_Form布局

这是最重要的一个布局，几乎所有的表单界面都可以采用form布局，详细的用法本文不作讨论(可以查阅官方API文档)，这里只给出一个简单的示例 < script type = " text/javascript " >     Ext.onReady( function ()  { &nb
·2015-10-30 11:13

ExtJs学习笔记(17)_table布局

table布局顾名思义，就是象table表格一样的布局   < script type = " text/javascript " >     Ext.onReady( function ()  {        
·2015-10-30 11:13

ExtJs学习笔记(18)_ExtJs嵌入FCK示例

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > < html&nb
·2015-10-30 11:13

ExtJs学习笔记(15)_fit布局

fit布局很好理解，容器内的组件会自动充满整个容器   < script type = " text/javascript " >     Ext.onReady( function ()  {        &
·2015-10-30 11:12

ExtJs学习笔记(12)_Anchor布局

Anchor布局的效果直接看代码和效果图最为直观     Code !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm
·2015-10-30 11:12

ExtJs学习笔记(13)_Card布局

这个布局其实最为麻烦，主要是用来实现类似"上一步","下一步"类似向导的界面 代码如下: <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w
·2015-10-30 11:12

ExtJs学习笔记(14)_Column布局

Column布局有点象传统html中的table的td，但是也有不同的地方:   先看下代码 < script type = " text/javascript " >     Ext.onReady( function () {     &n
·2015-10-30 11:12

ExtJs学习笔记(9)_Window的基本用法

以下就是ExtJs的官方示例，只不过加了几行注释，呵 < html > < head > < meta  http-equiv ="Content-Type"  content ="text/html; charset=utf-8" />   &
·2015-10-30 11:11

ExtJs学习笔记(10)_Window窗口的Border布局

以下源自ExtJs的官方示例,稍加注释而已   <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona
·2015-10-30 11:11

ExtJs学习笔记(11)_Absolute布局和Accordion布局

ExtJs其实在某种程度上可以代替div+css来进行页面布局(不过经测试，在最新的Firefox3下，部分功能好象有点问题)，今天我们来学习二种最基本的布局 1.Absolute 布局：这种最容易理解，直接用x,y值来绝对定位组件 2.Accordion布局：Accordion意为"手风琴"，即最终效果可以象手风琴那样拉来拉去，说白了，就是类似QQ面板的功能  
·2015-10-30 11:11

ExtJs学习笔记(7)_获取GridPanel选中行的详细信息

这一节，我们将学习如何获取Grid当前选中行的信息   1.xml数据源内容: <? xml version="1.0" encoding="UTF-8" ?> < Data >    < Items >      
·2015-10-30 11:10
上一页 29 30 31 32 33 34 35 36 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他