随笔分类 - javascript
摘要：每个Number的toFixed()方法可把 Number 四舍五入为指定小数位数的数字。四舍五入顾名思义，4及以下舍去，5及以上加1。 四舍 1 2 3 4 1.31.toFixed(1) // 1.3 1.32.toFixed(1) // 1.3 1.33.toFixed(1) // 1.3 1
阅读全文
摘要：将st，nd，rd和th（普通）后缀添加到数字 st与以1结尾的数字一起使用（例如1st，首先发音） nd与以2结尾的数字一起使用（例如，第92个，发音为90秒） rd与以3结尾的数字一起使用（例如33rd，发音为三十三） 作为上述规则的例外，所有以11、12或13结尾的“青少年”数字都使用-th（
阅读全文
摘要：JavaScript toLocaleString() 方法 定义和用法一 toLocaleString() 方法可根据本地时间把 Date 对象转换为字符串，并返回结果。 实例 根据本地时间把 Date 对象转换为字符串： var d=new Date(); var n=d.toLocaleStr
阅读全文
摘要：FormData上传文件 一、创建对象：创建一个FormData对象实例1、常用的创建 let formData = new FormData(); 2、vue中的创建 let formData = new window.FormData(); 3、在表单的基础上创建 <form id="fromC
阅读全文
摘要：Javascript删除数组里的某个元素 删除数组中的某个元素，首先需要确定需要删除元素的索引值。 Array.prototype.indexOf = function (val) { for(var i = 0; i < this.length; i++){ if(this[i] == val){
阅读全文
摘要：js数组遍历和对象遍历 针对js各种遍历作一个总结分析，从类型用处：分数组遍历和对象遍历；还有性能，优缺点等。 JS数组遍历： 1，普通for循环，经常用的数组遍历 var arr = [1,2,0,3,9]; for ( var i = 0; i <arr.length; i++){ consol
阅读全文
摘要：封装Promise与定时器demo 问：封装一个函数，参数是定时器的时间，.then执行回调函数。 答：（这个函数是promise）下面封装promise // 封装 function fn(time) { return new Promise(function(resolve){ setTimeo
阅读全文
摘要：前言 你真的了解回调我们已知道回调函数是必须得依赖另一个函数执行调用,它是异步执行的,也就是需要时间等待,典型的例子就是Ajax应用,比如http请求,在不刷新浏览器的情况下,当你执行DOM事件时,比如页面上点击某链接,回车等事件操作,浏览器会悄悄向服务端发送若干http请求,携带后台可识别的参数,
阅读全文
摘要：javascript总for of和for in的区别？ 先说结论： 推荐在循环对象属性的时候，使用for...in,在遍历数组的时候的时候使用for...of。 for...in循环出的是key，for...of循环出的是value 注意，for...of是ES6新引入的特性。修复了ES5引入的f
阅读全文
摘要：回调函数 回调函数就是一个通过函数指针调用的函数。如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用来调用其所指向的函数时，我们就说这是回调函数。回调函数不是由该函数的实现方直接调用，而是在特定的事件或条件发生时由另外的一方调用的，用于对该事件或条件进行响应。 回调是任何一个被以方法
阅读全文
摘要：匿名函数 匿名函数它是matlab中定义的一种函数形式，出现在matlab中，匿名函数不以文件形式驻留在文件夹上；他的生成方式最简捷，可在指令窗或任何函数体内通过指令直接生成。 匿名函数的作用主要是实现自己定义matlab中的函数，从而扩大函数的使用功能 顾名思义，匿名函数就是没有实际名字的函数。例
阅读全文
摘要：闭包函数 闭包是ECMAScript （JavaScript）最强大的特性之一，但用好闭包的前提是必须理解闭包。闭包的创建相对容易，人们甚至会在不经意间创建闭包，但这些无意创建的闭包却存在潜在的危害，尤其是在比较常见的浏览器环境下。如果想要扬长避短地使用闭包这一特性，则必须了解它们的工作机制。而闭包
阅读全文
摘要：JavaScript中的this到底是怎样的？ this是困惑JavaScript开发者的一大‘毒瘤’，在开发过程中，但凡用到this的时候，我们都会很头疼，那么这个this在JavaScript中到底是怎么样的？身为一个前端coder，这是一个避不开的话题。 经典代码 下面，我们先开看一段社区里面
阅读全文
摘要：看了很多关于isPrototypeOf和instanceOf的区别感觉细细理解下来还是MDN上介绍的比较清楚： 他们做同样的事情，两个遍历原型链寻找其中的特定对象 isPrototypeOf() 方法用于测试一个对象是否存在于另一个对象的原型链上。 语法： prototypeObj.isProtot
阅读全文
摘要：JS中深拷贝与浅拷贝的区别，实现深拷贝的几种方法 如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。 此篇文章中也会简单阐述到栈堆，基本数据类型与引用数据类型，因为这些概念能更好的让
阅读全文
摘要：call、apply和bind方法的用法以及区别 call、apply、bind的作用是改变函数运行时this的指向，所以先说清楚this。 以下是函数的调用方法： 当一个函数被保存为对象的一个方法时，如果调用表达式包含一个提取属性的动作，那么它就是被当做一个方法来调用，此时的this被绑定到这个对
阅读全文
摘要：jq的$(function(){})与window.onload的区别 最近一直在研究jq的源码，书写jq的代码我们通常会包裹在一个$(function(){})函数中，jq的$(function(){})也就是$(document).ready(function(){})的简写，与之对应的原生js
阅读全文
摘要：JavaScript中变量提升是语言设计缺陷 JavaScript中变量提升是语言设计缺陷 首先纠正下，文章标题里的 “变量提升” 名词是随大流叫法，“变量提升” 改为 “标识符提升” 更准确。因为变量一般指使用 var 声明的标识符，JS 里使用 function 声明的标识符也存在提升（Hois
阅读全文
摘要：js实现轮播图 实现一个轮播图还是不难的，大体思路： 先创建一个div，限定其宽度和高度，overflow：hidden，且设置其position为relative。然后创建一个装图片的div，宽度为所有图片的总宽度，且设置其position为absolute，并且使其中的内容浮动，这样所有的图片就
阅读全文