03 2012 档案
摘要：动态执行eval JavaScript的代码从是运行在一个闭包环境。JavaScript代码的解释执行过程：1.在JavaScript中，代码文本是先被解释为语法树，然后按照语法树来执行。2.在每次执行语法树中的一个函数的实例时，会将语法树中与该函数相关的形式参数、函数局部变量、upvalue以及子函数等信息复制到一个结构中，该结构称为ScriptObject(调用对象)。3.ScriptObject动态关联到一个闭包，闭包与ScriptObject具有不同的生存周期；4.按照语法树来执行函数体中的代码，需要访问变量时，先考察ScriptObject中的局部变量等，最后考察upvalue。这个
阅读全文
摘要：顺序语句1:var a=1;var b=2;var c=2; 顺序语句消灭1：var a=1, b=c=2;顺序语句2：var a= -1.11;a=Math.abs(a);a=Math.round(a);顺序语句消灭2：a.wsc(Math.abs).wsc(Math.round);分支语句1：if(a==1){b=2;}分支语句消灭1：(a==1) && b=2;抑或(a==1) ? b=2 :null;//其实if语句的大括号里面，可以throw，可以return，可以多条语句。但三目运算?:不能，可以通过封装个function，然后调用即可。因为函数是对多个表达式运算的
阅读全文
摘要：首先在Terminal里面，敲入git status，用来查看自己在哪个branch，修改了哪些文件。如果你是开发一个新的页面，就新建一个branch，git checkout -b xxx_branch。然后就是，git add xxx.xx，也就是增加你要提交的文件，全部增加你修改过的文件，git add .忽略其中某一项，命令是，git reset HEAD xxx.xxx接着就是提交commit了，命令是，git commit -m "写你的提交注释咯"这里的所有操作，都在本地机器。其实里面的git add和git commit都是在本地的.git里面链接操作了。接
阅读全文
摘要：1.首先按照先前的约定，在项目文件中创造文件夹，创造文件，然后把自己写好的代码嵌入进去。上个步骤，基本就是copy，paste了。接下来，要在pyramid的配置文件，配置url路由，已经url路由处理了。2.配置url路由，在项目目录功能修改__init__.py文件，增加语句config.add_route('xxx_create','/xxx/create')表示访问了/xxx/create这个url后，用xxx_create这个函数来处理。xxx_create这个函数，放在/views/user.py里面。 @view_config(route_name
阅读全文
摘要：components，顾名思义是组件。接触组件这个概念，首先是在Visual Studio的ASP.NET的控件啦。这里有Buttons，Navigation，Labels，Typography，Thumbnails，Alerts，Progress bars。有个Buttons group，就是可以把一组按钮并列放在一起。Buttons dropdowns呢，就是按钮里有下拉列表。导航组件Navigation，有Tab式的，pill式，当然，Stacked tab和Stacked pill式，tab with dropdowns。最ok的就是里面的Navbar了，你可以设置其.navbar-f
阅读全文
摘要：bootstrap的基本样式处理，处理网页的字体（Typography），表格，表单，按钮，小图标(Icons by Glyphicons)。1.bootstrap的Typography，关于字体，一般涉及到字体大小，哪种字体，字体加粗加横线加斜，字体颜色等等。 关于文本，一般涉及到单词间的间距，文本行与行的间距，居左中右。当然重新处理了h1,h2,h3,h4,h5,h6的样式，其中可以明显看到h6变成灰色了。对于<abbr>重新样式处理了，主要是移上去的鼠标样式。对于文本的链接处理，是浅蓝色了。对于<blockquote>重新样式处理了，加了根灰色竖线，以及灰色副标题
阅读全文
摘要：First首先抛出三个概念：Fix，Fluid，Responsive，分别是固定，流动，响应式布局。bootstrap的固定布局，就是无论浏览器的放大缩小，内容位置都不受挤压改变，而且整个布局居中。bootstrap的流动式布局，要设置布局的最大宽度和最小宽度。如果浏览器的宽度大于布局的最大宽度，然后不管浏览器大小怎么调整，布局里面的内容位置都不受挤压改变。如果浏览器的宽度小于布局的最大宽度，大于最小宽度，那么布局里的内容位置会随着浏览器的大小调整，而改变。如果浏览器的宽度小于布局的最小宽度，布局里的内容位置也不会改变啦。bootstrap的响应式布局，准确来说，没有响应式布局，是响应式设计。
阅读全文
摘要：如果DOM和JSON看成一个前端数据库，那么，jQuery选择器就是一个SQL查询语句。无论是某单个节点元素，或者一组节点元素们，皆一条连续的语句搞定。当然，JSON的数据查询操作，还得需要手写循环筛选，而不是SQL语法式的查询。所谓jQuery链式操作，就是JavaScript的函数式风格写法，为了摆脱中间变量造成的程序代码难读（我觉得中间变量用于缓存数据，提高程序执行效率，这就是所谓性能与易读的不可兼得）。于是SQL式语法的选择器，直捣黄龙抓住核心数据，通过函数式语法的不间断连续处理，返回最终数据。所谓DOM，也就是树形结构的数据存储方式。所谓方法，也是树形结构的命名空间管理方式。既然jQ
阅读全文
摘要：ECMAScript5将严格模式(strict mode)引入了Javascript中，目的是允许开发人员能够选择“更好”的Javascript版本，这个版本能用不同的方式处理那些普遍而又臭名 昭著的错误。一开始的时候，我对该模式抱着怀疑的态度，因为当时在只有一款浏览器(Firefox)支持严格模式。时至今日，所有的主流浏览器的最新版本 ——包括IE10与Opera12——都支持严格模式。使用严格模式的时机已经成熟了。 它带来了什么? 严格模式给Javascript的运行方式带来了许多不同，我将它们分为了两类：明显的(obvious)，以及微妙的(subtle)。那些微妙 的改变是为了解决微.
阅读全文
摘要：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
阅读全文
摘要：四种浏览器对 clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth 和 scrollWidth 的解释差异 网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全文高：document.bo.
阅读全文
摘要：//得到select项的个数2jQuery.fn.size=function(){3returnjQuery(this).get(0).options.length;4}56//获得选中项的索引7jQuery.fn.getSelectedIndex=function(){8returnjQuery(this).get(0).selectedIndex;9}1011//获得当前选中项的文本12jQuery.fn.getSelectedText=function(){13if(this.size()==0)return"下拉框中无选项";14else{15varindex=th
阅读全文
摘要：这是个人在最近使用json时做的总结，拿出来给没接触过的小弟们晒晒，适用与没接触过json的人员，其中json2。js请到json官网下载。来自http://kingshare01.iteye.com/blog/235351<scripttype="text/javascript"src="json2.js"></script><script>//直接声明json数据结构varmyJSONObject={"bindings":[{"ircEvent":"PRIVMSG&
阅读全文
摘要：jquery 里的each使用方法详解 有个同事问我each使用方法,我把我知道的用法告诉他.他却说不是这样的......如是在网上小逛了一下,果然用法有很多.下面总结下大慨的使用方法. each()函数是基本上所有的框架都提供了的一个工具类函数，通过它，你可以遍历对象、数组的属性值并进行处理。jQuery和jQuery对象都实 现了该方法，对于jQuery对象，只是把each方法简单的进行了委托：把jQuery对象作为第一个参数传递给jQuery的each方法.换句话 说：jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用。而jQuery对象提供的each..
阅读全文
摘要：BootStrap Study note Scaffolding 两种960px/12column网格， 默认网格default grid标签是<div class="container">.固定960px宽度。 另外一种是Fluid grid的宽度是用百分比代替固定宽度设置。 两者的区别就在于，固定和不固定（废话）。默认网格，960，超出960就超出，父元素不会扩大自己的宽度。Fluid grid的父元素会扩大自己的宽度，包容子元素。 .container-fluid { padding-left: 20px; padding-right...
阅读全文
摘要：pyramid setup参考http://docs.pylonsproject.org/en/latest/docs/pyramid.html今天是2012-03-12讲的都是安装好Python2.7，以及在ubuntu操作系统下面：1.首先装Pyramid，测试语句import setuptools，没有ImportError错误，ok。有错误，先装setuptools。下载ez_setup.py，然后执行语句python ez_setup.py。2.然后装virtualenv，用语句easy_install virtualenv3.用virtualenv创建Virtual Python
阅读全文
摘要：来自：http://lveyo.com/ubuntu-ssh-tunnel-manager.html一般在linux下建立SSH Tunnel都是用在终端中运行这个命令， 1sudo ssh -qTfnN -D 7070 sshuser@sshserver 我一直在找一个Ubuntu下可以像windows下MyEntunnel一样的图形界面的SSH管理工具。 功夫不负有心人，终于让我找到了这个软件–SSH tunnel manager for GNOME 而且安装也很简单，直接用apt-get就可以安装： 1sudo apt-get install gstm 运行Applications-&g
阅读全文
摘要：盒子模型的content，padding，border，margin就不用说了。想说的是，CSS能控制的是padding，border，margin。content由用户输入的内容控制。于是就有了盒子到底有多大。我们知道盒子的width=padding+content。不设置width，块盒子宽度自动撑满父元素。只要用户输入内容不变，content不变，只有padding和width在变，即使width是固定值，padding增加，盒子宽度也增加。怎也使content受到padding挤压呢？通过为内部div添加内边距，由外部div定义的栏的宽度能够保持不变即可。
阅读全文
摘要：<div>是块级元素，<span>是内联元素。div能包含span，反之不能。盒子=margin+border+padding+content盒子的width=width+padding，height=height+padding。说明盒子内content的位置由设定width后，padding大小来决定。border属性有color,width,style。border的width有thin，medium，thick和具体的数值。border的style属性有none，hidden，dotted，dashed，double....其中none和hidden效果一样，只
阅读全文
摘要：关键字：tag 标签 输入标签化来自：http://xoxco.com/projects/code/tagsinput/ 这是一个JQuery插件，输入字符，按回车，变标签。基本原理：标签框是一个大DIV叫tags_3_tagsinput，DIV里有显示标签的span和输入用的input。当你在input里面输入一些字符，按回车 就变成一个span显示标签，插在input前面。强烈建议你，花上两个小时，下载它的DEMO，用firebug来调试，观察其对HTML DOM的影响。 功能：除了生成标签外，还能对输入重复标签进行检查，和JQuery autocomplete插件配合实现自动完成功能。
阅读全文
摘要：如果你有一些C++基础，那么你学习python的语法，以及基本库，语言特征只需一天就够。如果你写过一些原生的html，css，javascript代码，那么你学习bootstrap，只需一天就够。话说bootstrap，它的网格系统用来布局，它的css库用来美观，它的less特性用来自定义，它的js插件便差强人意。所以，出现了，优势特征。明显，jquery更适合用来写交互，bootstrap适合布局。 那么，什么是一天学不会的，数学，英语，设计美感，越底层一天越学不会。。。
阅读全文
摘要：参考http://docs.pylonsproject.org/en/latest/docs/pyramid.html首先得装python2.7。其次装Python的虚拟机环境，也就是virtualenv。 然后创建Python虚拟机环境的目录。然后写配置文件了。然后就ok了。详情见下：Virtualenv Installation If not already installed, install pip sudo apt-get install python-pip Next using pip to install virtualenv and virtualenvwrappe...
阅读全文
摘要：about system:linux常用命令，比如，修改文件权限，gitorious源代码控制，常用命令使用。Bootstrap 学习。HTML5学习。 pyramid学习。 吐槽一下，真难配置。
阅读全文
摘要：问题原因：修改了sudo文件， 导致sudo权限在0640，或者sudo的配置格式错误。因此，要把sudo权限更改回0440。所以呢，修改sudo，请用命令visudo。http://blog.csdn.net/chz870128/article/details/6263513基本上出现标题里面的错误，有两种解决方案：1.进入recovery mode，设置sudo权限。http://hi.baidu.com/shirdrn/blog/item/3b2d17cabc01118cc8176862.html 2.不用，进入到回复模式。切换到root账户，或者启用Ubuntu的恢复模式，获得管理员权
阅读全文
摘要：1. 《learning python》，中文翻译书籍是《Python学习笔记》，带有虚拟机的语言，好处就是开发效率提高，不用过分关心内存管理细节。但是，与过分关心的内存管理细节的C语言相比速度肯定低。于是为了速度，出现了python的编译器执行效率优化问题。每个语言都有它的适用范围，Python的本身设计，再优化只能部分代码，以及小情况下，效率超过C。所以，结论是老生常谈，C用来开发语言工具，python用来开发一般程序。2.列表，元组，字典三个内置对象。首先，这三个对象的出现，不是从严格的论证出来，而是实践经验出来。表示，其中必有一项不是很重要，很少用到，虽然作为内置的对象。比如元组。3.
阅读全文
摘要：HTML元素自动测试程序seleniumJS测试框架qunit 前后端交互框架Mako Templates for python CSS框架Bootstrap 后端语言python后端web模板pyramid 数据库couchdb
阅读全文
摘要：首先进入公司的gitorious注册自己一个帐号。然后就是登陆了。然后在自己的电脑上进入终端，ssh登陆了。 命令是： ssh-keygen -t rsa -C "你注册的电子邮件"然后系统便会在你的用户文件夹下，创造目录了。基本上是/home/你的用户名/.ssh/然后用户标示文件存储于/.ssh/id_rsa然后公钥存储于/.ssh/id_rsa.pub然后可以都去id_rsa.pub了，用cat id_rsa.pub会出来一大堆字母，复制它们，进入到网站，选择Managed SSH Keys，Add SSH Key。好了，现在可以去连接gitorious的服务器了。命
阅读全文
