![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
丢丢的大神
心中有沟壑,下笔如有神,天道酬勤。
展开
-
Blob 对象介绍
看下面代码,可以使用文本构造 Blob 对象示例:使用 Blob 创建一个指向类型化数组的 URL另一种读取 Blob 中内容的方式是使用 Response 对象。某些时候后台下载文件返回到前端被转换为 Blob 对象,正常下载时,返回正确的文件流,异常时,后台返回一段包含错误信息的 json ,这时候需要提示用户下载失败,看下面代码...原创 2022-07-06 15:52:57 · 1571 阅读 · 0 评论 -
精准准确的统一社会信用代码正则(js)
参照标准:《GB_32100-2015_法人和其他组织统一社会信用代码编码规则.》按照编码规则:统一代码为18位,统一代码由十八位的数字或大写英文字母(不适用I、O、Z、S、V)组成,由五个部分组成:第一部分(第1位)为登记管理部门代码,9表示工商部门;(数字或大写英文字母)第二部分(第2位)为机构类别代码;(数字或大写英文字母)第三部分(第3-8位)为登记管理机关行政区划码;(数字)第四部分(第9-17位)为全国组织机构代码;(数字或大写英文字母)第五部分(第18位)为校验码(数字或大写英原创 2021-12-21 09:58:26 · 1030 阅读 · 0 评论 -
一款优秀的原生表格库实现 GridManager
GridManager 是一款功能强大的表格,纯原生js实现,真的很简便很好用,API 文档也很清晰。下面是一个截图的例子实现功能宽度调整: 表格的列宽度可进行拖拽式调整位置更换: 表格的列位置进行拖拽式调整配置列: 可通过配置对列进行显示隐藏转换表头吸顶: 在表存在可视区域的情况下,表头将一直存在于顶部排序: 表格单项排序或组合排序分页: 表格ajax分页,包含选择每页显示总条数和跳转至指定页功能用户偏好记忆: 记住用户行为,含用户调整的列宽、列顺序、列可视原创 2021-10-29 16:08:12 · 358 阅读 · 0 评论 -
echarts海南地图挤在一起解决方案
由于海南地图行政区很小,海域面积很大,echarts在绘制海南地图时,行政区会挤在一起,用下面方式可以解决// 海南地图的时候if (mapName === 'hainan') {option.series[0].center = [109.844902, 19.0392];option.series[0].layoutCenter = ['50%', '50%'];option.series[0].layoutSize = "600%";}...原创 2021-09-20 16:35:52 · 1151 阅读 · 0 评论 -
React、Vue、Next、Umi框架对比
React、Vue、Next、Umi优缺点 React.js优点缺点 NEXT.js优点:缺点: VUE.js优点:缺点: Umi.js特点:优点缺点 JavaScript优点:缺点: Jquery与react、vue、next、umi的区别 React.js 官网文档 优点 1、React运用一个虚拟的DOM实现了一个非常强大的渲染系统,在React中对DOM只更新不读取; 2、一切都是component,代码更加...转载 2021-08-31 13:18:21 · 7204 阅读 · 0 评论 -
判断字符串是否为回文
描述给定一个字符串,请编写一个函数判断该字符串是否回文。如果回文请返回true,否则返回false。解法一这是一个偷懒的解法function judge( str ) { return str == str.split('').reverse().join('');}解法二利用数组下标function judge( str ) { // write code here var len = str.length; var headIndex原创 2021-08-29 23:01:12 · 821 阅读 · 0 评论 -
requestAnimation -- 动画?
动画???动画就是间隔一段进行进行一个操作.一般常用的动画处理模式有早期的定时器: setTimeout , setInterval后续 css3 带来了一个新的动画过度属性 transition.对于 transition 能实现动画很好的过度效果,这没有什么可说的.但是对于 setTimeout , setInterval 来言. 虽然定时了,但可能执行的时机并不准确.为什么?这就要提高 JavaScript 的 EventLoop 了.在浏览器 JavaScript 的执行环境是单线原创 2021-08-19 10:18:43 · 1594 阅读 · 0 评论 -
EventEmitter 简单实现
class EventEmitter { constructor(){ this.events = new Map(); } on(key, fn){ if (this.events.has(key)) { this.events.get(key).push(fn) }else { this.events.set(key, [fn]) } } emit(key, ...args) { if (this.event原创 2021-08-19 09:17:06 · 108 阅读 · 0 评论 -
二分之快排
// 二分排序算法var quickSort = function(nums) { if (nums.length <= 1) { return nums; } var divideIndex = Math.floor(nums.length / 2); var divide = nums.splice(divide, 1)[0] var left = [], right = []; for(var i=0; i<nums.原创 2021-08-17 09:33:14 · 68 阅读 · 0 评论 -
回溯算法之全排列
// 回溯算法var permute = function(nums) { var track = []; trackBack(nums, track) }var result = []function trackBack(nums, track) { // 递归跳出条件 if (track.length === nums.length) { result.push([...track]) return; } for(var i=0; i<原创 2021-08-16 13:34:12 · 232 阅读 · 0 评论 -
手动实现 JavaScript 之 apply、call、bind
JavaScript 的 apply、call和bind方法用来更改函数内部的this指向,从而达到借调方法的目的,应用场景非常广泛。现在我们手动实现这几个方法,加深对原型和函数的理解。Function.prototype.applyapply 可以传入两个参数,第一个是函数的this,另外一个是函数的参数,类型是数组看下面代码Function.prototype.applyFn = function(context) { // 如果context不存在则为window contex原创 2021-08-13 13:51:15 · 118 阅读 · 0 评论 -
二叉树相关的算法题思想
二叉树是面试经常会考到的一个知识点,关于二叉树延伸的应用也很广泛。二叉树的核心是递归,但我们在遇到二叉树相关的问题时,如果纠结于递归这个点,很可能陷进去,毕竟人的大脑装不下那么多调用栈。因此,解决二叉树相关的问题核心点是将重点放在一个根节点上,下面是一些二叉树相关问题解题总结:写出结束条件不要把树复杂化,就当做树是三个节点,根节点,左子节点,右子节点只考虑当前做什么,不用考虑下次应该做什么每次调用应该返回什么下面是一些具体的列子,未完待续。。。...原创 2021-08-11 09:41:43 · 187 阅读 · 0 评论 -
LRU是啥
临下班打算水个帖子再走,突然想起 LRU 缓存来着,我们先来看看啥是LRULRU ( Least Recently Used ) 字面意思就是最近使用过的。用代码实现 LRU 注意下面两点1、新插入的数据应该被放置在最新的位置上等待被访问,如果超过最大存储空间,应该先删除最旧的,再插入2、如果访问某个已存在的缓存后,该缓存应该被移动到最新的位置上下面我们之间看代码,使用 ES6 Map 实现应该是最好的,也是最简单易懂的class LRU { constructor() {原创 2021-08-10 18:54:48 · 454 阅读 · 0 评论 -
Koa教程
阮一峰 http://www.ruanyifeng.com/blog/2017/08/koa.html廖雪峰 https://www.liaoxuefeng.com/wiki/1022910821149312/1023025933764960搭建koa与mysql项目 https://www.jianshu.com/p/98801a280b25原创 2021-08-09 17:23:46 · 93 阅读 · 0 评论 -
完爆scroll事件,交叉观察器 IntersectionObserver 在千万级PV页面中的应用实践 (转载)
IntersectionObserver 介绍 概念 IntersectionObserver接口(从属于Intersection Observer API)为开发者提供了一种可以异步监听目标元素与其祖先或视窗(viewport)交叉状态的手段。祖先元素与视窗(viewport)被称为根(root)。 功能 网页开发时,常常需要判断某个元素是否进入了"视口"(viewport),即用户能不能看...转载 2021-08-09 13:16:07 · 823 阅读 · 0 评论 -
MutationObserver、IntersectionObserver、ResizeObserver (转载)
前言 阅读本文你可以获取到以下3个知识点 通过原生javascript的API 监听DOM元素的改变(文字、大小、背景等等)监听DOM元素之间是否相交等信息监听DOM元素大小改变,基本可以放弃全局监听window.rize了 动动小手,先点赞再观看???????????? MutationObserver MutationObserver 创建一个观察器,提供了对监视DOM树更改的能力,是DOM3 Events规范的一部分...转载 2021-08-09 13:08:12 · 2043 阅读 · 0 评论