ryuali2010-CSDN博客

原创 jQuery 入门

jQuery的优点：取得页面元素修改外观，与css相比它提供了跨浏览器的标准解决方案，因为浏览器对css不支持完全相同的标准为页面提供动态效果无须刷新即可从服务器获取信息抽象浏览器的不一致性jQuery是一个js库，并且因为js是解释型语言，所以使用它不必进行编译或构建，我们只需引入该库文件的位置。正如字面意思所述query是“查询的意思”，jQuery重点放在

2012-09-16 11:57:20 509

原创 Javascript -- ajax

使得一个web应用包含数个页面，并且导致用户的体验杂乱而又缺乏连贯性。远程脚本运行客户端通过js向服务器发送请求，并接受服务器响应的数据，而无须刷新整个页面；同样我们可以实现页面的局部刷新，加载所需部分，而不须重新加载整个web页面google map:输入一个地点后，主页无须重新加载，该地点的地图将动态加载到页面google suggest:进行搜索时，显示与关键字相关的，你感兴趣的

2012-09-15 22:12:25 509

原创 Javascript -- plug-in

插件是一个可下载的应用程序，它可以装配到浏览器上增强浏览器的功能。插件就是一种封装了完成某项工作所必需的功能的对象。IE浏览器不支持插件技术，但是支持ActiveX控件技术，它提供了与插件(plug-in)相同的功能。在浏览器地址栏输入about:plugins即可将当前浏览器中所安装的所有插件一一列出。插件的type属性的值将作为多用途Internet邮件扩展类型（Multipu

2012-09-15 22:10:04 731

原创 Javascript & XML

1:根元素就是xml中最外层的那个标签，它就类似于HTML的标签，所有的标签都包含在这个标签内部。2：XML文档的有效性：不仅仅指格式良好的XML文档，而且还必须是遵循文档类型定义(DTD)的文档。#PCDATA 和 #REQUIRED 前面使用了#号，这是为了避免这些单词被解析为元素的名称xml文档的结构与我们用DTD定义的文档结构完全匹配,它定义了当前XML文档的结构。

2012-09-15 16:55:06 492

原创 Javascript -- DOM

BOM是代表浏览器本身的各种特性的对象，这些特性包括浏览器的按钮，URL地址栏，标题栏以及页面的部分对象。而DOM模型仅处理浏览器窗口中的内容即web页面。DOM将一个web页面的所有元素表示为一棵以层次结构组织的节点树，并提供了通用的属性集和方法集来访问或操作该节点。在DOM中，只须在代表页面的文档树中导航到相应的节点或属性，就能访问或修改相应的元素对象和属性。它是一种独立与浏览器的文档编程

2012-09-11 17:24:15 453

原创 Javascript -- 易错点

程序的执行顺序:程序执行，从上到下，如果碰到alert的话，浏览器就停止到那儿，不再继续执行，直到你点击了ok.如果script语句在head内部，alert为全局的话，会首先显示出来，然后再加载body内的内容。而如果alert在函数内部的话，只有当你调用函数时，alert才会有效果。经常情况下，会因为变量名字不对造成一些错误。onload：完成页面加载进行触发，其中包括浏览器完成了

2012-09-11 10:52:10 566

原创 JavaScript -- event handler

事件处理器(event handler)机制：当事件发生时，事件处理器将连接到需要执行的事件处理代码。window对象具有load事件和unload事件，当页面加载完毕时触发load事件，页面卸载（用户关闭浏览器或打开了其他网页）时触发unload事件。当使用从事件处理器返回的值来决定事件的默认行为是否执行或者取消。如一个超链接的onclick事件处理器返回值为false,则超链接默认

2012-09-11 10:51:03 4302

原创 JavaScript -- Frame and window

框架将浏览器窗口分割成多个窗口，在每一个窗格中都可以加载不同的HTML文档。标记用以包含标记对于一个并不包含框架的页面来说，仅存在一个window对象，但是对一个包含框架集的页面来说，页面中的每一个框架都有一个相应的window对象。除了代表包含框架集的顶层窗口的window对象之外，每一个框架的window对象都是其父框架的window对象的子对象。rows 是对frameset进行

2012-09-11 10:50:20 698

原创 JavaScript -- DHTML

DHTML在页面加载到浏览器后动态的改变页面。event.type属性将返回一个事件名称字符串，并且时间名称不带on前缀。event.srcElement返回接受当前事件的html元素，也可理解为触发该事件的控件引用。如下面srcElement就是一个控件的引用。 Click metarget 使用在非IE浏览器中，等价于srcElement浏览器中event对比：Ie

2012-09-11 10:43:42 420

原创 Javascript -- return false / true

在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个元素,页面会跳转到该元素href属性指定的页.Return False 就相当于终止符，Return True 就相当于执行符。然后你需要明白的是，比方说我们点击submit以后，他会首先处理我们自定义的方法，然后转而去执行默认方法，也就时提交订单。你应该把它想象成两个函数来实现的。默认方法我

2012-09-10 10:24:31 494

原创 issue in Emacs24

1:Currently CEDET issues a warning “Warning: cedet-called-interactively-p called with 0 arguments, but requires 1”, which can be suppressed by adding (setq byte-compile-warnings nil) in your .emacs

2012-09-08 10:59:11 505

原创 Javascript -- BOM

Window 对象同时扮演这ECAscript中Global对象的角色，因此所有在全局作用域中声明的变量，函数都会变成windows对象的属性和方法。window对象，代表了浏览器的框架及浏览器相关的所有一切，如滚动条，导航按钮等document对象，表示加载在浏览器中的页面本身history对象：包含用户所访问过的页面的历史信息navigator对象：包含浏览器自身的相关信

2012-09-07 11:19:12 314

原创 Emacs -- stackoverflow

1: 删除空行M-x flush-lines ^$ delete all the blank line in bufferM-x replace-regexp RET ^ C-q C-j $ RET RET delete multiple line to single line in buffer2: add auto-complete to html-mode

2012-09-06 21:16:34 526

原创 Javascript -- OO

因为script没有办法创建类，所以我们只能是通过构造函数来进行类的定义，里面可以有属性，以及方法。工厂模式：使用简单的函数创建对象，为对象添加属性和方法，然后返回对象，最后被构造函数替代构造函数：可以创建自定义引用类型，可以想创建内置对象实例一样使用new操作符。不过，构造函数模式也有缺点即每个成员都会在新实例重新创建一遍。由于函数可以不局限于任何对象，因此没有理由不再多个对象键

2012-09-06 19:02:52 438

原创 Javascript --RegExp

基本格式是 var expression = /pattern / flagsflags 的值有3种：g 表示全局，应用于所有字符串，而不是发现一个匹配就结束；i忽略大小写；m表多行模式(multiline),到达文本末尾继续查下一行。RegExp实例RegExp对象主要有两个方法: exec(s) 和test(s), 其中s是应用模式的字符串，既然是该对象的方法，所以我们就需

2012-09-06 08:02:31 384

原创 Javascript --date

var theDate = new Date("31 Jan 2010");var theDate = new Date( 2007，0，1); //用逗号分割的参数，对应年，月，日，小时，分钟，秒，毫秒。生成一个日期对象,它其实是用对内部数据调用parse/UTC方法。Date.parse(s)方法接受一个表示日期的字符串参数，然后根据这个字符串返回相应日期的毫秒数。但是这个表日期的

2012-09-05 19:02:43 444

原创 Javascript --Emacs

first go into the offical web js2modethen goto the download page https://github.com/mooz/js2-mode download and compile step:$ git clone git://github.com/mooz/js2-mode.git$ cd js2-mode$ ema

2012-09-05 18:45:37 974

原创 Javascript --数组

数组数组中的每一项都可以保存任何类型的数据，比如字符串，对象等，并且大小是动态调整的，我们可以随意添加新项；创建方式：var colors = new Array();var colors = new Array("red","blue");array.pop() 它是一个类似栈的方法，弹出最后进去的值，并且返回数组长度array.push(s) 向数组尾添加一个数

2012-09-05 18:43:51 377

原创 Javascript -- 函数及基本数据类型

1: 函数，解释不会检查参数的个数，只需用argument[0],argument[1]...来引用就行。function first(){ alert("hello" + argument[0] + argument[1]);}first("world","me");因为上面的原因，所以Javascript就没有重载现象。2：只支持值传递基本类型值指的是那些保存

2012-09-05 18:43:49 500

原创 Yasnippet & html-helper-mode

1：我们可以在YASnippet/Snippets,进入相应的mode进行修改；文件名不需要跟key 的值一样，key 的值决定了我们了我们completion实现所需要输入的形式,如果我们想定义一个Key下的不同形式，只需让name不一样就行，下面的逻辑一样无所谓，相反：如果key,name都一样，即使下面的逻辑不一样，也不会都显示出来.key 不一样，name一样的话，同样不能被识别，所以必须

2012-09-04 22:51:32 1106

原创 Emacs org mode --Hyperlinks

link formatOrg will recognize plain URL-like links and activate them as clickable links.[[link][description]] or alternatively [[link]]C-c C-l to update the linkorg-> Hyperli

2012-09-03 22:03:20 517

原创 Emacs org mode -- table

horizontal line : |-----+---+---+---+-------+---+---|‘|’ is the column separator,A table is re-aligned automatically each time you press or or C-c C-c inside the table. The indentation of the

2012-09-03 22:01:14 2122

原创 Emacs org-mode

First-level headlines begin with one star; second-level headlines begin with two stars, and so on.In org-mode, TODO items are always headlines. I entered a TODO item for "Start new org file for tuto

2012-09-02 21:32:07 638

原创 Yasnippet

YASnippet is a template system for Emacs. It allows you to type an abbreviation and automatically expand it into function templates. Bundled language templates includes: C, C++, C#, Perl, Python, Ruby

2012-09-02 20:58:18 666

原创 HTML

download component html-helper-mode.el and tempo.el throughhttp://tuvalu.santafe.edu/~nelson/hhm-beta/ , add below info in .emacs;;html-helper-mode.el(add-to-list 'load-path "/home/ryu/emacs/site

2012-09-02 18:41:19 590

原创 .emacs

(custom-set-variables ;; custom-set-variables was added by Custom. ;; If you edit it by hand, you could mess it up, so be careful. ;; Your init file should contain only one such instance. ;; I

2012-09-02 09:39:55 805

原创 for(二)

现在我们总结一下for 后面可以跟的对象A的具体类型。1:内置数据类型，iter(A)返回一个iterator给temp，然后每次循环就是调用next(temp)2: generator object: iter(A)会返回自身，同时next(A)等于下一个yield后面表达式的值3: generator object : iter(A)返回自身，4: map object

2012-09-01 09:00:22 609

原创 for 语句

for 循环是一个通用的序列迭代器，可以遍历任何有序的序列对象内的元素，可用于字符串，列表，元组以及其他内置可迭代对象for in : if : break if : continueelse: 你可以把for循环看成是解包，而具体是如何解包的，这个就要看next方法，它是具体怎么实现的（针对自定义对象）。对于内置对象的话，解包一般就是把一个大

2012-09-01 09:00:08 291

原创 Python中内置函数

Mapmap 函数在python3里面不再像以前一样，返回的是结果集，现在它返回的是一个map objectMap对象也相当于一个生成器表达式,同样拥有next()方法>>> map((lambda x:x),(1,2,3))>>> F=map((lambda x:x),(1,2,3)) #所以说map对象也是一个可迭代对象，每次只求一个值>>> nex

2012-09-01 08:59:50 800

原创单迭代对象和多迭代对象

单迭代对象：只要对象定的话，无论你是否再调用iter()对象，甚至是把这个对象赋值给其他变量名，你会发现这些变量指的是同一个地方多迭代对象：你可以通过iter()方法来产生一个迭代器对象，并且将它赋值给一个变量名，如果你再对对象调用iter()方法的话，把它赋值给另一个变量名，你会发现这两个迭代对象不是指向同一个位置。你可以把每一个iterator object想象成一个容器，它里

2012-09-01 08:59:28 1951 1

原创列表解析和生成器之间空间和时间的对比

下面的例子从侧面也体现了，对于列表解析中for i in A , 对象A是一个数据块还是一个我们每执行一次循环求一次值，这个根本上是看A对象的next方法到底是列表解析还是返回一个generator object.>>> def myzip(*seqs):... minlen = min(len(s) for s in seqs)... return ((s[i] for s

2012-09-01 08:59:14 548

原创 iterator/generator 应用举例 Mymap / Myzip

现在我们编写自己的map方法，并且比较他们之间的速度def mymap(func, *seqs): res =[] for args in zip(*seqs): #用的是序列组的迭代器 res.append(func(*args)) #这里面一定要是*args用于解引用，把 re

2012-09-01 08:58:33 1128

原创 Python 生成器函数，生成器表达式，迭代器，列表解析

生成器表达式VS列表解析列表解析都是在方括号里面，而生成器表达式在元括号里面，你只要碰到形式，这一步会给你返回一个结果集生成器表达式不执行for语句，只有当调用next方法的时候才会执行一次。他们两个的具体问题可以参考列表解析和生成器之间空间和时间的对比通过作为返回值形式，体现出不同的处理方式>>> [x**2 for x in range(4)]

2012-09-01 08:57:53 934

原创 if 语句与and / or 用法扩展

if ... elif... else: 他们垂直对齐，具有相同缩进，如果所有的测试都为假的话，就执行else部分。if / else 三元表达式 A=Y if X else Z 等价于 A = ((X and Y) or Z)。首先明确的是Y与Z因为都是值，或者其它类型。所以默认就是为真。具体and/or的操作见下面真值测试>>> branch = {'spam': 1.24,..

2012-08-31 17:48:34 10072

原创 Python 列表解析

列表解析在一个序列的值上应用一个任意表达式，将其结果收集到一个新的列表中并返回。它的基本形式是一个方括号里面包含一个for语句对一个iterable对象迭代>>> res=[ord(x) for x in 'spam']>>> res[115, 112, 97, 109]>>> [x**2 for x in range(10)][0, 1, 4, 9, 16, 25, 36,

2012-08-30 11:32:24 24968

原创 Python 生成矩阵

限定步长，起始数字，然后生成x行，y列的矩阵>>> def range2rect(x,y,start=0,step=1):... N=[]... F=[]... for i in range(x): #等价于for(i=0,i<x,i++)... for j in range(y):... F.append(start)...

2012-08-30 10:04:39 27178

原创 Python 中iterator

The two methods correspond to two distinct protocols:1. An object can be iterated over with "for" if it implements__iter__() or __getitem__().如果你想让他能够按照for的形式进行迭代，就需要定以__iter__方法。2. An object can

2012-08-29 21:47:26 5803

原创 yield / generator

The yield expression is only used when defining a generator function,and can only be used in the body of a function definition. Usingayieldexpression in a function definition is sufficient to caus

2012-08-29 21:33:52 1306

原创函数(二)

函数设计注意点：耦合性：尽量不要使用全局变量；尽量不要改变函数中接收的可变实参的值；避免直接更改另一个模块文件中的变量。聚合性：每个函数都有一个单一的，统一的目标，并且函数尽可能的小。Python的函数是一个对象，函数对象可以赋值给其他名字，传递给其他函数，嵌入到数据结构。而对于用于def语句中的名称，它只是当前作用域的一个变量赋值，def运行之后，该名字指向了函数对象，我们可以把

2012-08-29 07:51:56 305

原创参数

形参顺序：位置参数(name) ->默认参数(name=value) -> *defs /单个*-> name或name = value,keyword-only -> **defs实参顺序：字面值 -> 关键字形参/*args 它们之间不分前后 -> **args 形参列表中位置形参必须在默认形参前面的原

2012-08-28 23:49:42 501

空空如也

空空如也