JS
文章平均质量分 87
归子莫
对什么都感兴趣的开发者。
展开
-
【JavaScript基础】看我如何解释函数防抖与函数节流
前端面试—函数防抖与函数节流博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!函数防抖(debounce)函数防抖,就是指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。简单的说,当一个动作连续触发,则只执行最后一次。举例打个比方,坐公交,司机需要等最后一个人进入才能关门。每次进入一个人,司机就会多等待几秒再关门。应用场景连续的事件,只需触发一次回调的场景有:搜索框原创 2020-09-22 12:24:14 · 375 阅读 · 2 评论 -
【JavaScript定时器小案例】常见的几种定时器实现的案例
(js)获取60秒倒计时在有时候我们需要获取短信验证码的时候需要设置60秒的时间来获取手机的验证码。js文件 //发送验证码 var countdown=60; function settime(obj) { if (countdown == 0) { obj.removeAttribute("disabled"); obj...原创 2020-02-28 20:00:30 · 923 阅读 · 0 评论 -
【JavaScript实用技巧(一)】循环遍历与跳出循环遍历
【JavaScript实用技巧(一)】循环遍历与跳出循环遍历文章目录【JavaScript实用技巧(一)】循环遍历与跳出循环遍历说明for类循环遍历数组1、for循环2、for...in循环3、forEach循环4、map遍历5、for...of遍历跳出循环for循环跳出循环forEach跳出循环博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!说明一想到想到循环,顺其自然就想到了for,while就在这里先不讲(因为本身它就原创 2021-10-24 23:17:05 · 599 阅读 · 0 评论 -
ES6 箭头函数你正确使用了吗
ES6 箭头函数你正确使用了吗文章目录ES6 箭头函数你正确使用了吗说明箭头函数一个简单箭头函数用法(三大如果)四大注意点箭头函数的this指向将ES6转成ES5不能作为构造函数不可以使用arguments对象箭头函数的好与坏博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!说明在ES6中允许使用“箭头”(=>)定义函数,所以在我们后续写代码的过程中出现的很多的箭头函数,因为真香!但是也带来的一些问题,灵魂拷问,你真的了原创 2021-07-14 19:19:07 · 329 阅读 · 0 评论 -
ES6 Promise对象--将异步代码像同步代码那些书写
ES6 Promise对象–将异步代码像同步代码那些书写文章目录ES6 Promise对象--将异步代码像同步代码那些书写简介特点对象的状态不受外界影响一旦状态改变,就不会再变,任何时候都可以得到这个结果优点与缺点优点缺点案例Promise实例Promise执行顺序异步加载图片案例Promise对象实现的 AjaxPromise错误处理博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!简介从语法上说,Promise 是一个对象原创 2021-07-06 22:27:39 · 328 阅读 · 1 评论 -
JS 使用try catch捕获异常
JS 使用try catch捕获异常文章目录JS 使用try catch捕获异常简介try catch finally使用异常处理的必要异常处理的场景try catch的注意点博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!简介前端是攻克客户的先锋,需要特别注意到用户体验。在开发中,由于各种问题,异常的出现时不可控的,所以需要对异常进行处理,优化用户体验。try catch finally使用**try**语句允许定义在原创 2021-07-03 11:34:19 · 1923 阅读 · 0 评论 -
ES6 赋值好能手——解构赋值
ES6 赋值好能手——解构赋值文章目录ES6 赋值好能手——解构赋值简介数组的解构报错情况Set也可以使用解构赋值默认值对象的解构赋值获取对象的方法模式与变量对象的解构赋值可继承对象解构赋值需要注意的几点字符串的解构赋值数值和布尔值的解构赋值解构赋值的规则函数参数的解构赋值圆括号问题不能使用圆括号的情况可以使用圆括号的情况解构赋值用途交换变量的值从函数返回多个值函数参数的定义取 JSON 数据函数参数的默认值遍历 Map 结构输入模块的指定方法博客说明文章所涉及的资料来自互联网整理和个人总结,意在原创 2021-07-01 23:42:02 · 155 阅读 · 1 评论 -
ES6 块级作用域解决的一些问题
ES6 块级作用域解决的一些问题文章目录ES6 块级作用域解决的一些问题简介问题一:内层变量覆盖外层变量问题二:在for循环中的循环变量泄漏为全局变量ES6的块级别作用域函数声明函数表达式和函数声明作用域的标识博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!简介在ES5中没有块级作用域,这出现了许多的问题,ES6中新增了块级作用域问题一:内层变量覆盖外层变量由于使用var声明的变量,存在变量提升,在内层的tmp会覆盖掉外原创 2021-07-01 09:47:38 · 321 阅读 · 0 评论 -
JSON的介绍
JSON的介绍博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!简介JSON: JavaScript Object Notation(JavaScript 对象表示法)JSON 是存储和交换文本信息的语法。类似 XML。JSON 比 XML 更小、更快,更易解析。语法JSON 语法是 JavaScript 对象表示语法的子集。数据在名称/值对中数据由逗号分隔大括号保存对象中括号保存数组JSON 与 XMLJ原创 2020-07-15 16:07:50 · 560 阅读 · 0 评论 -
Js--字符串拼接/连接
Js--字符串拼接/连接博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!说明在开发的过程中很容易遇到字符串连接的问题,下面列举三种方法使用加号运算符连接字符串最简便的方法是使用加号运算符。使用加号运算符连接两个字符串var s1 = "abc" , s2 = "def";console.log(s1 + s2); //返回字符串“abcdef”使用concat()方法使用原创 2020-06-10 23:28:19 · 941 阅读 · 0 评论 -
Js--使用sort根据数组中对象的某一个属性值进行排序
Js--使用sort根据数组中对象的某一个属性值进行排序博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!说明在开发的时候时常会遇到这样的问题思路c = [{create_time: "Mon, 25 May 2020 00:00:00 GMT", flag: 0, id: 1, message: "你好"}{create_time: "Mon, 25 May 2020 01原创 2020-05-28 12:11:51 · 2268 阅读 · 0 评论 -
Js--将两个数组合并
Js--将两个数组合并博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!方法一使用concatvar a = [1,2,3];var b = [4,5,6];var c = a.concat(b);//c=[1,2,3,4,5,6];方法二使用循环for(let i in b){ a.push(b[i])}方法三使用applya.push.apply(a,b);建议在合并数组的时候,可以首先判断数组原创 2020-05-28 11:53:24 · 1190 阅读 · 0 评论 -
parseInt---解析字符串
parseInt—解析字符串博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!简介是Javascript内置函数,原型为parseInt ( String s , [ int radix ] ),用于解析一个字符串,并返回一个整数。使用parseInt(string, radix)参数描述st...原创 2020-03-15 21:36:07 · 850 阅读 · 0 评论 -
Handlebars---前端引擎模版
Handlebars—前端引擎模版博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!简介Handlebars 是 JavaScript 一个语义模板库,通过对view和data的分离来快速构建Web模板。它采用"Logic-less template"(无逻辑模版)的思路,在加载时被预编译,而不是到了客户端执行到代码时再...原创 2020-03-15 21:20:06 · 335 阅读 · 0 评论 -
module.export跟exports的区别
module.export跟exports的区别返回的数据类型module.exports 方法还可以单独返回一个数据类型(String、Number、Object…),而 exports 只能返回一个 Object 对象职能不同所有的 exports 对象最终都是通过 module.exports 传递执行,因此可以更确切地说,exports 是给 module.exports 添加属性...原创 2020-03-14 17:08:05 · 1024 阅读 · 0 评论 -
AMD、CMD、CommonJs和ES6对比
AMD、CMD、CommonJs和ES6对比AMD是由RequireJs在推广的过程中对模块定义的规范化产出AMD的全称是Asynchronous Module Definition,即异步模块加载机制,完整描述了模块的定义,依赖关系,引用关系以及加载机制define(['package/lib'], function(lib){ function foo(){ lib.log(...原创 2020-03-14 17:01:55 · 339 阅读 · 0 评论 -
var和let关键字的比较
var和let关键字的比较说明let是es6新增的关键字有效区域let 是在代码块内有效,var 是在全局范围内有效:{ let a = 0; var b = 1; } a // 此时报错ReferenceError: a is not defined b // 此时输出1重复声明let 只能声明一次 var 可以声明多次let a = 1; let a = ...原创 2020-03-14 16:18:41 · 437 阅读 · 0 评论 -
ES6 中的let 与 const关键字
ES6 中的let 与 const关键字简介let和const是es6新增加的两个关键字let关键字用法let 声明的变量只在 let 命令所在的代码块内有效,不能重复声明{ let a = 0; a //此时输出 0 } a // 此时报错 ReferenceError: a is not definedconst关键字const 声明一个只读变量,声明之...原创 2020-03-14 16:04:45 · 394 阅读 · 0 评论 -
es6简介
es6简介简介ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版。是JavaScript重大改变历史1997 年 ECMAScript 1.0 诞生。1998 年 6 月 ECMAScript 2.0 诞生,包含一些小的更改,用于同步独立的 ISO 国际标准。1999 年 12 月 ECMAScript 3.0诞生,它是...原创 2020-03-14 15:54:47 · 353 阅读 · 0 评论 -
layui使用表格的时候在表格里面显示图片
layui使用表格的时候在表格里面显示图片首先我们需要自定义模版写一个图片的模版,并且在layui的表格里面声明它。<script type="text/html" id="imgtmp"> <img src="{{ d.img_url}}"></script><style type="text/css"> .layui-...原创 2020-03-03 15:09:44 · 1351 阅读 · 4 评论 -
Layui调用上传图片接口的时候页面刷新了
Layui调用上传图片接口的时候页面刷新了在调用上传图片的接口的时候,表单的数据全部被清空了,页面刷新,解决的办法是在button标签加上类型,type=“button”,就不会识别为表单提交了。 <button class="layui-btn" id="test1" type="button">上传图片</button>...原创 2020-03-02 17:42:41 · 1198 阅读 · 1 评论 -
【JavaScript使用技巧】三个截取字符串中的子串,你用的哪个
js截取字符串中的一部分1、slice() 截取stringObject.slice(start, end)start(必需):规定从何处开始选取。如果是负数,那么它规定从字符串尾部开始算起的位置。end(可选):规定从何处结束选取,即结束处的字符下标。如果没有指定该参数,那么截取的字符串包含从 start 到结束的所有字符。如果这个参数是负数,那么它规定的是从数组尾部开始算起的字符。...原创 2020-03-01 17:25:13 · 26900 阅读 · 2 评论 -
【JavaScript实用技巧(二)】Js操作DOM(由问题引发的文章改版,新人大佬都可)
js获取input标签里面的值有的时候我们需要获得在input里面的一些值,比如在发送手机验证码的时候,首先在html里面写以下的代码<input type="text" name="name" id="phone" /> 在js里面添加var phone = document.getElementById("phone").value;...原创 2020-02-28 19:53:38 · 2557 阅读 · 0 评论 -
【JavaScript基础】Js的定时器(你想看的原理也在哟)
JS定时器一次性定时器使一段代码在指定时间后运行window.setTimeout(函数名,时间);重复性定时器可以使一段代码每过指定时间就运行一次window.setInterval(函数名,时间);消除定时器定时器清除的方法:clearTimeout(obj)和clearInterval(obj)。要清除定时器,就必须在用定时器的时候,定义一个变量来记录定时器的返回值使用和...原创 2020-02-07 22:15:51 · 297 阅读 · 0 评论