JS
guodengh
这个作者很懒,什么都没留下…
展开
-
javascript函数querySelector介绍
querySelector用于获得dom节点,可以接受三种类型的参数:id(#),class(.),标签。很像jquery的选择器。不过只能返回一个子孙元素,但是jquery选择器的话,可以返回一组元素集合。下面的代码示例: id class var htmlStr= document.querySelector("body #query").in转载 2013-03-22 01:21:01 · 1570 阅读 · 0 评论 -
map和forEach注意
这两个是Array的方法,对于在操作DOM的时候获取到的节点,document.querySelectorAll(".J_menuItem") 的类型是NodeList,这个类下面并没有这俩方法,可以用call来调用: // document.querySelectorAll(".J_menuItem").map((item)=>{ // 报错,没有这个方法 //原创 2017-11-28 16:25:06 · 1358 阅读 · 0 评论 -
js中&(与)、|(或)以及^(异或)的二进制使用(计算)
&:与(x&y)两二进制上下比较只有位值都为1时才取1,否则取0例如:14&15 (14 二进制 1110 15 二进制 1111 &与的结果 1110 ----》结果14)|:与(x|y)两二进制上下比较只有位值都为0时才取0,否则取1转载 2017-02-10 18:36:53 · 3279 阅读 · 0 评论 -
JS性能之runtime
如果需要知道函数执行过程中消耗了多长时间,可以在foo()函数调用之前插入console.time()语句,在其调用结束后插入console.timeEnd()语句:console.time("test");foo();console.timeEnd("test");程序执行完毕后,控制台会显示此次计时的结果:”test: 1797ms”,显示的日志级别为info。转载 2015-09-08 14:03:16 · 6970 阅读 · 0 评论 -
js里function前面加!
我们都知道,函数的声明方式有这两种function fnA(){alert('msg');}//声明式定义函数var fnB = function(){alert('msg');}//函数赋值表达式定义函数函数的调用方式通常是FunctionName()但是,如果我们尝试为一个“定义函数”末尾加上(),解析器是无法理解的。function msg(){ alert('message');}(原创 2015-09-11 14:48:18 · 10565 阅读 · 3 评论 -
Javascript 严格模式详解
ECMAScript 5 引入了 严格模式 (strict mode), 希望通过这种方式来谨慎的解析 JavaScript, 以减少错误。通过使用如下指令脚本以严格模式执行。"use strict";这条编译指令 (pragma) 不仅用于全局,也适用于局部,比如一个函数内。但是不推荐将 "use strict" 用在全局作用域中 (尽管所有流行的编程规范中都没有提及),因为转载 2015-09-11 11:59:03 · 935 阅读 · 0 评论 -
NodeJS for Windows 安装
官网下载msi版的安装文件双击运行,直到安装完毕。这里默认的安装路径在C:/Program Files/nodejs,也自动安装了NPM(暂时我还不知此为何物。。),已经自动加入系统路径path要测试是否安装成功,在cmd下node -v,显示版本信息。注意,这里的命令行要在管理员模式下运行才行通过加载一个js文件试运行一下,比如下面d:/index.js:/**第一节:开篇章*小试牛刀**原创 2013-03-03 13:41:54 · 913 阅读 · 0 评论 -
js 与或运算符 || && 妙用
js 与或运算符 || && 妙用,可用于精简代码,降低程序的可读性。首先出个题:如图: 假设对成长速度显示规定如下: 成长速度为5显示1个箭头; 成长速度为10显示2个箭头; 成长速度为12显示3个箭头; 成长速度为15显示4个箭头; 其他都显示都显示0各箭头。 用代码怎么实现? 差一点的if,else: Js代码转载 2015-08-03 11:37:51 · 475 阅读 · 0 评论 -
正则表达式基本语法
正则表达式基本语法两个特殊的符号'^'和'$'。他们的作用是分别指出一个字符串的开始和结束。例子如下:"^The":表示所有以"The"开始的字符串("There","The cat"等);"of despair$":表示所以以"of despair"结尾的字符串;"^abc$":表示开始和结尾都是"abc"的字符串——呵呵,只有"abc"自己了;"notice":转载 2015-06-15 16:48:00 · 557 阅读 · 0 评论 -
遮罩层
遮罩层弹出后禁止低层滚动$('body').css("overflow","hidden")遮罩层关闭后要恢复原创 2015-07-02 16:10:23 · 540 阅读 · 0 评论 -
正则表达式所有元字符及其使用方法一览表
字符描述\将下一个字符标记为一个特殊字符、或一个原义字符、或一个 后向引用、或一个八进制转义符。例如,'n' 匹配字符 "n"。'\n' 匹配一个换行符。序列 '\\' 匹配 "\" 而 "\(" 则匹配 "("。^匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性,^ 也匹配 '\n' 或 '\r' 之后的位置。$转载 2015-06-15 16:44:47 · 491 阅读 · 0 评论 -
jquery判断对象某个属性是否存在
假定obj是一个jq对象,要判断它的sub属性是否存在,以下三种方法: 百度到前两种,有人建议使用第二种,项目中亲测第三种工作正常,写法最简洁attr("sub")=="undefined" typeof($(obj).attr("sub"))=="undefined"$(obj).sub ==undefined原创 2015-07-02 13:31:19 · 2647 阅读 · 0 评论 -
JS中的return / return false / return true
1. return返回null,起到中断方法执行的效果,只要不return false事件处理函数将会继续执行,表单将提交2. return false,事件处理函数会取消事件,不再继续向下执行。比如表单将终止提交。在js中,我们常用return false来阻止提交表单或者继续执行下面的代码return false 只在当前函数有效,不会影响其他外部函数的执行。原创 2015-05-21 12:41:24 · 681 阅读 · 0 评论 -
JS之onFocus / onBlur / onChange 事件
这三个不算是JS的方法,属于HTML元素的属性吧,在做表单的时候比较有用,最常见是嵌在input;里面对元素直接使用的onFocus 获得焦点的 时候 触发的事件,eg:改变点击时候的边框样式 onBlur 是 失去焦点的时候 触发的事件 ,eg:例如做表单的输入验证onChange 是当数据发送改变的时候触发的事件, eg: 每输入一个文字, 还能输入字数 就会改变 或者其他跟同原创 2015-05-21 14:42:35 · 4109 阅读 · 0 评论 -
原生JS改变HTML内容
最近发现总是把原生JS语法和诸多框架库神马的语法搞混,打算暂时弃用各种库,回归到原生来,好好抠一抠所有的细节,跳一跳各种坑,才能飞得更远。PS. 突然想起冰火里面三眼乌鸦对布兰说的那句话——You'll never walk.........but you'll fly. 期待看到布兰变龙(maybe)飞起来的那天~~~well,快点回神!改变 HTML 输出流JavaScript 能够创建动态的原创 2015-05-21 15:58:38 · 23392 阅读 · 0 评论 -
JS动态变量名 或 字符串与已有变量对应
JavaScript eval() 函数定义和用法eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。语法eval(string)参数描述string必需。要计算的字符串,其中含有要计算的 JavaScript 表达式或要执行的语句。返回值通过计算 strin原创 2015-05-21 01:07:28 · 13594 阅读 · 0 评论 -
JS引用类型
重新总结一遍,最近推荐vue给后端的小伙伴使用,涉及到引用对象的值一变全变的问题,比如说一个列表绑定的data数组,编辑某一条的表单数据的时候,直接取列表对象的话,在表单中值改变的同时,列表中的数据也跟着变了,这显然不是我们想要的。这个问题的原因就在于JS中的引用类型对象,于是有以下代码亲测结果:基本类型(Number,String)原创 2017-11-23 18:10:55 · 2262 阅读 · 0 评论