编写清晰易懂 Javascript 代码的15条规则 Javan JavaScript 24 天前 86 0 1 我猜屏幕前的你应该是 React、Vue 或者 Node.js 的开发者吧。你可以编写业务代码并让他们无误的跑起来。不过你能编写出视觉美观并可被他人理解的代码么? 今天我们将了解一些使你的 JavaScript 代码干净整洁的小规则…
编写清晰易懂 Javascript 代码的15条规则 Javan JavaScript 24 天前 86 0 1 我猜屏幕前的你应该是 React、Vue 或者 Node.js 的开发者吧。你可以编写业务代码并让他们无误的跑起来。不过你能编写出视觉美观并可被他人理解的代码么? 今天我们将了解一些使你的 JavaScript 代码干净整洁的小规则…
学习Javascript之模拟实现bind Javan JavaScript 2020年12月9日 106 0 2 bind和call,apply的作用类似,都是用来更改函数的this值的,不同的是,call和apply会直接把函数执行,但bind会返回一个函数,我们称之为绑定函数: function foo(b = 0) { console.l…
学习Javascript之模拟实现bind Javan JavaScript 2020年12月9日 106 0 2 bind和call,apply的作用类似,都是用来更改函数的this值的,不同的是,call和apply会直接把函数执行,但bind会返回一个函数,我们称之为绑定函数: function foo(b = 0) { console.l…
学习Javascript之模拟实现new Javan JavaScript 2020年12月9日 103 0 2 new是JS中的一个关键字,用来将构造函数实例化的一个运算符。例子: function Animal(name) { this.name = name; } Animal.prototype.sayName = function()…
学习Javascript之模拟实现new Javan JavaScript 2020年12月9日 103 0 2 new是JS中的一个关键字,用来将构造函数实例化的一个运算符。例子: function Animal(name) { this.name = name; } Animal.prototype.sayName = function()…
学习Javascript之模拟实现call,apply Javan JavaScript 2020年12月9日 109 0 0 call,apply简介 首先介绍下call和apply两个方法,这两个方法都是挂载在函数的原型上的,所以所有的函数都可以调用这两个方法。 注意:call()方法的作用和 apply() 方法类似,区别就是call()方法接受的是参…
学习Javascript之模拟实现call,apply Javan JavaScript 2020年12月9日 109 0 0 call,apply简介 首先介绍下call和apply两个方法,这两个方法都是挂载在函数的原型上的,所以所有的函数都可以调用这两个方法。 注意:call()方法的作用和 apply() 方法类似,区别就是call()方法接受的是参…
Javascript数组十种去重方法对比,优劣势 Javan JavaScript 2020年12月9日 112 0 1 前言 数组去重对于前端来说不是一个常见的需求,一般后端都给做了,但这却是一个有意思的问题,而且经常出现在面试中来考察面试者对JS的掌握程度。本文从数据类型的角度去思考数组去重这个问题,首先解决的是数组中只有基础数据类型的情况,然后是…
Javascript数组十种去重方法对比,优劣势 Javan JavaScript 2020年12月9日 112 0 1 前言 数组去重对于前端来说不是一个常见的需求,一般后端都给做了,但这却是一个有意思的问题,而且经常出现在面试中来考察面试者对JS的掌握程度。本文从数据类型的角度去思考数组去重这个问题,首先解决的是数组中只有基础数据类型的情况,然后是…
Javascript 中函数声明与函数表达式的区别 Javan JavaScript 2020年11月30日 115 0 0 在 Javascript 中有着多种方式可以定义一个函数。并由于几种方式之间的实现差别很小,容易让 JS 新手搞不清楚其中的区别。所以在这篇文章中,我将带着自己的思考讨论下创建函数的各种形式。 函数声明 函数表达式: 匿名函数表达式…
Javascript 中函数声明与函数表达式的区别 Javan JavaScript 2020年11月30日 115 0 0 在 Javascript 中有着多种方式可以定义一个函数。并由于几种方式之间的实现差别很小,容易让 JS 新手搞不清楚其中的区别。所以在这篇文章中,我将带着自己的思考讨论下创建函数的各种形式。 函数声明 函数表达式: 匿名函数表达式…
史上最全的常用JavaScript正则表达式 Javan JavaScript 2020年10月22日 373 0 1 一、校验数字的js正则表达式 1 数字:^\[0-9\]\*$ 2 n位的数字:^\\d{n}$ 3 至少n位的数字:^\\d{n,}$ 4 m-n位的数字:^\\d{m,n}$ 5 零和非零开头的数字:^(0|\[1-9\]\[0…
史上最全的常用JavaScript正则表达式 Javan JavaScript 2020年10月22日 373 0 1 一、校验数字的js正则表达式 1 数字:^\[0-9\]\*$ 2 n位的数字:^\\d{n}$ 3 至少n位的数字:^\\d{n,}$ 4 m-n位的数字:^\\d{m,n}$ 5 零和非零开头的数字:^(0|\[1-9\]\[0…
JavaScript中字符串运算符是什么?有哪些? 始于初见 JavaScript 2020年8月18日 422 0 0 字符串运算符是用于两个字符串型数据之间的运算符,它的作用是将两个字符串连接起来。 在JavaScript中,使用 + 和 += 这两个运算符对字符串进行连接运算,前者用于连接两个字符串,后者则连接两个字符串,并将结果赋给第一个字符串…
JavaScript中字符串运算符是什么?有哪些? 始于初见 JavaScript 2020年8月18日 422 0 0 字符串运算符是用于两个字符串型数据之间的运算符,它的作用是将两个字符串连接起来。 在JavaScript中,使用 + 和 += 这两个运算符对字符串进行连接运算,前者用于连接两个字符串,后者则连接两个字符串,并将结果赋给第一个字符串…
ES6箭头函数中this指向谁? 始于初见 JavaScript 2020年8月18日 350 0 2 ES6箭头函数中this (1)默认指向定义它时,所处上下文的对象的this指向。即ES6箭头函数里this的指向就是上下文里对象this指向,偶尔没有上下文对象,this就指向window (2)即使是call,apply,bin…
ES6箭头函数中this指向谁? 始于初见 JavaScript 2020年8月18日 350 0 2 ES6箭头函数中this (1)默认指向定义它时,所处上下文的对象的this指向。即ES6箭头函数里this的指向就是上下文里对象this指向,偶尔没有上下文对象,this就指向window (2)即使是call,apply,bin…
CSS3之3D魔方鼠标控制酷炫效果 Javan css-3, JavaScript 2020年7月1日 1.37K 0 9 前面文章有制作水晶魔方,这次我们升级一下它的功能,通过鼠标控制魔方旋转。 大家先看效果 这酷炫的效果,你怎么看? 鼠标事件 这次效果,咱们需要用JS实现。主要是监听鼠标事件,计算鼠标滑动距离,改变魔方的rotateX、rotateY…
CSS3之3D魔方鼠标控制酷炫效果 Javan css-3, JavaScript 2020年7月1日 1.37K 0 9 前面文章有制作水晶魔方,这次我们升级一下它的功能,通过鼠标控制魔方旋转。 大家先看效果 这酷炫的效果,你怎么看? 鼠标事件 这次效果,咱们需要用JS实现。主要是监听鼠标事件,计算鼠标滑动距离,改变魔方的rotateX、rotateY…