JavaScript
关注
分享
扫一扫
Void骑士
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JavaScript简单实现DOM元素拖拽
主要是使用了event.pageX和dom.getBoundingClientRect属性和方法HTML<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devic原创 2021-03-21 10:44:14 · 406 阅读 · 0 评论 -
简单实现JQuery选择器
$作为选择器时，可能出现的三种情况<body> <h2>这是一个标题</h2> <p>这是一个段落。</p> <p>这是另一个段落。</p> <button>点我</button> <script> console.log($()) // init {} console.log($("em")) /* init [prevObject: init(1),原创 2021-03-02 17:05:54 · 335 阅读 · 0 评论 -
JavaScript函数柯里化
什么是函数柯里化百度百科：在计算机科学中，柯里化（Currying）是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数，并且返回接受余下的参数且返回结果的新函数的技术。从上面这段话中，我们可以获取以下信息点柯里化(currying)函数接收一个函数作为参数柯里化函数返回一个新函数返回的新函数接收余下参数且返回结果根据上面的信息，我们可以先写出柯里化函数的简单骨架// 接受一个函数作为参数(fn)function currying(fn) { // 返回一个原创 2021-02-24 23:41:23 · 222 阅读 · 0 评论 -
JavaScript中的Array.prototype.forEach()方法(简介+重写)
forEach()简介forEach() 方法按升序为数组中含有效值的每一项执行一次 callback 函数，那些已删除或者未初始化的项将被跳过（例如在稀疏数组上）。forEach是ES6新增的Array内置方法，它可以遍历js数组，并为其中的每个元素都执行特定的回调函数。forEach方法接受两个参数callback: 第一个参数是一个回调函数，该回调函数接收三个参数item: 当前遍历到的数组元素index(可选): 当前遍历到的索引array(可选): 当前数组本身th原创 2021-02-23 23:49:00 · 968 阅读 · 0 评论 -
Web性能优化之——图片懒加载(lazyload)
一、什么是图片懒加载图片懒加载，就是图片延迟加载。只加载页面可视区域上的图片，等滚动到页面下面时，再加载对应视口上的图片二、懒加载的实现图片的懒加载可以通过以下三个步骤实现一开始不给img元素的src属性赋值，这样就不会加载图片元素了当img元素出现在用户的浏览器视窗上，就给img的src属性赋值，加载图片通过防抖函数减少用户反复滚动页面造成的性能浪费如下图所示在实现图片懒加载之前，我们需要先了解几个函数或属性1、window.innerHeightwindow.innerHe原创 2020-12-26 23:34:42 · 1019 阅读 · 1 评论 -
JavaScript实现深拷贝
JavaScript实现深拷贝1. JSON.parse(JSON.stringify())对于简单的对象或数组，使用 JSON.parse(JSON.stringify(obj) 即可实现深拷贝，但如果被拷贝对象中存在函数或正则表达式，深拷贝就无法完成了。JSON.parse() 可以将字符串解析为对象，而 JSON.stringify() 会将对象转化为json格式的字符串，但是这两个过程都存在着一些问题执行下面的代码let obj = { a: 1, o: { username:原创 2020-12-06 13:11:39 · 300 阅读 · 0 评论