![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 64
javascript 用超少的代码实现最多的功能
Z_ One Dream
不扯太复杂的概念,不说太多的废话。
展开
-
BigNumber 的静态属性含义-(ROUND_DOWN,ROUND_UP,ROUND_CEIL,ROUND_FLOOR,ROUND_HALF_UP,ROUND_HALF_CEIL)
BigNumber 有一些静态的属性,代表不同的含义ROUND_DOWN,ROUND_UP,ROUND_CEIL,ROUND_FLOOR,ROUND_HALF_DOWN,ROUND_HALF_UP,ROUND_HALF_CEIL,ROUND_HALF_FLOORROUND_UP 和 ROUND_CEIL 的不同之处ROUND_DOWN 和 ROUND_FLOOR 的不同之处...原创 2022-05-30 17:59:00 · 2102 阅读 · 1 评论 -
防抖函数和节流函数
防抖函数顾名思义,防止你手抖不小心点了两次,或者说一直在抖第一种,这段时间内,如果你手抖了,那就只执行一次,比如模糊搜索,人一直在输入function generateDebounce(fn, delay) { let timer let args return function() { args = arguments window.clearTimeout(timer) timer = window.setTimeou原创 2022-04-21 22:09:47 · 274 阅读 · 0 评论 -
手摸手教你写 Promise
function MyPromise(func) { this.status = 'pending' // resolve, reject this.thenFuncs = [] this.catchFuncs = [] this.value = undefined func(MyPromise.resolve.bind(this), MyPromise.reject.bind(this))}MyPromise.resolve = function(result) { thi.原创 2021-08-23 14:24:14 · 99 阅读 · 0 评论 -
js 实现封装 WebSocket 连接
首先,项目中如果需要长时间且不定时不间断地进行客户端与服务器端交互的时候,使用 WebSocket 连接是不二之选,比如交易所项目那么创建一个 WebSocket 需要什么功能,怎么才能是一个健壮的 ws 体系呢?首先我们需要几个基础功能:1. onopen(ws 连接成功回调)2. onmessage (ws 返回数据回调)3. onclose (ws 关闭回调)4. onerror(ws 报错回调)当我们的 ws 有这些方法之后,我们就需要加几个方法用来和服务器端交互..原创 2021-06-25 11:50:59 · 2779 阅读 · 7 评论 -
几个常用的 js 库,好用的js库
大数字之间加减、异步追踪上下文、异步观察者模式、时间格式化、js拷贝、js导出xls、加密算法、区块链地址生成、js指纹生成、js队列、cookie、富文本编译器、js二维码生成、js压缩解压数据原创 2021-04-13 09:56:36 · 287 阅读 · 3 评论 -
一些你不知道的 web API
一些你不知道的 web APIBackground Tasks APIBackground Tasks API幕后任务协作调度 API (也叫幕后任务 API 或者简单称为 requestIdleCallback() API) 提供了由用户代理决定,在空闲时间自动执行队列任务的能力。Window.requestIdleCallback() 允许浏览器告诉您的代码可以安全使用多少时间而不会导致系统延迟,从而有助于确保浏览器的事件循环平稳运行。如果您保持在给定的范围内,您可以使用户体验更好目前,t原创 2021-02-25 18:38:09 · 267 阅读 · 0 评论 -
H5 页面在 APP 里如何支持缩放,并隐藏手机自带的放大缩小图标。
转载:http://blog.csdn.net/hanhailong726188/article/details/46717621要支持缩放,肯定要先支持Javascript,加如下代码:<span style="color:#000000"><code> <span style="color:#880000 !important"><em>//支持JS</em></span> WebSet.转载 2021-02-02 09:55:39 · 1924 阅读 · 0 评论 -
__proto__ 和 prototype 的关系
首先你需要对 JS 有一定了解,其次,我们开始吧__proto__首先说一下这个 __proto__ 属性,说明一下这个属性不要去访问,而且这个属性后期会被遗弃掉。这不是我说的,这是万能的 MDN 说的。虽然说这个东西会被废弃掉,但是身为一名合格的前端人员还是需要知道一下的。举个栗子:function A() {};const aFn = new A();此时这个变量的 aFn 的 __proto__ 就会指向 A 函数的 prototype,对没错,它就是这么简单,说的原创 2020-09-23 17:30:15 · 154 阅读 · 0 评论 -
页面的滚动条如何顺滑地滚动到某个位置?
浏览器原生支持写法[HTMLElement].scrollTo({left:0,top: 100,behavior:'smooth'})从不兼容 IE,不要留言问 shim原创 2020-04-15 19:58:20 · 726 阅读 · 0 评论 -
tinygradient 学习笔记
tinygradient —— 方便设置渐变颜色的库(https://www.npmjs.com/package/tinygradient)Easily generate color gradients with an unlimited number of color stops and steps.它依赖 TinyColor这个库!那就先从学习 tinycolor 开始吧...原创 2020-02-10 11:05:12 · 329 阅读 · 0 评论 -
setInterval 和 requestAnimationFrame 分析
时间: 2019-8-2电脑的屏幕每时每刻都以大约 16ms 的速度在刷新,我们的肉眼是没法看出来的。正因为这样,所以我们才能看到屏幕上的任何一丝一毫的变化。requestAnimationFrame 到底是什么?ok,requestAnimationFrame 这个函数是window添加的一个api,当电脑重绘的时候,把你的函数传给这个api,那么它就会在下次重绘时执行你的函...原创 2019-08-02 10:56:03 · 939 阅读 · 0 评论 -
js 拖拽上传文件
主要依靠的 web dom 事件是:dragover 和drop<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> &...转载 2019-08-01 15:03:13 · 411 阅读 · 0 评论 -
js 的 Math 属性方法
写这个其实有点小白了,但是我最近又忘了那个二次方的方法怎么写了!唉,废人多往事!写一遍加深一下记忆。1. 取绝对值。这个太简单,不用举例子了 Math.abs(x)2. 向上取整。太简单直接看例子吧! Math.ceil(x)Math.ceil(0.1) => 1Math.ceil(1) => 13. 向下取整。...原创 2019-06-24 10:49:38 · 274 阅读 · 0 评论 -
js 写一个万能排序。
javascript 的数组有一个排序的功能 sort,但是在很多时候靠比大小并不能满足我们的需求。比如: 字符串的排序, 我们以为:a10 > a9, 但是js 判断出来确是a9 > a10万能排序的思想是,把字符串和数字分离开来。 比如 a9, a10, b8 进行排序。 我们把他们拆分成 [a, 9] [a, 10] [b, 8] 再通过...原创 2019-04-24 14:55:31 · 395 阅读 · 0 评论