js 的标签存档

编写清晰易懂 Javascript 代码的15条规则

编写清晰易懂 Javascript 代码的15条规则

我猜屏幕前的你应该是 React、Vue 或者 Node.js 的开发者吧。你可以编写业务代码并让他们无误的跑起来。不过你能编写出视觉美观并可被他人理解的代码么? 今天我们将了解一些使你的 JavaScript 代码干净整洁的小规则…
学习Javascript之模拟实现bind

学习Javascript之模拟实现bind

bind和call,apply的作用类似,都是用来更改函数的this值的,不同的是,call和apply会直接把函数执行,但bind会返回一个函数,我们称之为绑定函数: function foo(b = 0) { console.l…
学习Javascript之模拟实现new

学习Javascript之模拟实现new

new是JS中的一个关键字,用来将构造函数实例化的一个运算符。例子: function Animal(name) { this.name = name; } Animal.prototype.sayName = function()…
学习Javascript之模拟实现call,apply

学习Javascript之模拟实现call,apply

call,apply简介 首先介绍下call和apply两个方法,这两个方法都是挂载在函数的原型上的,所以所有的函数都可以调用这两个方法。 注意:call()方法的作用和 apply() 方法类似,区别就是call()方法接受的是参…
Javascript数组十种去重方法对比,优劣势

Javascript数组十种去重方法对比,优劣势

前言 数组去重对于前端来说不是一个常见的需求,一般后端都给做了,但这却是一个有意思的问题,而且经常出现在面试中来考察面试者对JS的掌握程度。本文从数据类型的角度去思考数组去重这个问题,首先解决的是数组中只有基础数据类型的情况,然后是…
JavaScript中字符串运算符是什么?有哪些?

JavaScript中字符串运算符是什么?有哪些?

字符串运算符是用于两个字符串型数据之间的运算符,它的作用是将两个字符串连接起来。 在JavaScript中,使用 + 和 += 这两个运算符对字符串进行连接运算,前者用于连接两个字符串,后者则连接两个字符串,并将结果赋给第一个字符串…
ES6箭头函数中this指向谁?

ES6箭头函数中this指向谁?

ES6箭头函数中this (1)默认指向定义它时,所处上下文的对象的this指向。即ES6箭头函数里this的指向就是上下文里对象this指向,偶尔没有上下文对象,this就指向window (2)即使是call,apply,bin…
Express 应用程序生成器/脚手架

Express 应用程序生成器/脚手架

Express官方提供 express-generator 可以快速创建一个Express应用的骨架。 你可以通过 npx (包含在 Node.js 8.2.0 及更高版本中)命令来运行 Express 应用程序生成器。 npx e…
CSS3之3D魔方鼠标控制酷炫效果

CSS3之3D魔方鼠标控制酷炫效果

前面文章有制作水晶魔方,这次我们升级一下它的功能,通过鼠标控制魔方旋转。 大家先看效果 这酷炫的效果,你怎么看? 鼠标事件 这次效果,咱们需要用JS实现。主要是监听鼠标事件,计算鼠标滑动距离,改变魔方的rotateX、rotateY…