码迷,mamicode.com
首页 > 其他好文 > 详细

前端笔记

时间:2016-03-30 16:21:49      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:

获取元素的值

js中
var pwd0=document.getElementById("ui-password0-text").value;        #获取页面上一个有id的元素的值
var pwd0=document.getElementById("ui-password0-text").innerHTML;      #获取元素中的内容
jquery中
var new_pwd2 = $("#ui-password2-text").val();         #获取页面上一个有id的元素的值
var new_pwd2 = $("#ui-password2-text").text();        #获取元素中的内容
var new_pwd2 = $("#ui-password2-text").html();        #获取html内容

光标定位

document.getElementById("文本框的ID").focus();

$ 符号

jQuery 使用 $ 符号作为 jQuery 的简介方式。
某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。
jQuery 使用名为 noConflict() 的方法来解决该问题。
var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。

$("#hh")       #hh为ID属性
$("hh")        #hh为name,type属性    

Sea.js

除了解决命名冲突和依赖管理,使用 Sea.js 进行模块化开发还可以带来很多好处:
1.模块的版本管理。通过别名等配置,配合构建工具,可以比较轻松地实现模块的版本管理。
2.提高可维护性。模块化可以让每个文件的职责单一,非常有利于代码的维护。Sea.js 还提供了 nocache、debug 等插件,拥有在线调试等功能,能比较明显地提升效率。
3.前端性能优化。Sea.js 通过异步加载模块,这对页面性能非常有益。Sea.js 还提供了 combo、flush 等插件,配合服务端,可以很好地对页面性能进行调优。
4.跨环境共享模块。CMD 模块定义规范与 Node.js 的模块规范非常相近。通过 Sea.js 的 Node.js 版本,可以很方便实现模块的跨服务器和浏览器共享。

var util = require(./util.js);
util.print(我是字符串);
不再需要冗长的命名空间了,也不再需要担心命名的冲突
不需要手动管理 js 文件的依赖,依赖关系写在代码中,SeaJS 会自动处理

文本框禁止剪切、复制、粘贴

onpaste="return false" oncontextmenu="return false" oncopy="return false" oncut="return false"

==和===

首先,== equality 等同,=== identity 恒等。 
==, 两边值类型不同的时候,要先进行类型转换,再比较。 
===,不做类型转换,类型不同的一定不等。
下面分别说明: 
先说 ===,这个比较简单。下面的规则用来判断两个值是否===相等: 
1、如果类型不同,就[不相等] 
2、如果两个都是数值,并且是同一个值,那么[相等];(!例外)的是,如果其中至少一个是NaN,那么[不相等]。(判断一个值是否是NaN,只能用isNaN()来判断) 
3、如果两个都是字符串,每个位置的字符都一样,那么[相等];否则[不相等]。 
4、如果两个值都是true,或者都是false,那么[相等]。 
5、如果两个值都引用同一个对象或函数,那么[相等];否则[不相等]。 
6、如果两个值都是null,或者都是undefined,那么[相等]。 
再说 ==,根据以下规则: 
1、如果两个值类型相同,进行 === 比较。 
2、如果两个值类型不同,他们可能相等。根据下面规则进行类型转换再比较: 
   a、如果一个是null、一个是undefined,那么[相等]。 
   b、如果一个是字符串,一个是数值,把字符串转换成数值再进行比较。 
   c、如果任一值是 true,把它转换成 1 再比较;如果任一值是 false,把它转换成 0 再比较。 
   d、如果一个是对象,另一个是数值或字符串,把对象转换成基础类型的值再比较。对象转换成基础类型,利用它的toString或者valueOf方法。
      js核心内置类,会尝试valueOf先于toString;例外的是Date,Date利用的是toString转换。非js核心的对象,令说(比较麻烦,我也不大懂) 
   e、任何其他组合,都[不相等]。

用 == 的时候要有充分的注释

鼠标

onmousedown    script    当元素上按下鼠标按钮时触发。
onmousemove    script    当鼠标指针移动到元素上时触发。
onmouseout     script    当鼠标指针移出元素时触发。
onmouseover    script    当鼠标指针移动到元素上时触发。
onmouseup      script    当在元素上释放鼠标按钮时触发。

# 鼠标移动到图片上,图片放大
<!DOCTYPE html>
<html>
<head>
<script>
    function bigImg(x)
    {
        x.style.height="380px";
        x.style.width="380px";
    }

    function normalImg(x)
    {
        x.style.height="128px";
        x.style.width="128px";
    }
</script>
</head>
<body>
    <img onmousemove="bigImg(this)" onmouseout="normalImg(this)" border="0" src="/i/eg_tulip.jpg" alt="Smiley" style="height:128px;width:128px;">
</body>
</html>

正则表达式

$("#").val($.trim($("#").text()));         修改操作从html获取数据填充并去除空格
var a = $trim($("#").val()); js获得值去除空格
$(
"#").html("输入合法数据")
console.log(data); 可以在谷歌浏览器console项查看数据
if(/^\s*$/gi.test(aaa)) aaa为空为true不为空为false if(/^[\d\.]+$/.test("12.3")) if(/^[\d]*(\.{0,1})[\d]+$/.test(aaa)) <span><i></i></span> 正则表达式和语言无关 if re.match(r"^[\d]+(\.{0,1})[\d]+$","") if re.match(r"^20(\d{12})$","20160316121212")

ifequal

{% ifequal factory_uid "cd396786-579a-11e5-9e88-00a0d1eb6068" %}   # 判断两者是否相等

  &times;    #显示成符号 ‘ב  

如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖

  class控制样式 .

  id控制事件 #

  h十二小时制H二十四小时制

  样式不要写死到元素上

  脚本一般放在最后

  能把多个模板放在一起的话就最好不要分开,不然工作量会比较大

前端笔记

标签:

原文地址:http://www.cnblogs.com/hm24/p/5337369.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!