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