gvim如何显示html属性代码
可以在vim中 显示 html, css, js等的属性/方法 提示:
一是: 在 ~/.vim/after/syntax/ 目录中 安装 css-color.vim插件
二是: 通过Bundle 安装 'asins/vim-dict' 插件.
这样, 就可以显示 html, css, js等的 html属性, js方法等的提示了...
alert 方法和confirm 方法的区别?
confirm(message) 函数有返回值, 返回的是 Boolean类型的 true / false, 当用户 点击ok 时, 返回的时 true, 当用户点击 cancel时, 返回的时false, 可以 根据用户 的选择, 根据true false 来 进行操作执行:
try catch和 if ...else:
看了上边的代码发现，if语句判断的是条件是否成立，成立执行一个分支，否则执行另一个分支。 **而try语句判断的是一段代码块是否执行成功，(没有条件, 没有分支什么的.... )不成功执行catch里边的代码块。他们的作用本来就完全不同。
在 try 语句块中, 跟据 if条件, throw 出 自定义的 异常, 这个异常就是 直接的 err, 不要再用 err.message, 否则, 会返回 undefined, 因为err(字符串描述 的 异常) 本身就没有这个message!
在js, 以及其他所有的编程 语言中, 都不能用 "关键字"来作 变量, 否则会 提示: missing variable name; / expected expression, but got a keyword 等之类的错误, 不用这个关键字后, 错误消失!
delay:推迟， 默认的动画队列中的动画是， 依次，连续执行的， 上一个动画执行完毕， 马上执行下一个动画，中间不会有停顿的， 如果要
在两个动画之间有停顿， 使用delay（time）；
jQuery.fx是什么意思？
hello， hello again 常用来设置 示例段落 span等 中的 文字
对于jquery中的串联函数：
add： 是将后面选择的元素加入到前面的选择集中， 注意，只会改变选择集， 不会改变html本身的 结构
andSelf: 将先前选择的元素， 加入到当前的选择集中。 主要是针对 查找和筛选 方法后， 要把前面的选择元素加入筛选后的结果集时。
(这就是为什么： jquery的 查找和筛选操作， 既提供了 冒号的 操作形式， 如 $("p:oven"), $("p:is(...)")之类的形式， 也提供了像is， find， eq（）等的形式， 就是因为 同样的操作有不同的目的需求！ 比如对于andSelf函数来说， 用 > 选择器， 就不能使用 andSelf（）了， 因为实际上选择的总是前面那一个， 没有先前的选择元素！ 要使用andSelf（）， 就得要将前面的选择对象 分开来写！)
javascript中的 parse只有两个 parseFloat & parseInt. 都是将字符串 转换成数字. 忽略两端的 空格, 只解析: +,- 号; 0-9的数字; 小数点;科学计数法的e/E ,出此之外的字符不解析 如果不能返回一个数字, 则返回NaN.
jQuery中的fx, 表示 jquery的动画 [效果].jQuery.fx.off = true;表示一个属性, 表示关闭 jquery的所有动画. 只是关闭所有的动画, 并不是禁用 jquery.
jquery的hightlight和error样式?
- 这真的就只是一种 样式, 没有js
- 可以把 这两种代码, 写成snippet 放在snipMate中.
<!-- 这个是highlight: ui-wideget, ui-state-highlight, ui-corner-all -->
<div class="ui-widget">
<div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 .7em;">
<p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
<strong>Hey!</strong> Sample ui-state-highlight style.</p>
</div>
</div> <!-- 这个是error -->
<div class="ui-widget">
<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
<strong>Alert:</strong> Sample ui-state-error style.</p>
</div>
</div>
- 只是em是 foreigner 比较喜欢使用的设计单位, 它本质上是一个 相对单位, 基数是body的 font-size: 16px; 因此, em的作用是: 设置距离, 如:margin-right: .3em; 其次, 是用来设置字体的 放大/缩小 倍数!!
如何让 页面的内容 直接顶到 浏览器窗口的 最顶端?
- 浏览器和 w3c等 都有一些 默认值: 如 font-size: 16px; 而 body 元素本身也有: margin: 8px的外边距, 所以, 不管你怎么写body下的div的格式(除了body>div.wrap的padding: >8px, )但是这种实现就比较 awkward了, 不elegant.
- 应该是 设置 body的 css: margin: 0 auto; 因为, 整个html的结构是: html>body> ...div.... 因此 在 实际的正文前面, 是有一个元素, body的, 而body的默认style就是 : margin: 8px; 因此, 通常情况下, 网页内容, 跟 浏览器窗口 的顶端都有一个 空的 "小边条". 解决方法就是: 设置 margin的 外边距, 其他都不用设置. 包括body的padding div内容的 margin 和 padding...
如何实现 [左/ 右] 边框灰色的方法是: 思路: 你要的灰色背景设在body上, 而边距设在 你要显示边距的 div上(这里是所有的正文内容), 还可以*的控制 其他div 是否 显示 边距的 情况...(也就是, 有边距的div和 无边距/默认的div 可以 随意混合....)
+ 设置body的背景颜色为灰色;
+ 设置一个` <div id="wrap-all">...显示正文,</div> <div#foot>显示 footer</div>`
+ 最后设置 body的style, 和 其他 div的样式:
```
body : margin: 0 auto // 这个只是为了顶格显示; background-color: #eee; // 注意, 这个时候, 左右边距就不要设置在body上, 而是设在
#wrap-all: background-color: #fff; margin: 0 200px 0 0;
#footer (包括其他不需要 显示 边距的 部分): background-color: #000; margin: 不需要设置...
```
css hack 和 js hack: 是指各浏览器的内核和版本不同, 引起的对css和js的解释差异, 叫做 css /js hack
在js和php中, 字符串的 长度, 或者说, 字符串 本身的内容, 都是 指 "不包括 两边的 引号 在内的 内容, 引号只是 定界符, 不管是单引号还是 双引号 定界符. 如: var str = "abc", alert(str.length), 就是 3.
如何获取/ 判断鼠标 的位置, 是否在 div中?
使用 jquery的函数: offset(), offset(object): 这个object是 一个 字面量 的 对象: {top:10, left:30} , 注意, 这里的对象的属性, 必须是 top, left. 顺序无所谓...
offset是匹配元素 始终是 相对于视窗 窗口的位置 偏移, 而position是 匹配 元素 相对于 "最近的 具有 position: relative 或者 absolute (非 static) 定位的 父元素或 祖先元素的 位置 偏移", 通常如果元素 在dom树的 顶端/底端, 用offset, 如果匹配元素 由 兄弟节点, 在总的 父元素下 用 positon() 方法 较合适, position方法, 顾名思义, 一定要 找到 由 position属性的 父元素...
SpiderMonkey 蜘蛛猴, 是第一款问世的JavaScript引擎，由前网景公司的布兰登·艾克设计，后期由Mozilla基金会维护，以开放源代码发布。目前为Mozilla Firefox网页浏览器所使用的JavaScript引擎，并且被嵌入于许多不同的环境，例如：GNOME 3桌面。
jquery的动态绑定?
由于bind只能绑定静态的元素, 对动态生成的元素的绑定问题, jquery在v1.3 引入了live函数. 由于live默认绑定的是 document. 会造成在寻找 遍历 event.target的时候, 可能造成dom元素寻找元素的路径 路径链过长而影响性能, 所以在v1.4中, 引入live的 context, 这时话,live就不是绑定到document, 而是绑定到context.... 后来在 v1.4.2引入了 delegate委托. 于是绑定方法就有 : bind, live, delegate.
再后来, 在v1.7中,为了解决 多个函数 并存使用的问题, jquery引入了 on和 off函数...
on(type, [selector], [data], fn): 如果不使用 selector, 就是普通的bind绑定, 对fn来说, 如果不能使用匿名的函数, 需要使用外在的函数名, 那么调用on的时候, 可以传送data给外在函数名的event.data使用. 如果使用 了 selector, 就是 委托...
什么叫委托?
就是本来事件发生时, 应该有event.target的元素 去执行fn, 但是 target本身不去 响应 执行, 而是, 将执行的事件 , 函数绑定到它的 父元素, 甚至它的祖先元素, 直至document根元素. 这是因为, 事件时冒泡的, 一个由target触发产生的事件, 可以冒泡到根元素, 所以 ,target的事件, 可以由它的父元素直至 根元素来处理.
因此委托的话, 在js中, 一定是, 将事件绑定到 父元素->父父元素上, 但是后面的this, 是指的 这个selector, 而不是 父元素.
哪些情况下, 需要使用delegate委托:
- 在多个元素绑定相同的事件时;
- 给未来的动态增加的元素绑定事件时.