Js学习笔记

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

ExtJs学习笔记(8)_TabPanel的用法

啥也不说了，直接上代码：   <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quo
·2015-10-30 11:10

ExtJs学习笔记(6)_可分页的GridPanel

一.WCF部分 1.通过查看官方的示例得知，分页数据源需要一个记录总数值，为保持通用性，这里借鉴jillZhang的文章http://www.cnblogs.com/jillzhang/archive/2008/06/29/1232086.html，把他写的通用类PageData拿过来直接用  1  using  System;  2 
·2015-10-30 11:10

ExtJs学习笔记(4)_EditorGridPanel(可编辑的网格控件)

这一节，我们将看到ExtJs功能强大的可编辑网格控件，几乎与VS.Net的GridView功能一样了，但是ExtJs的可是纯JS的UI   一.静态示例(改自ExtJs的官方示例) a.因为我们是采用xml做为数据源的，这里贴出xml的内容 Code <?xml version="1.0" encoding="ut
·2015-10-30 11:09

ExtJs学习笔记(5)_Ajax示例

ExtJs对于Ajax的使用非常简单，看下面的代码:   1.Html页：   <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1
·2015-10-30 11:09

ExtJs学习笔记(3)_GridPanel[XML做数据源]

这一节，将学习到除了用JSON做GridPanel的数据源外，还可以使用XML    一。静态示例 1.xml文件内容：   <? xml version="1.0" encoding="UTF-8" ?> < Data >    < I
·2015-10-30 11:08

ExtJs学习笔记(2)_Basic GridPanel[基本网格]

这一节，将学习如何使用网络上最常见的UI控件_Grid   1.静态示例: 静态示例其实官方下载包里，就有sample，这里只贴出代码，后面的如何跟WCF结合，做出动态版的Grid才是本文重点 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit
·2015-10-30 11:08

ExtJs学习笔记(1)_Hello World!

extjs最新版，可从http://www.extjs.com/官方网下载，下载包解压后docs目录里，就是API文档，samples目录里是示例   今天接触了下ExtJs，确实不错，先来一个最经典的Hello World.   <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML
·2015-10-30 11:07

js学习笔记—（闭包问题）

---恢复内容开始--- 闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。     一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 Js代码
·2015-10-30 10:01

AngularJS学习笔记（2）——指令

指令，可以把它简单得理解成一些附加在HTML元素上的自定义标记（例如：属性、元素、类等），在这些被标记的元素上将执行一些函数，从而扩展这个元素的功能。我们用 directive() 这个方法来定义函数，该方法接收两个参数：第一个是指令的名字，字符串类型；第二个是所需执行的函数，一般用来返回一个对象。例如： varapp=angular.module('myApp',[]); app.direct
os_chen·2015-10-28 14:00

七天学习nodejs学习笔记

nodejs的安装nodejs简介nodejs就是javascript的运行环境，通过它计算机才可以识别我们的js代码.window安装经济有限，用的就是windows,只说这个，现在的安装很方便了，把nodejs理解问一个应用软件，比如QQ，下载安装包，点击安装就好。nodejs官网这里要说下，nodejs的版本更新非常快，所以动态更新，很有必要，网上也有介绍，目前我安装的是最新的，等啥时候落伍
doujiao_pengpeng·2015-10-28 11:29

JS学习笔记ZT

每一项都是js中的小技巧，但十分的实用！  1 .document.write( "" ); 输出语句 2 .JS中的注释为 // 3 .传统的HTML文档顺序是:document -> html -> (head,body) 4 .一个浏览器窗口中的DOM顺序是:window -> (navigator,screen,hi
·2015-10-28 09:58

RequireJS学习笔记

前言 进入移动前端是很不错的选择，这块也是我希望的道路，但是不熟悉啊。。。 现在项目用的是require+backbone，整个框架被封装了一次，今天看了代码搞不清楚，觉得应该先从源头抓起，所以再看看require了。 上午是到处搜集的资料，下午我们来看原生的API吧： http://www.requirejs.org/docs/api.html#config PS：我英语很烂，各位将就
·2015-10-28 08:06

AngularJs学习笔记--Guide教程系列文章索引

　　在很久很久以前，一位前辈向我推荐AngularJs。但当时我没有好好学习，仅仅是讲文档浏览了一次。后来觉醒了……于是下定决心好好理解这系列的文档，并意译出来（英文水平不足……不能说是翻译，有些实在是看不懂，希望大家在参观的过程中指出其中的错误）。经过1个多月断断续续的努力，终于把Guide里面的文章基本上都弄出来。Guide中的部分章节，由于重复的部分似乎有点多，而且篇幅较短，这里就没有列出来
·2015-10-27 16:38

Nodejs学习笔记之复制文件

前端童鞋都知道，javascript是没有权限操作磁盘文件的，server童鞋一向都很鄙视。但是nodejs可谓让咱们前端扬眉吐气啊，最近在学node，其强大的功能让人异常激动和兴奋。今天就学习了它怎么读写文件。 首先需要引入fs模块，这是nodejs自带的。 var fs=require("fs"); 具体可参考Nodejs API：http://www.w3cfu
·2015-10-27 13:56

【requireJS源码学习01】了解整个requireJS的结构

，之前一直在用，但是对其原理不甚熟悉，整两天我们来试着学习其源码，而后在探寻其背后的AMD思想吧 于是今天的目标是熟悉requireJS整体框架结构，顺便看看之前的简单demo RequireJS
·2015-10-27 12:21

Node.js学习笔记(2) - Node.js安装及入门hello world

今天来简单的记录一下Node.js的安装配置以及简单的入门 一、Node.js的安装 1.windows下的安装 windows下的安装很简单，只需要去官网http://nodejs.org中，找到window下的安装包，然后直接下一步即可 此种方法完成后，默认安装npm管理器，目录结构如图： 2.Linux下的安装 关于Linux下的安装，具体本人也没有试过，现只粗略的记录一下
·2015-10-27 11:58

KnockoutJs学习笔记

1.缘由 　　新公司前端用的是Jquery+Knockout,Knockout只知道是MVVM,未曾接触.报到前,先学习下。 2.前置知识 　　MVVM模式介绍 MVVM：模型－视图－视图模型（Model-View-ViewModel） 　  组成部分Model、View、ViewModel  View：UI界面 ViewModel：它是View的抽象，
·2015-10-27 11:26

AngularJs学习笔记--Using $location

原版地址：http://code.angularjs.org/1.0.2/docs/guide/dev_guide.services.$location   一、What does it do? 　　$location服务分析浏览器地址栏中的URL（基于window.location），让我们可以在应用中较为方便地使用URL里面的东东。在地址栏中更改U
·2015-10-27 11:29

AngularJs学习笔记--E2E Testing

原版地址：http://docs.angularjs.org/guide/dev_guide.e2e-testing   　　当一个应用的复杂度、大小在增加时，使得依靠人工去测试新特性的可靠性、抓Bug和回归测试是不切实际的。 　　为了解决这个问题，我们建立了Angular Scenario Runner，模仿用户的操作，帮助我们去验证angular应用的健壮性。  
·2015-10-27 11:29

AngularJs学习笔记--Understanding the Model Component

原版地址：http://docs.angularjs.org/guide/dev_guide.mvc.understanding_model   　　在angular文档讨论的上下文中，术语“model”可以适用于单一对象代表一个实体（例如，一个叫” phones”的model，它的值是一个电话数组。）或者作为应用的全部数据Model（所有实体）。 　　在angular中，mode
·2015-10-27 11:28

AngularJs学习笔记--concepts(概念)

原版地址：http://code.angularjs.org/1.0.2/docs/guide/concepts 继续。。 一、总括 本文主要是angular组件(components)的概览，并说明他们如何工作。列表如下： statup - 依旧是hello world...改为Hello Kitty！ runtime -&nb
·2015-10-27 11:26

AngularJs学习笔记--html compiler

原文再续，书接上回。。。依旧参考http://code.angularjs.org/1.0.2/docs/guide/compiler 一、总括 　　Angular的HTML compiler允许开发者自定义新的HTML语法。compiler允许我们对任意HTML元素或属性，甚至是新的HTML标签、属性（如<beautiful girl=”cf”></be
·2015-10-27 11:25

AngularJS学习笔记（1）

一、AngularJS是什么  1.前端JS框架     2.为了克服HTML在构建应用（app）上的不足而设计的    3.已收归Google二、AngularJS的特点    1.MVVM (Model-View-ViewModel)    2.模块化    3.双向数据绑定    4.语义化标签    5.依赖注入三、AngularJS怎么写    0.从一个 AngularJS 实例开始 
os_chen·2015-10-21 16:00

knockoutjs学习笔记：显示绑定

从何而来 本系列摘抄自knockoutjs官方文档，同时结合自身项目使用记录心得。 目标 knockoutjs实现CSS显示的绑定 例子 <div data-bind="visible: shouldShowMessage"> You will see this message only when "shouldShowMessage
·2015-10-21 13:42

knockoutjs学习笔记：文本(Text)绑定

目标 主要用于显示行内元素(<span>,<em>)的内部文本，当然也可用于其他元素。 例子 Today's message is: <span data-bind="text: myMessage"></span> <script type="text/javascript">
·2015-10-21 13:42

ExtJS学习笔记 layout的9种样式风格总结

extjs的容器组件都可以设置它的显示风格，它的有效值有 absolute, accordion, anchor, border, card, column, fit, form and table. 一共9种。简单总结一下，帮助记忆。 [list] absolute 顾名思义，在容器内部，根据指定的坐标定位显示 accordion 这个是最容易记的，手风琴效果 Java代码
·2015-10-21 12:35

[Nodejs]初探nodejs学习笔记- 如何使用nodejs搭建简单的UDP聊天功能

何为UDP（UserDatagramProtocol）？从baidu摘过来一段：UDP，用户数据报协议，与所熟知的TCP（传输控制协议）协议一样，UDP协议直接位于IP（网际协议）协议的顶层。根据OSI（开放系统互连）参考模型，UDP和TCP都属于传输层协议。UDP协议的主要作用是将网络数据流量压缩成数据包的形式。一个典型的数据包就是一个二进制数据的传输单位。每一个数据包的前8个字节用来包含报头信
FRED丶DON·2015-10-17 21:00

Node.js学习笔记之一：入门

关于Node.js这里不再赘述，直接开始学习第一步下载安装node.js此处安装window版本可以在命令行里查看版本>node-v编写第一个helloworld编写js文件helloworld.js，代码如下：varhttp=require('http');http.createServer(function(req,res){res.writeHead(200,{'Content-Type':
第一杯茶·2015-10-16 13:42

Angular.js学习笔记(一)

最近的项目用到了一些新的技术，之前没有接触过，这其中就有Angular.js。这个技术本身来讲，出来也有几年了。只是以前一直没有用过。所以，特此整理Angular的学习笔记系列。总的来说，Angular和之前用到的jQuery和JavaScript完全不是一个感觉，整个的机制和套路也不太相同。那么，我们就正式的开始学习这个东西。1.AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自
ouyangyanlan·2015-10-11 15:49

nodejs学习笔记---1

1.初识NodeJs        什么时候NodeJS        能做什么        NodeJS环境搭建和运行2.webstorm的使用        工程创建        webstorm的NodeJs配置        NodeJs代码提示3.Node和JS的异同        基本语法        内置对象        全局对象        作用域4.模块的使用     
Eve0803·2015-10-08 17:00

[Nodejs]初探nodejs学习笔记- 如何使用nodejs接收get/post 数据（参数）

前言：其实很早就对nodejs感兴趣没时间研究，最近做web前端感觉时间还充裕，来看看曾经买的图灵的nodejs书，也记录一下学习学习。‍‍‍‍‍‍‍‍‍‍‍‍‍‍防工具盗链抓取freddon所有 ‍‍‍‍‍‍‍‍‍‍‍‍‍‍其实基于googlev8引擎而上的nodejs，服务端写javascript还是优点多多的，尤其是对于我这样一个一直喜欢javascript的人来说真是haliluya！ha
FRED丶DON·2015-10-07 01:00

AngularJS学习笔记一(RequireJS + AngularJS)

今天下午学习了下如何使用RequireJS去和AngularJS搭配去组织项目。然后这里稍微介绍下整个配置过程。RequireJSRequireJS文档请移步：RequireJSRequireJS+AngularJS因为使用RequireJS去加载整个项目JS文件，因此直接将AngularJS文件引入到项目文件当中是不合理的，所有必须使用RequireJS提供的方式去加载AngularJS。在你的
苹果小萝卜·2015-09-30 00:00

knockoutJS学习笔记09：使用mapping插件

一、问题引出通常，我们先定义好html结构或者模板，通过ajax向后台发起请求，后台返回json数据，然后再将json数据渲染到页面上。以博客园个人博客里的个人信息为例子，如图：1.定义html。姓名： 园龄： 粉丝： 关注：  2.定义ViewModel，其中的数据都是observable的。varUserInfoVM={ UserName:ko.observable(""), Bl
我是攻城狮·2015-09-25 16:00

knockoutJS学习笔记08：表单域绑定

前面的绑定都是用在基本标签上，这章主要讲表单域标签的绑定。一、value绑定绑定标签：inputtext、textarea。用户名： 密码： functionUserInfo(){ varself=this; self.name=ko.observable("tom"); self.password=ko.observable("123456"); } varuserInfo=new
我是攻城狮·2015-09-25 09:00

knockoutJS学习笔记07：绑定上下文

所谓绑定上下文就是当前绑定(dat-bind)所使用到的对象（ViewModel）。在单个对象绑定的情况下是很容易理解的，但对象可能是复杂的类型，嵌套很多层，这个时候每层都有自己的上下文对象，理解起来就不是很方便了。ko通过上下文关键字，让层次间的关系变得更加清晰，相互访问变得更加简单。一、$data与$index上一篇介绍了ObservableArray和template，通常我们通过对象属性进
我是攻城狮·2015-09-24 15:00

了不起的node.js学习笔记

chapter2JavaScript概览介绍js是基于原型,面向对象，弱类型的的动态脚本语言。Javascript基础类型：基本类型包括number,boolean,string,null及undefined复杂类型包括array,function及objectvara=5;varb=5;b=a;a;//=>5b;//=>6vara=['hello','world',1];//arrayvarb=
ShallLi·2015-09-24 14:28

knockoutJS学习笔记06：ko数组与模板绑定

前面已经介绍了基本的绑定和模板相关知识，接下来就看ko里的数组和模板绑定，数组和模板绑定应该是实际项目中用得比较多的，ko提供了很好的支持。一、observaleArray前面的监控属性都是单个对象，用的是ko.observable；有时候后台返回的是一个列表，也就是数组，这个时候就需要用监控数组了。监控数组与监控属性几乎一样，只不过它是一个数组对象，拥有数组的特点。例如：创建一个简单的监控数组：
我是攻城狮·2015-09-23 09:00

knockoutJS学习笔记05：控制文本和外观绑定

测试数据：functionPerson(name,age){ varself=this; self.name=ko.observable(name); self.age=ko.observable(age); self.isShow=ko.observable(""); self.html="没有div", self.isRed=true } varperson=newPerson
我是攻城狮·2015-09-22 16:00

knockoutJS学习笔记04：监控属性

一、语法介绍先来看一个简单的例子：varobj={name:ko.observable("tom")}ko.applyBindings(obj);这样会自动完成绑定。其中有3个特别的地方：1.data-bind。2.ko.observable方法。3.ko.applyBindings方法。1.1data-binddata-bind并不是html元素的固有属性，但它是完全正确的（符合html5规范）
我是攻城狮·2015-09-22 09:00

knockoutJS学习笔记03：knockout简介

通常来说，前端的维护难度是比较大的，特别是脚本，虽然像jquery这样的库可以帮助我们减少很多代码，但在稍微复杂的情况下，还是会产生有很多代码。上一篇介绍了模板引擎jsRender，它可以帮我们快速生成html，减少代码的编写，增强代码的可阅读性和可维护性。但最后也说到，它还是不够强大。一、mvvm说到mvvm，就想到以前学过的wpf，虽然学得一般...,对比winform，wpf里面有很多很好的
我是攻城狮·2015-09-21 15:00

knockoutJS学习笔记02：jsRender模板引擎

上一篇最后提到了模板，并尝试自己编写一个最简单版本；有些朋友可能用过jqtmpl，这是一个基于jquery的模板引擎，不过它已经不再更新了，而且据说渲染速度比较慢。这里介绍另外一个模板引擎:jsRender。个人觉得这些东西学习起来还是很简单的，挑一个看看就行，实际要用到了哪个，官网看看demo也就会用了。之所以选择jsRender，因为它具有以下特点：简单直观功能强大可扩展的快如闪电当然，谁都会
我是攻城狮·2015-09-21 09:00

AngularJS学习笔记

参考：http://campus.codeschool.com/courses/shaping-up-with-angular-js/contents参考：http://www.ituring.com.cn/article/134741）载入AngularJS脚本
cs_sharp·2015-09-20 11:00

node.js学习笔记之安装详解

本文只介绍二进制包的安装方法。1.下载对应系统版本的二进制安装包官网下载地址：https://nodejs.org/download/2.解压二进制安装包解压后，在bin目录中已经存在node和npm的可执行文件。cdnode-v0.10.28-linux-x64/binls./node-v3.将node和npm设为全局ln-s/home/kun/mysofltware/node-v0.10.28
chengxuyonghu·2015-09-18 11:18
上一页 30 31 32 33 34 35 36 37 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他