js 的标签存档

如何实现上拉加载,下拉刷新?

如何实现上拉加载,下拉刷新?

如何实现上拉加载,下拉刷新? 一、前言 下拉刷新和上拉加载这两种交互方式通常出现在移动端中 本质上等同于PC网页中的分页,只是交互形式不同 开源社区也有很多优秀的解决方案,如iscroll、better-scroll、pulltor…
如何判断一个元素是否在可视区域中?

如何判断一个元素是否在可视区域中?

如何判断一个元素是否在可视区域中? 一、用途 可视区域即我们浏览网页的设备肉眼可见的区域,如下图 在日常开发中,我们经常需要判断目标元素是否在视窗之内或者和视窗的距离小于一个值(例如 100 px),从而实现一些常用的功能,例如: …
说说你对闭包的理解?闭包使用场景

说说你对闭包的理解?闭包使用场景

说说你对闭包的理解?闭包使用场景 一、是什么 一个函数和对其周围状态(lexical environment,词法环境)的引用捆绑在一起(或者说函数被引用包围),这样的组合就是闭包(closure) 也就是说,闭包让你可以在一个内层…
== 和 ===区别,分别在什么情况使用

== 和 ===区别,分别在什么情况使用

== 和 ===区别,分别在什么情况使用 一、等于操作符 等于操作符用两个等于号( == )表示,如果操作数相等,则会返回 true 前面文章,我们提到在JavaScript中存在隐式转换。等于操作符(==)在比较中会先进行类型转换…
编写清晰易懂 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的掌握程度。本文从数据类型的角度去思考数组去重这个问题,首先解决的是数组中只有基础数据类型的情况,然后是…