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 · 462 阅读 · 0 评论 -
JavaScript面试篇之正则表达式:“get-element-by-id”如何转化成驼峰,常用邮箱、身份证、QQ号等信息如何校验等等
JavaScript面试篇之正则表达式:如何校验邮箱、身份证等信息;前言一、简介二、匹配规则三、正则截取、替换字符串四、正则校验字符串场景(一)、校验数字(二)、校验字符(三)、实际中特殊场景前言一、简介正则表达式(Regular Expression)是一种文本模式,用于匹配字符串。其包括普通字符(例如,a 到 z 之间的字母)和特殊字符(称为"元字符")。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。二、匹配规则三、正则截取、替换字符串四、正则校验字符串场景(一)、原创 2020-06-04 15:37:53 · 776 阅读 · 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 · 601 阅读 · 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 · 3274 阅读 · 0 评论 -
JavaScript终极面试题:null == undefined、[]+{}、{}+{}等结果多少呢?看完遍打通了奇经八脉任何对象的运算都会了
介绍‘==’和‘===’的区别,以及两者实现的本质,及项目开发实际中遇到的误区原创 2020-05-26 16:06:28 · 299 阅读 · 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 · 270 阅读 · 0 评论 -
javascript设计模式篇之工厂设计模式
javascript设计模式篇之工厂设计模式一、简介二、设计思路1.工厂函数的实现2. 工厂类的实现三、案例1.vue项目开发实例2.elementUI框架实例一、简介JavaScript是一门弱类型语言,一种 解释性脚本语言,无需编译即可以运行,它的特征是抽象、封装、继承、多态。而工厂设计模式体现了封装的特性,通过关键词new实现了同一封装,抽象出具体一类事物。二、设计思路对象的封装,通过工厂设计模式实现创建1.工厂函数的实现通过函数创建对象的私有变量,或者说对象的具体特征,通过原型链prot原创 2020-05-21 15:47:29 · 182 阅读 · 0 评论 -
web前端之浏览器篇——知识汇总
web前端之浏览器: 知识汇总一、URL到页面**准备阶段: **输入URL,Enter进入查找浏览器在本地查找host文件,匹配对应的IP; 找到返回浏览器并缓存没有,则进入路由查找; 找到返回浏览器并缓存再没有,再进入公网DNS根目录 ; 找到返回浏览器并缓存进入,等待发送请求,建立tcp/ip 传输连接,若没有等候的请求,则直接发送**服务器阶段: **根据请求,查找数据,返回数据渲染阶段:逐行解析HTML, 遇到同步的请求代码,则发送数据请求,cssLi.转载 2020-05-20 15:43:17 · 420 阅读 · 0 评论 -
web前端之浏览器篇——compatMode混杂模式和标准模式
web知识浏览器篇之compatMode混杂模式和标准模式一、介绍二、compatMode兼容性三、区别一、介绍浏览器解析文档时会按document.compatMode属性来渲染。其值是个枚举值,如下:“BackCompat”:怪异模式,也称混杂模式“CSS1Compat”:标准模式或者准标准模式。另外,准标准模式已和标准模式相同,两者已被标准模式代替。二、compatMode兼容性具体兼容浏览器版本如下:三、区别IE对css样式盒模型的渲染在 Standards Mode和Quir原创 2020-05-20 15:35:56 · 798 阅读 · 0 评论 -
箭头函数与普通函数的区别
箭头函数与普通函数的区别箭头函数:let fun = () => { console.log('lalalala');}普通函数:function fun() { console.log('lalla');}箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种只包含一个表达式,连{ ... }和return都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ ... }和return。箭头函数是匿名函数,不能作为构造函数,不能使用ne转载 2020-05-19 15:52:35 · 164 阅读 · 0 评论 -
vue之项目实战elementUI经验之谈
vue之项目实战elementUI经验之谈vue项目编译搭建一、babel预编译1.导出模块报错vue项目编译搭建一、babel预编译1.导出模块报错编译module.exports.default = *** 报错方案解决:...原创 2020-04-21 14:46:06 · 775 阅读 · 0 评论 -
javascript进阶之路——深度拷贝
javascript进阶之路——深度拷贝一、深度拷贝妙用二、深度拷贝方法(一)Object.assign一、深度拷贝妙用二、深度拷贝方法(一)Object.assignObject.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。详情请参考这个...原创 2019-05-07 13:52:40 · 144 阅读 · 0 评论