前端
文章平均质量分 77
Story..
这个作者很懒,什么都没留下…
展开
-
lodash源码中的memoize函数
lodash源码中的memoize函数一、背景为什么要写这样的一篇博客,因为在蚂蚁一面的时候,面试官就出了这样的一道面试题;题目是这样的:写一个函数,接受一个函数作为参数,另外接受一个resolver,返回一个函数,要求返回的这个函数需要实现以下的目标;调用这个函数的时候,如果传入相同的参数,那么第二次相同参数会返回缓存的结果,从而减少不必要的计算过程;二、实现这道面试题是基于lodash源码的;因为在lodash源码中就要这样的一个函数;它的名字叫做memoize;它的实现思路是这个样子的,原创 2022-02-03 21:10:17 · 1624 阅读 · 0 评论 -
lodash源码中debounce函数分析
lodash源码中debounce函数分析一、使用在lodash中我们可以使用debounce函数来进行防抖和截流,之前我并未仔细注意过,但是不可思议的是,lodash中的防抖节流函数是一个函数两用的,所以今天我就简单分析一下,它是如何做到的;lodash中的debounce官网用法// 情况一:当resize事件触发后,并不会立即执行,而是会直到密集程度大于150的时候,才会触发calculateLayout执行;也就是我们常说的防抖函数;jQuery(window).on('resize',原创 2022-02-01 16:16:17 · 5178 阅读 · 0 评论 -
克隆一个数据结构
克隆一个数据结构;一、克隆一个正则表达式众所周知,在javascript语言中,正则表达式是一个引用类型的数据结构;typeof /[a-z]/// object如果需要克隆一个正则表达式,我们不仅需要克隆实例的正则字面量,还需要克隆正则的实例属性,详情可见正则表达式;我们可以通过reg.source取到一个正则表达式的文本。然后通过new RegExp的方式构建一个新的正则表达式;let reg = /[a-z]/g;function cloneReg(reg) { let ne原创 2022-01-30 14:17:49 · 802 阅读 · 0 评论 -
如何在vue项目中使用Iframe使得任务分区
如何在vue项目中使用Iframe使得任务分区!一、问题描述背景:前两天,我和我的同事遇到一个问题,大概是这样子的,在一个项目的一个页面中使用websocket获取后台的实时数据,实时数据每一秒钟得到一条,一条数据大约有12组(可能会更多),前端需要分组将其动态的绘制到12个echarts图表中;画出来的图是基于这个图例的,也就是说,每一秒钟浏览器都需要绘制超过12个这样的图例,项目设计上是没有做分页或是其他的分页处理的;因此只能硬着头皮同时绘制在一个页面中;问题:问题在于,因为需求是想要看到从业务原创 2022-01-18 11:38:37 · 711 阅读 · 0 评论 -
CommonJS和ES6模块有什么区别
commonjs和esmodule有什么区别原创 2022-01-01 15:31:30 · 1487 阅读 · 0 评论 -
异步遍历器
异步遍历器一、概念异步遍历器是ES6的新语法,主要是为了解决异步任务的遍历问题。现在有下面的代码;const arr = [ new Promise(resolve=>{ setTimeout(()=>{ console.log('1') },1000) }), Promise.resolve('2'), Promise.reject('3')]// 现在需要遍历这个数组arr.forEach(promise=>{ promise.then(r原创 2021-12-30 21:22:07 · 458 阅读 · 0 评论 -
redux的使用教程
题目:redux的使用教程前言:学习react的过程中一定会碰到redux,我在学习redux的时候,每每感觉自己记住了,但是用的时候,感觉总是不知如何写起,或者会用的时候总会出错,所以打算写一篇redux的教程,把自己在学习和使用过程中的心得记录下来。一:认识redux官网:redux中文网我的理解:redux是一个独立的(也就是说它并不属于react,在其他框架下也都是可以使用的),开源的,第三方的集中式的状态管理器。提供可预测的状态管理。二:为什么那么我们为什么要使用redux呢?这就原创 2021-12-11 16:27:25 · 1754 阅读 · 0 评论 -
VSCode如何与ESLint和prettier结合使用
VSCode如何与ESLint和prettier结合使用前言:作为一名前端开发者,在大多数的情况下,我们都需要和vscode编辑器打交道,因此熟悉vscode对于我们而言是一件很重要的事情,前两天我发现自己始终没有很清楚关于如何使我们的编辑器能够很好的自动格式化代码相关的问题,今天我写这篇博客,就是想好好记录一下,相关的问题。首先先了解第一个问题,如何配置vscode的默认配置。注意:以下效果均保证自己的vscode编辑器没有任何关于格式化的第三方插件的情况下才可以生效哦。mac : comman原创 2021-11-20 16:21:28 · 1043 阅读 · 0 评论 -
基于Vue3+TS+StoryUI+elementPlus的个人网站——StoryWeb
基于Vue3+TS+StoryUI+elementPlus的个人网站——StoryWeb前言:各位读者,大家好,很开心你能够阅读这篇文章,这篇文章的目的是对我通过近2个月,利用工作之余,开发的个人网站做一个总结。同时,我认为写博客最大的意义在于能够记录自己的成长以及帮助他人。所以我会尽量在分享自己心得体会的同时,尽量多写一些干货,希望能够对得起看这篇文章的你,好了,接下来我们开始吧!1.简介篇访问地址:http://songxiaopenggitee.gitee.io/story-web-v1源码原创 2021-11-16 23:00:37 · 1518 阅读 · 0 评论 -
Vue-vben-admin Vue3+TS Axios的封装源码分析
Vue-vben-admin Vue3+TS Axios的封装源码分析前言一、近期再用Vue3+TS 重构之前Vue2的项目,因此想着借鉴一下业界较为优秀的代码,在Git上面找了好久,经过同事推荐,我发现由anncwd出品的Vue-vben-admin是很不错的,截止目前在git上面已经有5.9k个star了,目前将这个模板看完了,我觉得里面写的最好的莫过于对于Axios的封装了,在此我简单对这个源码进行一个分析,里面也涉及一些TS+Vue3的知识点,最重要的是,能够发现其中写的特别优秀的地方,我们也可原创 2021-08-14 14:30:00 · 3339 阅读 · 1 评论 -
Typescript 知识点总结(上)
一、前言各位读者大家好,感谢你能够阅读这篇博客,近期在整理 和学习Typescript 的知识点,我认为很有意义,这篇博客主要会将typescript的一部分内容结合自己的理解进行一个总结,希望能够帮助正在学习或使用typescript开发的你。(1) 为什么要学习typescript:在学习typescript之前我们最好了解我们为什么学这个,它到底能够为我们提供哪些好处和帮助。我认为typescript 是未来的一个趋势,因为它大大的补充的javaScript的缺点,那就是类型检测的问题..原创 2021-07-10 17:00:13 · 180 阅读 · 0 评论 -
HTML的基本标记语言及特点
一、标题标记语法: n是为1-6的数字例如:、属性:align 控制标题的对齐方式的属性值: “left” “center” “right” 分别为左对齐 居中对齐 右对齐特点:标题都有加粗的效果标题都有一定的行间距标题有大小的变化二、段落标记语法:内容特点:普通大小的字体上下的行间距是有一定距离属性:依然三种对齐方式 左中右 同上三、标线标记语法特点:默认宽度为整个页面的宽度默认灰色 2px的像素属性:width height color 宽原创 2020-09-17 15:29:35 · 1380 阅读 · 0 评论 -
学Web我们需要知道的基础知识
一、Web基础知识定义:各种类型的网站,一种Internet环境之上的基于浏览器和服务器和传输协议的应用于程序,用来进行数据传输和展示。传输协议:http/https 区别是后者更加安全,因为是加密的 用来规范数据包的传输二、结构浏览器:产品:IE、Chrome、Firefox、Safari、Opera作用: 发送请求给服务器解析数据,以图文的方式呈现给用户技术:HTML、CSS、Javascript服务器:产品:Apche、Tomcat、IIS作用:接受前端请求响应结果原创 2020-09-16 20:31:40 · 879 阅读 · 0 评论