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}`

javascript 实现字符串反转的两种方法的更多相关文章

  1. javascript中字符串截取的两种方法

    var testStr = "hello kay!"; 1.substr testStr.substr(1)   ->ello kay! testStr.substr(1,4 ...

  2. Js 字符串拼接的两种方法

    字符串拼接的两种方法 用数组的方法的好处是:避免变量重新定义.赋值 <!DOCTYPE html> <html lang="en"> <head> ...

  3. Python 中格式化字符串 % 和 format 两种方法之间的区别

    Python2.6引入了 format 格式化字符串的方法,现在格式化字符串有两种方法,就是 % 和 format ,具体这两种方法有什么区别呢?请看以下解析. # 定义一个坐标值 c = (250, ...

  4. 趣味算法:字符串反转的N种方法(转)

    老赵在反对北大青鸟的随笔中提到了数组反转.这的确是一道非常基础的算法题,然而也是一道很不平常的算法题(也许所有的算法深究下去都会很不平常).因为我写着写着,就写出来8种方法……现在我们以字符串的反转为 ...

  5. Java实现字符串反转的8种方法

    /** * */ package com.wsheng.aggregator.algorithm.string; import java.util.Stack; /** * 8 种字符串反转的方法, ...

  6. JavaScript 区分中英文字符的两种方法: 正则和charCodeAt()方法

    正则无疑是最强大的判断各种条件的方法, 最近也在研习它, 虽然枯燥, 但仍有乐趣. 用它来判断一个双字节的中文字符也是轻而易举地. 而判断中文字符,  简单且执行效率高. regExpForm.onb ...

  7. javascript原型继承中的两种方法对比

    在实际的项目中,我们通常都是用构造函数来创建一个对象,再将一些常用的方法添加到其原型对象上.最后要么直接实例化该对象,要么将它作为父类,再申明一个对象,继承该父类. 而在继承的时候有两种常用方式,今天 ...

  8. Python实现字符串反转的几种方法

    面试遇到的一个特无聊的问题--- 要求:在Python环境下用尽可能多的方法反转字符串,例如将s = "abcdef"反转成 "fedcba" 第一种:使用字符 ...

  9. JavaScript模板引擎artTemplate.js——两种方法实现性别的判定

    template.helper(name, callback) name:必传,辅助事件的名称. callback:必传,辅助事件的回调函数. return:undefined 所谓的辅助事件,主要用 ...

随机推荐

  1. C#获取数据库连接字符

    有两种用法:1)using System.Configuraiton; string ConStr=ConfigurationManager.ConnectionStrings["ConSt ...

  2. 【Python3之pymysql模块】

    一.什么是 PyMySQL? PyMySQL 是在 Python3.x 版本中用于连接 MySQL 服务器的一个库,Python2中则使用mysqldb. PyMySQL 遵循 Python 数据库 ...

  3. [BZOJ2783/JLOI2012]树 树上倍增

    Problem 树 题目大意 给出一棵树,求这个树上的路径的数量,要求路径上的点权和等于s且路径的上每个点深度不同. Solution 这个题目可以用不少方法做. 首先,路径上每个节点的深度不同决定了 ...

  4. Dubbo Data length too large: 11557050, max payload: 8388608 传输数据超限

    com.alibaba.dubbo.remoting.transport.AbstractCodec.checkPayload() ERROR Data length too large: 11557 ...

  5. 常用PHP函数

    md5_file() 生成md5 $zip = new \ZipArchive(); if($zip->open($savepath.$key) === TRUE){ $zip ->ext ...

  6. 【Vue】详解Vue组件系统

    Vue渲染的两大基础方式 new 一个Vue的实例 这个我们一般会使用在挂载根节点这一初始化操作上: new Vue({ el: '#app' }) 注册组件并使用—— 全局注册 通过Vue.comp ...

  7. TypeScript--变量及类型的那些事儿

    变量(类型)声明 格式:关键字  变量名称:类型=值 (强类型)     /   关键字  变量名称=值 例子: Array数组声明   Tuple元组类型 声明一个包含多类型的数组: Enum枚举类 ...

  8. c++ vector(向量)使用方法详解(顺序访问vector的多种方式)

    来源:http://www.jb51.net/article/44231.htm 作者: 字体:[增加 减小] 类型:转载 时间:2013-12-08我要评论 vector是向量类型,它可以容纳许多类 ...

  9. Neo4j图数据库

    01. 图数据库 图数据库是专门存储和检索大量信息网络的存储引擎.它可以有效地将数据存储为节点和关系,并允许高性能检索和查询这些结构.属性可以添加到节点和关系.节点可以用零个或多个标签标注,关系总是定 ...

  10. apt-get命令失效

    1.linux体系区分 a.ded体系,例如debian系统.ubuntu系统.使用apt-get命令: 例如:sudo apt-get install apache2 b.rpm体系,例如redha ...