NaN的判断

在js里面 NaN==NaN 是返回false的
怎么判断NaN呢 用isNaN(NaN) true!!
ps: Number.isNaN 和 isNaN 有什么区别呢?
  isNaN 是带隐式类型转换的,Number.isNaN是不做转换的

字符与ascll码

//获取ascill码
'a'.CharCodeAt(); //从ascill获取字符
String.fromCharCode(97); //"a"

ps:'a'只是个原始数据类型不是个对象,怎么可以有自己的属性(例如CharCodeAt),其实JS引擎会先对原始数据类型数据进行包装  new String("a")  使它暂时成为一个对象

判断对象是否有某属性

//in 注意:in是会查原型链的
"a" in {a:123} //true //hasOwnProperty 只会查自身的属性
var a = {a:123, [Symbol(666)]: 777};
a.hasOwnProperty('a'); //true;
Object.getOwnPropertyNames(a); // ['a']
Object.getOwnPropertySymbols(a); // [Symbol(666)]

ps:Object是个函数,为什么也会有hasOwnProperty这个属性呢?其实函数也是对象,也可以往函数上添加属性,例如:

function aaa(){};
aaa.bbb = 123;
aaa.bbb //

缩放元素的纯CSS方法

zoom和scale的区别请看:http://www.cnblogs.com/amiezhang/p/7772813.html

/*zoom放大两倍,会影响布局,导致回流重绘*/
zoom: 2; /*scale放大两倍,不会影响布局,只会导致重绘*/
transform: scale(2);

(function(){}).length

function的length属性可以获取形参的个数

(function(){}).length  //
(function(a,b,c){}).length //

node.cloneNode(deep)

如果传递给deep的参数是 true,复制当前节点的所有子孙节点。否则,它只复制当前节点。

<ul id="aaa">
<li>123</li>
</ul> <script>
let ul = document.getElementById('aaa');
ul.cloneNode();/*<ul id="aaa"></ul>*/
ul.cloneNode(true);
/*
<ul id="aaa">
<li>123</li>
</ul>
*/
</script>

URL编码

encodeURIComponent('http://www.taobao.com'); //"http%3A%2F%2Fwww.taobao.com"

transitionend事件

ul.addEventListener('transitionend',function(){
alert('css3的transition多度动画完了')
},false)

这是css3动画和js实现交互的一个方法,如果要多次用,记得removeEventListener

十五、阻止冒泡

// cancelbubbel 基本兼容,但不是w3c标准
ev.cancelBubble = true; //stopPropagation IE9+
ev.stopPropagation();
ev.stopImmediatePropagation();

怎么看待json

数据结构来看

1.txt----------不标准,没有

2.csv---------有标准格式(逗号分隔,可以在excel打开),但是无法支持复杂数据结构

3.xml---------有标准格式,但是体积大,前端使用还要解析后才能用

4.数据库-----性能瓶颈,前端不能直接使用

5.二进制-----性能高、体积小、速度快,但是不适合大部分语言处理,包括js

6.json---------有标准格式,性能较高,体积较小,前端不需要进行解析就能直接使用

不用toLowerCase怎么把一句英文的全部字母,全部变成小写?

let str = "ThIS Is a tEsT";
str.replace(/\w/g, (item) => {
let code = item.charCodeAt()
if(code<) {
code +=
}
return String.fromCharCode(code)
})

变量提升

var aaa = 123;
function bbb() {
console.log(aaa);
if (true) {
// var aaa = 456; // 这种情况,上面打印aaa是undefined
let aaa = 456; // 这种情况,上面打印aaa是123
}
}
bbb()
var a = 123;
function a() {
console.log(a)
}
a(); // 报错 a is not a function,因为 function 提升优先级高,a = 123覆盖了function a,导致 a =123 a(); // 打印出 function a, 因为 function 提升优先级高,var a 发现 a已经被定义,就跳过提升定义,此时a还没被覆盖成123,a还是个函数
var a = 123;
function a() {
console.log(a)
}

暂时性死区

console.log(a); // 报错,因为暂时性死区
let a = 123; console.log(aaa); // 报错,因为暂时性死区
class aaa {}

阻碍 function 提升

console.log(aaa) // 打印 undefined,阻碍了function提升的赋值部分,但是没有阻碍定义部分
if (true) {
function aaa() {}
}

new.target

作为构造函数时,可以获取本身。用于区分函数是否作为构造函数使用。

function test() {
console.log(new.target)
} test(); // undefined
new test(); // f test() {....}

super.xxx

super等效于this.__proto__,但是super不能单用,一定后面跟"."或者中括号,否则语法抛错。

let a = {
test() {
console.log(super.name)
}
}
a.__proto__ = {name:"b"} a.test(); // "b"

函数 调用参数模板

function test() {
console.log(arguments)
} test `a${1}b${2}c${3}`

js题目小记的更多相关文章

  1. 一道原生js题目引发的思考(鼠标停留区块计时)

    我瞎逛个啥论坛,发现了一个题目,于是本着练手的心态就开始写起来了,于是各种问题接踵而至,收获不小. 题目是这样的: Demo: mouseenter与mouseover区别demo 跨浏览器的区块计数 ...

  2. js 内存小记

    其实不知道怎么起这篇blog的题目了 其实只要涉及的内容是内存泄漏的问题,也有内存管理的一些知识,把学习的过程拿来分享 垃圾回收机制 js具有自动的垃圾收集机制,它会找出那些不在继续使用的变量然后释放 ...

  3. 阿里巴巴Web前端面试的一道JS题目,求解答!!!

    题目大概是这种: function outer(){ return inner; var inner = "a"; function inner(){}; inner = 9; } ...

  4. 【转】外国朋友出的js题目,你能对几道

    原文地址 http://perfectionkills.com/javascript-quiz/ 中文地址加解释:by Aaron:http://www.cnblogs.com/aaronjs/p/3 ...

  5. 那些年坑爹的JS题目

    真是让人疑惑的基础.又是一堆奇怪的题目. 题目一. 应该是关于作用域的 function test(n) { this.x = n; return this; } var x = test(1); v ...

  6. JS题目

    1.请你谈谈Cookie的弊端 cookie虽然在持久保存客户端数据提供了方便,分担了服务器存储的负担,但还是有很多局限性的. 第一:每个特定的域名下最多生成20个cookie 1.IE6或更低版本最 ...

  7. js this小记

    在JavaScript中,this 对象是在函数被调用时动态定义的. JS中有三种方法来设置this对象: someThing.someFunction(arg1, arg2, argN) someF ...

  8. 记录一道有意思的js题目

    偶然机会,在codewars上面开始做题,遇到一道有意思的题目,记录一下: 题目是这样的: In this kata, you will write a function that returns t ...

  9. js事件小记

    参考javascript编程全解  javascript高级程序设计 javascript经典实例 对事件的处理方式称为事件处理程序或事件侦听器 ,对于一个元素或事件,只能设定1个事件处理程序,却可以 ...

随机推荐

  1. 使用thinkphp框架实现Excel导入数据库

    之前讲过php实现Excel导出数据库的随笔,链接:https://www.cnblogs.com/nuanai/p/6727711.html 之前的项目用到较多的就是Excel导出,现在用到了Exc ...

  2. git心得与总结

    任何文件在Git库中都有四种状态:未跟踪状态untracked.跟踪状态tracked(未修改状态unmodified.已修改状态modified.暂存状态staged),由于文件的上述四种状态,在使 ...

  3. shiro课程的学习

    1.shiro的课程目标 (1)shiro的整体框架 各组件的概念 (2)shiro 认证 授权的过程 (3)shiro自定义的Reaml Filter (4)shiro session 管理 (5) ...

  4. 【转】使用screw plus对PHP源码加密

    运行环境 ubuntu 14.04 php 5.6 源码地址 https://github.com/del-xiong/screw-plus http://git.oschina.net/splot/ ...

  5. mybatis 框架网站

    http://www.mybatis.org/mybatis-3/zh/index.html

  6. Golang 数组、切片、映射

    定义数组 var arr1 [5]int //整型类型 fmt.Println(arr1) //[0 0 0 0 0] //赋值 arr1 = [5]int{1, 2, 3, 4, 5} fmt.Pr ...

  7. Docker(二十七)-Docker 清理占用的磁盘空间

    1. docker system命令 docker system df命令,类似于Linux上的df命令,用于查看Docker的磁盘使用情况: docker system dfTYPE TOTAL A ...

  8. 浏览器的F5和Ctrl+F5

    在浏览器里中,按F5键和按F5同时按住Ctrl键(简称Ctrl+F5),效果是不同,到底两者有什么区别呢? 假如我第一次访问过http://localhost/home,这个网页是个动态网页,每次访问 ...

  9. 其他数据库的restful方式

    1. mysql 的 xmysql https://blog.csdn.net/dev_csdn/article/details/78480522 2. Oracle 的ORDS https://bl ...

  10. [日常工作]WorkStation 使用端口转发的方式使用宿主机IP地址提供服务

    1. 虚拟机内的地址如果经常变化,或者是想使用宿主机进行网络服务 但是又不想有人能够访问具体的服务器提供机器.. 可以使用宿主机转发虚拟机的端口的方式来进行处理. workstation 比较好实现 ...