JavaScript
MoYoon
与天斗其乐无穷!与地斗其乐无穷!与人都其乐无穷!
展开
-
ES6新特性篇之解构赋值(Destructuring)及在项目实际中的应用
ES6新特性篇之解构赋值(Destructuring)及在项目实际中的应用简介一、对象的解构1.**基本赋值**2.**无声明赋值**3.**给新的变量名赋值**4.**默认值**5.**给新的变量命名并提供默认值**6.对象属性计算名和解构二、数组的解构1.基本用法2.左右两边都是变量3.**默认值**4.**交换变量**5.**忽略某些返回值**6.**将剩余数组赋值给一个变量**三、函数中的解构1.基本用法2.在es6箭头函数中的用法四、vue项目实战中应用1.对象合并属性及提取变量2.在实际项目中i原创 2020-06-05 11:05:51 · 854 阅读 · 0 评论 -
JavaScript面试篇之正则表达式:“get-element-by-id”如何转化成驼峰,常用邮箱、身份证、QQ号等信息如何校验等等
JavaScript面试篇之正则表达式:如何校验邮箱、身份证等信息;前言一、简介二、匹配规则三、正则截取、替换字符串四、正则校验字符串场景(一)、校验数字(二)、校验字符(三)、实际中特殊场景前言一、简介正则表达式(Regular Expression)是一种文本模式,用于匹配字符串。其包括普通字符(例如,a 到 z 之间的字母)和特殊字符(称为"元字符")。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。二、匹配规则三、正则截取、替换字符串四、正则校验字符串场景(一)、原创 2020-06-04 15:37:53 · 1027 阅读 · 0 评论 -
JavaScript终极面试题之字符串:“105”大于“44”吗,“123b”转Number为多少,slice、substring、substr可以传负数吗等等
JavaScript常踩字符串误区:"105">"44"是false,"123b"转Number为NaN等等一、字符串的比较二、字符串转Number三、字符串相加减四、字符串截取、替换等常见操作1.截取2.替换3.对象转字符串4.字符串正则5.转译场景一、字符串的比较二、字符串转Number三、字符串相加减四、字符串截取、替换等常见操作1.截取2.替换3.对象转字符串4.字符串正则5.转译场景...原创 2020-05-29 11:15:47 · 823 阅读 · 0 评论 -
JS加法运算全解析
JS加法运算全解析夏知更关注0.0592018.08.14 21:22:11字数 2,554阅读 3,879终极命题:在JS中:[]+[]、[]+{}、{}+[]、{}+{}的结果分别是什么?一、JS中的类型基本类型 JS的基本类型包括Undefined、Null、Boolean、Number和String五种。Undefined类型和Null类型的都只有一个值,即undefined和null;Boolean类型有两个值:true和false;Number类型的值有很多很多;St转载 2020-05-27 10:38:05 · 3355 阅读 · 0 评论 -
JavaScript终极面试题:null == undefined、[]+{}、{}+{}等结果多少呢?看完遍打通了奇经八脉任何对象的运算都会了
介绍‘==’和‘===’的区别,以及两者实现的本质,及项目开发实际中遇到的误区原创 2020-05-26 16:06:28 · 551 阅读 · 0 评论 -
兼容各种浏览器常用的原生js工具类:获取浏览器滚动条宽高、事件、局部打印等等
web前端之浏览器——兼容各种浏览器常用的原生js工具类一、获取浏览器可见域的宽高(不包括滚动条和被卷去)二、事件的添加与移除三、获取滚动条宽一、获取浏览器可见域的宽高(不包括滚动条和被卷去)ieE<=8 不支持innerWidth和innerHeight属性,ie6支持document.documentElement.clientHeight,其他ie版本用document.body.clientHeightexport function getWinHeight() { var win原创 2020-05-25 15:42:45 · 350 阅读 · 0 评论 -
vue.js进阶之路——传值方式总结
vue.js进阶之路——传值方式总结一、父子组件之间传值(一)、父传子1.props2.$refs(二)、子传父1.$emit2.$parent二、兄弟组件之间传值(一)、通过同一个父类(二)、通过事件机制三、嵌套更深组件之间传值(一)、全局变量(二)、vuex(三)、$bus总线(四)、localStorage、cookie、sessionStorage四、页面之间传值(一)、route(二)、...原创 2020-04-22 11:08:08 · 600 阅读 · 0 评论 -
vue之项目实战elementUI经验之谈
vue之项目实战elementUI经验之谈vue项目编译搭建一、babel预编译1.导出模块报错vue项目编译搭建一、babel预编译1.导出模块报错编译module.exports.default = *** 报错方案解决:...原创 2020-04-21 14:46:06 · 1155 阅读 · 0 评论 -
前端原生js单文件和多文件下载方式及兼容性总结
前端原生js单文件和多文件下载方式及兼容性总结原创 2019-07-20 13:57:18 · 238 阅读 · 0 评论 -
JavaScript基本知识——this指向、全局变量和匿名函数作用域
JavaScript基本知识——变量作用域一、this指向作用域二、全局变量三、匿名函数一、this指向作用域var title="world";var a={ alias:this.title, title:"hello", show:function(){ console.log(this.title); console.log(this.alias); }, disp...原创 2019-03-31 23:02:40 · 534 阅读 · 0 评论 -
玩转javascript异步编程
一般知道,js脚步语言的执行环境是单线程的,就是它会等一个任务完成,才会进行第二个任务,然后一直向下进行,这样的执行环境简单,但是处理不了复杂的运用,当一个请求需要非常旧的时间的时候,下一个流程就会被搁浅,如果长时间得不到反馈,进程就这样的奔溃了。为了解决这个硬性需求,Javascript语言提出了二种语言模式: 同步(Synchronous)和 异步 (Asynchronous)。异步的...转载 2019-04-03 19:59:24 · 140 阅读 · 0 评论 -
javascript基本知识——异步,并发Promise,Generator,Await
javascript基本知识——异步,并发Promise,Generator,Await原创 2019-04-03 20:01:04 · 177 阅读 · 0 评论 -
JS计算两个日期时间差,天 小时 分 秒格式
JS计算两个日期时间差,天 小时 分 秒格式 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 ...转载 2019-04-29 16:20:18 · 4453 阅读 · 0 评论 -
JavaScript基本知识——学习笔记之数组api总结
JavaScript基本知识之数组api总结概述数组的兼容性ES3支持Array对象的方法属性ES5支持Array对象的方法属性ES6支持Array对象的方法属性数组方法是否改变原数组或返回新数组一、改变原数组的方法二、返回新数组的方法三、其他数组方法的使用场景一、伪数组转化为数组二、数组的去重概述自从IE6、火狐2、谷歌1浏览器之后的版本都支持es3语法,而ES5在2009年发布后,所有现代...原创 2019-03-16 16:52:25 · 669 阅读 · 0 评论 -
javascript基础知识学习笔记——五种方法判断变量类型
javascript基础知识学习笔记——判断变量类型概述一、判断变量的类型用typeof二、instandof三、构造器四、api五、tostring概述熟悉面向对象变成语言像java、c++、Dot Net的,了解这些语言对变量的命名时都需要声明变量是那种类型,若对变量赋予另一种类型对象时,程序在编译时会产生error,我们反观javascript,使用var variable变量时并没有声...原创 2019-03-17 18:56:02 · 1190 阅读 · 1 评论 -
JavaScript前端面试题基于vue
2019年JavaScript前端面试题一、简答题二、选择题三、编程题一、简答题vue-router二、选择题三、编程题以下程序输出结果 for(let i=0;i<5;i++){ setTimeout(function(){ console.log(i) },1000) } for(var i=0;i<5;i++){ setTimeou...原创 2019-03-21 10:30:40 · 283 阅读 · 0 评论 -
JavaScript基本知识——初识__proto__、prototype、原型链
JavaScript基本知识——初识__proto__、prototype、原型链一、基本概念二、应用场景一、基本概念在JavaScript中变量类型分为两大类基本类型和引用类型,而基本类型中除Undefined、Null外都有相对应的对象类型,因为这两个在javascript中表示“无”,可参考阮一峰的日志。所有的对象类型都是Object的实例,Object.prototype属性和方法可以...原创 2019-03-26 13:31:25 · 230 阅读 · 0 评论 -
JavaScript进阶篇之高级程序设计
JavaScript高级程序设计一、ECMAScript二、文档对象模型(DOM)(一)、getBoundingClientRect三、浏览器对象模型(BOM)一、ECMAScript二、文档对象模型(DOM)(一)、getBoundingClientRectgetBoundingClientRect()用于获取某个元素相对于视窗的位置对象。对象中有top, right, bottom, ...原创 2019-05-09 15:50:10 · 394 阅读 · 0 评论 -
JS魔法堂:函数节流(throttle)与函数去抖(debounce)
JS魔法堂:函数节流(throttle)与函数去抖(debounce)一、前言 以下场景往往由于事件频繁被触发,因而频繁执行DOM操作、资源加载等重行为,导致UI停顿甚至浏览器崩溃。 1. window对象的resize、scroll事件 2. 拖拽时的mousemove事件 3. 射击游戏中的mous...转载 2019-05-08 10:10:50 · 118 阅读 · 0 评论