蚊子的前端博客

蚊子在前端开发工作中的总结,梳理思路,沉淀自己;学习新技术,记录过程,也可以帮助和我一样的同学更快的学习,分享

微说 | 既要、又要、还要、更要!

1. 如何在统一思想的情况下解放思想? 2. 如何在不增加居民收入,提升整体福利的情况下促进消费和内需? 3. 如何在房价下跌,地卖不出去的情况下保持地方财政平衡? 4. 如何在保持当前外交路线的情况...

2025/10/14
articleCard.readMore

又是一年的国庆雨季

国庆节正好是转寒的时候,前半段时间还穿短袖,假期结束时就得穿上厚衣服了

2025/10/10
articleCard.readMore

微说 | 预估下2025年的出生人口数据

从去年的结婚率也能看到今年的生育率铁定下降。 7月30号,民政部公布了2024年结婚登记是610万对,2023年是768万对,少了150多万对。同时在这610万对的结婚登记里,40岁以上的就有110...

2025/9/28
articleCard.readMore

微说 | 可惜了我那些小时候的书本

太可惜,太可惜,我在上大学时,我妈嫌弃我的从小学到高中的那些书本占地方,就把那些课本还有书稿全都给卖了。 太可惜了!唉。如果没卖的话,还能翻翻以前的课本,回忆下小时候的时光。...

2025/9/28
articleCard.readMore

微说 | 牛马有的是,驴不够了!

拉磨的驴都不会给自己两鞭子,社畜上个班还得买咖啡给自己提神...

2025/9/28
articleCard.readMore

微说 | 能否有一条非户口也能高考的路

北京能不能也出个类似上海积分高考的政策。只要攒够积分就可以高考,并不是落户。现在很多家长拼了命的落户北京,就是因为他们本身在北京工作,孩子没有高考的机会,就要面临分离的命运。如果能单开一条可以不用户口...

2025/9/26
articleCard.readMore

微说 | 小聊中医

中医是越古老越厉害,比如《黄帝内经》之类的?还是越现代越厉害。毕竟科学技术总是向前发展的嘛,后人都会站在前人的肩膀上,更进一步。可是中医却总是个例外,给人的感觉就是,反而方子越早,药效就越厉害,就更能...

2025/9/26
articleCard.readMore

微说 | 将要制作的一款新产品

将要制作的一款新产品,如果连自己人都不看好,是不是注定不会成功!它可能就是在自娱自乐,妄想着做出来后赶超这个、赶超那个,最后,连自己人都懒得用!...

2025/9/26
articleCard.readMore

微说 | 做人要有信

做人要有信,作为一个大国更言而有信。不能嘴上一套,行动一套,置国际基本法原则于不顾,只考虑利益,只考虑拉帮结派,只考虑反美,只跟垃圾国家站在一起,对白纸黑字的承诺装聋作哑,胡搅蛮缠,颠倒黑白,为虎作伥...

2025/9/26
articleCard.readMore

微说 | 好一个正义联盟

正义联盟个个有绝活,这边塔利班民主幸福,那边朝鲜人民眼里有光,俄罗斯炮火连天越打越富,哈马斯在抖音霸气外露,胡塞武装能大炮打航母。...

2025/9/26
articleCard.readMore

微说 | 都是见过吃过的主儿

“小县城里的年轻人,就像窝棚里的牲口,啥也没吃过没玩过没见过,却下了一窝崽崽” “北上广深的白领,就像宫里的宫女太监,见了很多世面,但却没有未来,也没有孩子……”...

2025/9/26
articleCard.readMore

微说 | 追求8小时工作制有错吗?

别人有18小时工作制,所以我们996就不过分?别的国家大部分还没有4天工作制,然后我们自己就不能追求8小时工作制?只要实行8小时工作,就得降薪?跟下限国家比下限吗?...

2025/9/25
articleCard.readMore

微说 | 如果尖锐的批评完全消失

如果尖锐的批评完全消失,温和的批评将会变得刺耳。如果温和的批评也不被允许,沉默将被认为居心叵测。如果沉默也不再允许,赞扬不够卖力将是一种罪行。如果只允许一种声音存在,那么,唯一存在的那个声音就是谎言​...

2025/9/25
articleCard.readMore

微说 | 很好!

最近10年,就两件事儿,一个是环保,一个是为你好 ​​​!...

2025/9/25
articleCard.readMore

微说 | 封禁用户可以,但要告知具体原因

很多平台在封禁用户后,也不告知是哪里违规了,违规了哪条法律法规或平台规则,就直接甩给你一个平台规则的链接,自己悟去吧。 警察在拘留一个人,或者法院在判决一个人时,还会告诉当事人,是因为做了什么事,违...

2025/9/21
articleCard.readMore

微说 | 面朝大海,春暖花开

从明天起,做一个幸福的人 喂马、劈柴,周游世界 从明天起,关心粮食和蔬菜 我有一所房子,面朝大海,春暖花开 从明天起,和每一个亲人通信 告诉他们我的幸福 那幸福的闪电告诉我的 我将告诉每一个人 给每一...

2025/9/21
articleCard.readMore

微说 | 程序员的悲哀是什么?

996嫌累,摸鱼觉得没意思,使用开源库觉得没技术含量,自己造轮子又太累,写代码羡慕领导写 PPT,写PPT害怕自己没有硬实力。终其一生,满是遗憾。 进体制觉得太平庸,在私企又担心不稳定,想转行嫌工资...

2025/9/1
articleCard.readMore

微说 | 2025年出生人口的预测

从去年的结婚率也能看到今年的生育率铁定下降。 7月30号,民政部公布了2024年结婚登记是610万对,2023年是768万对,少了150多万对。同时在这610万对的结婚登记里,40岁以上的就有110...

2025/8/21
articleCard.readMore

前端在 LiveKit 中如何获取所有的参与者

在 React 框架中使用 LiveKit 时,获取所有参会的人员列表

2025/8/19
articleCard.readMore

在 Electron 中使用 LiveKit 实现屏幕共享

音视频会议时,通常都要进行屏幕贡献来进行交流!

2025/8/18
articleCard.readMore

在 Electron 应用中,如何获取 Mac 的摄像头和麦克风权限

在 Electron 应用中,如何获取 Mac 的摄像头和麦克风权限?

2025/8/18
articleCard.readMore

微说 | 不要总让台湾艺人表态

在公司呆过掉都知道,要说公司坏话时,怎么也得离职了再说。同理,人家现在还是台湾人,以后也会长期居住再台湾,来次大陆就让人家表态。你想让人家怎么表态?说“正确”的话,你倒是爽了,人家还要不要回台湾。 ...

2025/8/13
articleCard.readMore

微说 | 他们总说要更开放

他们总是发文说要更开放,总是欢迎各国企业来中国。我觉得,只要网络还没放开,只要文娱创作还被戴着脚镣,这就不是真正的放开。 现在连访问个github,下载个npm包,都不顺畅,不知道他们怎么舔着脸说要...

2025/8/13
articleCard.readMore

自己封装 uuid 踩的一个小坑

若封装的功能采用了多种策略,最好输出的结果格式是保持一致的!

2025/8/1
articleCard.readMore

CKEditor5 光标在粘贴的图片下一行

在 CKEdtior5 中,如何在粘贴图片后,让光标自动进入到下一行!

2025/7/31
articleCard.readMore

软考出成绩了,没过

机会是留给有准备的人的

2025/6/26
articleCard.readMore

微说 | 也许有一天我们这个社会会进步

不是他该死,是他犯了大忌。也许有一天我们这个社会会进步,人类会走向一个言论自由,思想自由,信仰自由的时代,但绝不是现在这个时代。我的意思是说文字狱的死难者是思想的殉难者,是为理想而死的。...

2025/4/8
articleCard.readMore

好久没有更新文章了

好久不见

2025/3/12
articleCard.readMore

微说 | 中共中央关于进一步全面深化改革,推进中国式现代化的决定

加快推动国有企业发展新质生产力的现实需要。习近平总书记强调,高质量发展是全面建设社会主义现代化国家的首要任务,发展新质生产力是推动高质量发展的内在要求和重要着力点。当前,新一轮科技革命和产业变革深入发...

2025/1/15
articleCard.readMore

微说 | 关于惩罚性赔偿

我之前一直持有的观点就是,我们的法院判决里,好像并没有“惩罚性赔偿”一说,打了半年甚至1年多的官司,最后只是拿到了本该属于我的东西(比如中介克扣的押金,比如公司拖欠的工资等等),而对方却没有任何的损失...

2025/1/15
articleCard.readMore

微说 | 生孩子是谁的事儿!

如果生孩子是社会的责任,请社会履行抚养义务。如果生孩子是个人的责任,请社会尊重个人的选择。句句不谈薪资,条条不离奉献,桩桩不谈好事,事事皆讲境界。说句自私的,如果个体的困顿和集体无关,那么集体的荣辱又...

2025/1/15
articleCard.readMore

微说 | 给群众一些选择电视剧的空间

啥剧火了,广电就整治啥剧。整治过大女主剧,整治过室外综艺,整治过校园青春剧,现在又开始整治霸总剧。哪个题材火,就整治哪个。我想说的,这些完全可以交给市场,当剧集很烂、当人们厌倦时,某种题材自然就没收视...

2024/11/26
articleCard.readMore

微说 | 活着

活着/洪真英 活着都是那样 虽然有很多辛苦和痛苦的日子 但是活着真是件很好的事 今天您也辛苦了 是怎样度过的呢 今天也喝过一杯了吗 虽然没有顺心的事情 但即使叹气也请不要悲伤 谁也不...

2024/11/24
articleCard.readMore

微说 | 借用睡前消息里面的一段话

我们不需要天天找证据,宣布邪恶的美国必然失败;也不需要天天吹成绩,用之前几十年工业补课的效率论证未来必然胜利,这些事情除了让我们误判形势之外毫无价值。作为一个马克思主义指导的国家,我们唯一要做的事情,...

2024/11/21
articleCard.readMore

微说 | 曾经梦寐以求的,现在却没了追求

曾经我在租房时,就一直在想,我要在买房后,一定要买个性能好的台式机,再配个好的显示屏。 后来,真的买房了,却也没有追求硬件性能的热情了。目前这样,也还行! 就像我小时候梦想的四驱车,合适的年龄就追...

2024/11/18
articleCard.readMore

微说 | 我小时候的那些书本

太可惜,太可惜,我妈在我上大学时,嫌弃我从小学到高中的那些书本占地方,然后那些课本都给卖了。太可惜了! 唉。如果没卖的话,还能翻翻以前的课本,回忆下小时候的时光。...

2024/11/17
articleCard.readMore

给博客添加了一个微说的功能

记录下想说的只言片语

2024/11/17
articleCard.readMore

今年的双 11 很平静

其实也是没啥买的!

2024/11/17
articleCard.readMore

微说 | 贪就是贪

三斤的粮食,和珅他贪了两斤,然后再兑换成两斤的麸糠,美名其曰是为了真正的灾民。为了灾民你倒是别贪那两斤粮食呀。 粮食是全国各捐款人捐的,你就管下分配就能贪三分之二?照这么说,红十字会每年贪,然后送点...

2024/11/15
articleCard.readMore

微说 | 总有人说穿越小说为什么不发展工业和科技!

武侠小说或穿越小说,一般都是始于历史,终于历史。历史已经发生了,是既有事实。无论发生了什么,最终都是雍正即位,改变不了。你推动工业革命、发展经济,这不是穿越小说,是科幻小说。 就像郭靖不论有多牛逼,...

2024/11/15
articleCard.readMore

微说 | 花了很多时间和精力,

花了很多时间和精力,在凌晨写出了一份自以为精妙完美浑然天成不可添删一行的代码之后,没人夸一句“你好棒”,然后只能带着自豪感和淡淡的遗憾昏昏沉沉的睡去。...

2024/11/15
articleCard.readMore

2025 年终于是增加了 2 天的假期

好事儿,好事儿!

2024/11/12
articleCard.readMore

微说 | 这是我的第一条微说,

这是我的第一条微说,加油!!! ...

2024/11/12
articleCard.readMore

如何手写 Array 的 forEach 方法

手动实现 forEach 方法,了解其内部原理!

2024/11/6
articleCard.readMore

看到聚美优品的没落,真是唏嘘

从高光衰败,跌落神坛,令人唏嘘

2024/11/5
articleCard.readMore

如何手写 Array 的 map 方法

手动实现map方法,了解其内部原理!

2024/11/3
articleCard.readMore

秋意正浓时

啊!秋天来了

2024/11/3
articleCard.readMore

收藏几个常用但访问比较慢的组件的官网网址

经常使用但老记不住的几个前端组件地址

2024/10/29
articleCard.readMore

从 Axios 源码分析如何支持 fetch 方法的

数据请求库Axios源码中,是如何fetch方法的

2024/10/29
articleCard.readMore

1024,给博客评论区所有的头像戴上一顶可爱的帽子

愿大家都能开开心心

2024/10/24
articleCard.readMore

使用 GitHub 搭建了一个静态博客

无聊中在 GitHub 上搭建了一个静态博客

2024/10/22
articleCard.readMore

在 JavaScript 如何判断变量是否为空

日常业务中我们经常需要判断变量是否为空,我在这里封装了一个方法进行判断!

2024/10/22
articleCard.readMore

我为什么还在坚持我的个人博客

文章输出不规律,流量又很低,还能一直这么坚持,大概也是兴趣使然了吧!

2024/10/21
articleCard.readMore

不要再手动拼接 URL 参数,请使用 URLSearchParams

浏览器原生了实现 URLSearchParams,极大地简化了 URL 参数的处理!

2024/10/15
articleCard.readMore

使用 NodeJs 向百度资源推送链接

如何使用NodeJs快速向百度提交页面链接

2024/10/15
articleCard.readMore

工具链极度内卷,留给开发者的性能优化手段已经不多了

留给开发者的性能优化手段已经不多了

2024/10/13
articleCard.readMore

在 React 中显示多个标签,超出省略并可以 hover 显示更多

如何实现在一行或多行中显示多个标签,超过范围就省略

2024/10/13
articleCard.readMore

蚊子的前端博客:探索与分享前端技术的奇妙之旅

一起探索前端技术的奇妙世界,共同书写属于我们的技术传奇!

2024/10/11
articleCard.readMore

互联网程序员前景真的一片黑暗吗?

没有谁的工作是不可取代的,如果你辞职,老板极力挽留,那就说明,你是那帮取代你的候选人当中最便宜的。

2024/10/11
articleCard.readMore

Deno2.0 正式发布,向 Node.js 兼容

10 月 9 日,Deno 2.0 正式发布,本文就来看看该版本都带来了哪些更新!

2024/10/10
articleCard.readMore

React 请求数据别再使用 useEffect 和 useState,试试 SWR 吧!

仅需一行代码,就可以简化项目中数据请求的逻辑

2024/10/9
articleCard.readMore

React 的 useEffect 的一些使用场景和技巧

useEffect()是最常用的hooks之一,一起来看下它的使用场景!

2024/9/24
articleCard.readMore

前端趣闻之 JavaScript 语言的诞生和发展

我们以为前端还很年轻,其实JavaScript语言也快30岁了

2024/9/20
articleCard.readMore

如何合并同一接口的相同参数的请求

通过合并同一接口中具有相同参数的多次请求,减少服务器负载,提升响应效率,实现资源高效利用

2024/9/13
articleCard.readMore

百度搜索中关于蚊子前端博客的奇怪的检索数据

百度和必应搜索本人博客时得到的不同的检索结果

2024/9/12
articleCard.readMore

使用 React 实现 todo list 的 curd 操作

项目 todo list 能够帮助我们快速熟悉 React 框架!

2024/9/6
articleCard.readMore

React 模板中为什么可以用逻辑与运算符

在 React 模板中,若表达式结果为false时,为什么不渲染数据呢?

2024/9/3
articleCard.readMore

评论回复在一张表里的评论系统如何进行分页

评论系统实现分页的思路

2024/9/3
articleCard.readMore

React 组件多次调用时如何区分不同的 div 容器

在 React 组件多次被调用时,经常需要区分出不同调用之间的 DOM 元素

2024/9/2
articleCard.readMore

安全赋值运算符,再也不用写 try-catch 了

ECMA新增了安全赋值运算符的提案,将错误和数据扁平化,再也不用写try-catch了

2024/8/28
articleCard.readMore

使用 nextjs 重构我的个人博客

使用 Next.js 重构了我的个人博客系统,方便后续的开发和维护

2024/8/22
articleCard.readMore

基于 gitlab 的 webhook 向飞书发通知

基于 gitlab 的 webhook 向飞书发通知

2024/7/15
articleCard.readMore

数字转换为更高量级单位的工具方法

我们日常开发中需要把较大的数字转为更高的量级,一起来看下吧

2024/6/5
articleCard.readMore

如何避免旧请求的数据覆盖掉最新请求

对同一个接口发起不同的检索条件的请求,如何避免旧数据覆盖掉新数据?

2024/6/3
articleCard.readMore

JavaScript 中 toString 的冷知识

不同类型的数据调用 toString() 会得到不同的结果

2024/5/27
articleCard.readMore

React 中 useState 和 useRef 与全局变量的区别

React中有多种数据存储的方式,他们有什么区别呢?

2024/5/16
articleCard.readMore

从面试官的角度分析下简历中存在的问题

看了不少同学的简历,汇总下这些简历中出现的问题,希望能帮助到大家

2024/5/10
articleCard.readMore

使用 React 实现 6 个输入框的短信验证码功能

如何使用 React 实现 6 个输入框的短信验证码功能

2024/5/7
articleCard.readMore

反驳那些要实时刷新页面的前端部署方案

那些前端部署后要实时通知用户更新页面的方案,看来看去,总是觉得别扭

2024/4/23
articleCard.readMore

JSON stringify 的一些不常见使用

介绍JSON stringify()几个不太常用但很有用的用法

2024/4/22
articleCard.readMore

JavaScript 中数组 Array 的常见操作

在JavaScript中,数组出现的频率还是很高的,梳理整理了下数组的常用操作

2024/4/18
articleCard.readMore

前端如何提升用户的交互体验

前端是离用户最近的岗位,优异的前端设计,能大大提高用户的使用体验

2024/3/28
articleCard.readMore

没有日的日期在iOS中报 Invalid Date 的探究

没有“日”的日期,在 iOS 中,使用 new Date() 会转换失败

2024/3/27
articleCard.readMore

飞书很好,但还是没抗住

飞书依然没逃脱被裁员的命运

2024/3/27
articleCard.readMore

给 Antd 的 DatePicker 组件实现带有至今的功能

如何给 Antd 中的 DatePicker 添加「至今」功能

2023/11/7
articleCard.readMore

antd 的 InputNumber 输入框添加左右的加减按钮

我们来封装一个有左右切换按钮的数字输入框

2023/10/17
articleCard.readMore

给想进国央企的同学介绍一款招聘软件「国聘」

很多同学想了解国央企的招聘机会,却没有渠道,这里推荐一款招聘软件「国聘」。

2023/10/11
articleCard.readMore

基于 React 和 antd 实现的图片裁剪压缩功能

我们有很多上传图片的场景,都要用到裁剪和压缩的功能!

2023/10/11
articleCard.readMore

uniapp 中 checkbox 中的 checked 不生效的方案

uniapp 中 checkbox 中,监听 change 事件然后设置 checked 不生效。

2023/9/19
articleCard.readMore

React18 源码解析之 useContext 的原理

这篇文章我们了解下 React 中状态管理相关的hook:createContext 和 useContext

2023/9/3
articleCard.readMore

React18 源码解析之 useReducer 的原理

useReducer()是比useState() 的更广泛的hook,可以自定义dispatch内的操作

2023/7/12
articleCard.readMore

敏捷开发的双周迭代模式

优秀的项目管理是互联网公司在复杂环境下保证软件开发按计划推进、落地的关键,也是保障规模团队的产品研发效率和质量的核心要素

2023/6/30
articleCard.readMore

如何给 create-react-app 添加构建时间

我们可以通过配置向页面中注入构建时间,方便告知我们页面是否已更新

2023/3/30
articleCard.readMore

前端如何实现水印功能

介绍两种创建水印的方式和水印如何避免被修改

2023/3/24
articleCard.readMore

2023 年最新最全的 http 网络面试题

了解更多 http 相关相纸,更能方便我们定位问题和优化性能

2023/3/13
articleCard.readMore

前端性能监控的基本介绍

我们主要介绍下前端性能监控的目的、指标,和一些基本的实现思路。

2023/3/4
articleCard.readMore

React 中如何自定义和封装 hooks

React中内置的hooks无法满足我们的业务,我们应该如何封装一些适合的hooks呢?

2023/3/3
articleCard.readMore

基于 localStorage 实现有过期时间的存储方式

我们介绍下如何基于 localStorage 实现有过期时间的存储方式!

2023/3/1
articleCard.readMore

2023 年最新最全的 React 面试题

React 作为前端使用最多的框架,必然是面试的重点,我在这里汇总了一些常见的面试题。

2023/2/26
articleCard.readMore

去掉数组中连续的数字

去掉数组中连续的数字,我又称之为「数组消消乐」

2023/2/13
articleCard.readMore

如何通过企业微信发送消息通知

企业微信为我们提供了多种消息通知的方式,每种方式都有哪些特点,怎么接入呢?

2023/2/10
articleCard.readMore

再见2022,你好2023

类似的标题,不一样的心情

2023/2/7
articleCard.readMore

React18 源码解析之 useState 的原理

useState()是我们最常用的hooks之一,主要是为了存储数据和更新视图的状态。

2022/12/20
articleCard.readMore

建立以企业 IM 为中心的沟通协作模式

如果有条件的话,一定要更换成企业级的沟通协作软件,比如企业微信、钉钉、飞书等。因为这些企业 IM 不只是单纯的聊天沟通,他更是一个完整的协作平台。

2022/11/27
articleCard.readMore

React18 源码解析之 useRef

useRef()这个 hook,可以用来存储任何类型的数据

2022/10/14
articleCard.readMore

React18 源码解析之 hook 的依赖项更新机制

在如 useEffect(), useMemo(), useCallback() 等 hooks 中,第 2 个参数是依赖项,那么这些 hooks 是如何根据依赖项进行更新的呢

2022/10/14
articleCard.readMore

React18 源码解析之 useCallback 和 useMemo

本篇文章我们主要了解下 useCallback 和 useMemo 是如何来优化React组件的。

2022/10/14
articleCard.readMore

React18 源码解析之 hooks 的挂载

我们终于开始要了解 React 中 hooks 的用法,不过我们得先知道React是如何引用hooks的

2022/10/14
articleCard.readMore

React18 源码解析之 key 的作用

React中的key有什么作用,如何设置这个key呢?

2022/9/19
articleCard.readMore

React18 源码解析之 placeChild 的执行

在 React fiber 对比的过程中,有用到 placeChild() 函数,这个函数是做什么的呢?

2022/9/19
articleCard.readMore

React18 源码解析之 reconcileChildren 生成 fiber 的过程

jsx具体是如何转换成fiber节点的呢?如何利用之前旧的fiber节点呢?

2022/9/19
articleCard.readMore

React18 源码解析之 processUpdateQueue 的执行

fiber节点上挂载一系列的任务,这些任务是如何进行调度的呢?

2022/9/18
articleCard.readMore

React18 源码解析之 beginWork 的操作

针对不同类型的组件,内部都通过哪些方式来获取jsx呢?

2022/9/18
articleCard.readMore

React18 源码解析之虚拟 DOM 转为 fiber 树

主要来了解下把jsx转为fiber节点的流转过程

2022/9/18
articleCard.readMore

在 JavaScript 中循环和定时输出一系列的内容

基于js的机制,如何定时循环输出一系列的内容?

2022/8/3
articleCard.readMore

JavaScript 中的 Promise 异步并发控制

前端开发或Node.js开发中,经常会遇到并发请求的场景,针对这些场景,我们怎么进行限制呢?

2022/8/3
articleCard.readMore

React18 源码解析之 fiber 等数据结构

React源码中有诸如fiber等多个数据结构,那每个数据结构都长什么样子,有什么作用呢?

2022/8/2
articleCard.readMore

React18 源码解析之 lanes 模型中的位运算

react中是通过lanes模型来进行任务优先级调度的,我们先来熟悉下lanes中的各种位运算

2022/7/28
articleCard.readMore

React18 源码解析之 render()入口方法

整个react源码结构太过庞大,就像一个毛线团,我们总得先找到一个头,才能抽丝剥茧地梳理。

2022/7/25
articleCard.readMore

React18 源码解析之fiber等几个重要的数据结构

在整体了解学习React源码之前,我们先来了解几个对React很重要的数据结构

2022/7/25
articleCard.readMore

React18 源码解析之搭建调试环境

阅读React的前提是搭建一个调试源码的环境,那么如何搭建呢?

2022/7/25
articleCard.readMore

js 对象中深层数据的key的扁平与展开之间的转换

如何实现将Object类型中的key进行扁平收缩和展开的操作

2022/7/21
articleCard.readMore

leetcode 的单向链表与数组的转换

leetcode中如何将单向链表与数组进行转换?

2022/6/21
articleCard.readMore

如何重写 localStorage 中的方法

经常会想要重写 localStorage 来实现某个功能,都有哪些方法重写 localStorage 里的方法呢?

2022/6/3
articleCard.readMore

nodejs 中复制文件和文件夹的多种方式

nodejs 中有多种复制文件的方式,我们一起来看看。

2022/5/27
articleCard.readMore

深入浅出 http 的缓存机制

通过使用 HTTP 缓存,可以减少等待时间和网络流量,那么HTTP缓存都有哪些类型,如何实现这些缓存机制呢?

2022/5/9
articleCard.readMore

各种 2 到 62 任意进制之间的转换

如何实现一个任意进制转换的方法

2022/4/28
articleCard.readMore

http-proxy-middleware 的注意事项

http-proxy-middleware的nodejs组件通常用来代理转发请求,那么在使用过程中遇到过哪些问题呢?

2022/4/28
articleCard.readMore

leetcode2244 如何使用最少的轮数完成任务

如何用最少轮数完成所有的任务

2022/4/24
articleCard.readMore

leetcode367 判断该数是否是完全平方数

介绍下leetcode中该题目的注意事项

2022/4/23
articleCard.readMore

真没必要再对 axios 进行过度的封装

很多同学喜欢对axios再进行二次的封装,但真的有必要吗?

2022/3/18
articleCard.readMore

树形结构转为扁平数组结构

我们主要探讨下如何把树形结构的数据转为扁平的数组结构

2022/3/3
articleCard.readMore

如何将评论数据从扁平数组结构转为树形结构

以前的文章只讨论了下数据表的设计,这里我们主要讲解下如何从算法上把数组结构的数据转为树形结构

2022/2/28
articleCard.readMore

前端项目中如何区分环境

前端项目从开发到上线,要区分好几个环境来进行验证,如何区分着几个环境呢?

2022/2/24
articleCard.readMore

前端中对 url 的一些常用操作

我们平时操作 url 也比较多,如获取 url 中的参数,拼接 url 等,这里我们简单汇总下对 url 的常用操作。

2022/2/24
articleCard.readMore

nextjs 如何不显示next_data的数据

nextjs为了实现前段后的同构,会将渲染页面前的数据传给前端,那么如何不展示这些数据呢?

2022/2/19
articleCard.readMore

nodejs 中如何校验请求中的 referer

使用nodejs做服务器,接收到的请求千奇百怪,如何判断请求中的referer呢?

2021/11/22
articleCard.readMore

leetcode1337 矩阵中战斗力最弱的 K 行的一种新颖解法

这个题目比较简单,不过我这里提供了另一种解题思路,供大家参考!

2021/9/14
articleCard.readMore

NextJs 如何按服务端或浏览器端的类型分别打包

若一些模块只能在浏览器端使用,或只能在服务端使用,在NextJs中该怎么引用呢?

2021/8/12
articleCard.readMore

阿里这个不是瓜,是犯罪!

做为一个技术类的博客,本来不想评论一些实事。但这两天阿里发生的事情实在让人气愤。

2021/8/12
articleCard.readMore

如何打造一个react技术栈的多页面的框架应用

如何打造一个react技术栈的多页面的框架应用,本文将讲述基于create-react-app的改造过程

2021/8/12
articleCard.readMore

前端 web 已支持 randomUUID 方法

从 Chome92 版本开始,crypto 模块已经支持randomUUID() 方法了。

2021/8/5
articleCard.readMore

如何在 nodejs 的原生http服务中获取请求参数

nodejs的原生http服务中如何解析请求URL里的参数呢?官方已经不推荐url.parse()方法了,那么该使用什么方法呢?

2021/7/26
articleCard.readMore

如何使用 jest 和 lint-staged 只检测发生改动的文件

在git commit之前,我们如何只运行发生变动文件的单元测试呢?

2021/6/23
articleCard.readMore

实现一个带有动效的 React 弹窗组件

实现一个带有动效的 React 弹窗组件

2021/6/21
articleCard.readMore

将leetcode中二叉树的数组结构转为真实的树结构

将leetcode中二叉树的数组结构转为真实的树结构

2021/6/7
articleCard.readMore

基于 IntersectionObserver 实现一个组件的曝光监控

在产品推广过程中,经常需要判断用户是否对某个模块感兴趣。那么如何实现对一个模块的曝光监听呢?

2021/5/31
articleCard.readMore

如何解决移动端的安全区域为0的问题

在一些Android设备中,可以识别safe-area-inset-top属性,但又没有高度,这种问题该怎么解决呢?

2021/5/20
articleCard.readMore

JS 中一些高效的魔法运算符

现在 JavaScript 中,添加了一些操作更方便、高效的运算符,不用我们再进行一些额外的处理了。

2021/4/29
articleCard.readMore

公众号改名叫“前端小茶馆”啦

我的公众号改名叫前端小茶馆啦

2021/4/19
articleCard.readMore

使用 nodejs 中的 http 模块实现几个超实用的工具

nodejs中的http模块可以用来搭建HTTP服务和发送请求,我们来利用http模块实现几个超实用的小工具。

2021/4/14
articleCard.readMore

带你深入领略 Proxy 的世界

Proxy是在ES2015中添加的语法,考虑到兼容性的问题,我们实际中用的并不多,但随着浏览器的发展,对Proxy的支持度也越来越高,我们也有必要来了解一下他了

2021/3/29
articleCard.readMore

js 中你不知道的各种循环测速

在 js 中有着多种的循环方式,那么哪种循环方式最快,哪种循环方式最慢呢?我们最终应该选择哪种循环方式呢?

2021/3/22
articleCard.readMore

一个操作 cookie 的原生方法 cookieStore

我们平时对 cookie 的增删改查等操作,都是在操作 document.cookie,这里我们介绍一个操作cookie更方便的方法。

2021/3/15
articleCard.readMore

10 分钟内了解判断数组中存在元素的多种方式

在前端开发中,经常会遇到要判断数组中是否存在某个元素,我们来了解下各个判断的方式。

2021/3/4
articleCard.readMore

学完这 4 个小技巧,让你的移动端交互体验更加优秀

现在在手机等移动端设备访问的人越来越多,交互上的良好体验也变得越来越重要

2021/2/22
articleCard.readMore

使用 react 的 hook 实现一个 useRequest

如何使用hook实现一个useRequest呢?

2021/2/20
articleCard.readMore

再见2020,你好2021

又到了一年回头总结的时候了,刚刚过去的 2020 年,真的是不太平的一年的,有紧张,有欢笑!新的一年,加油!

2021/2/6
articleCard.readMore

react 开发中的一些小技巧,助你一臂之力

我使用 react 开发已经 1 年的时间了,不能说很精通,不过在使用的过程中,确实领悟和总结了一些小技巧,可以加快我们后续的开发

2021/1/28
articleCard.readMore

前端中 try-catch 捕获不到哪些异常和错误

我们经常会使用try-catch来捕获异常和错误,但又有哪些错误是try-catch捕获不到的呢?

2021/1/27
articleCard.readMore

如何打造一款高可用的全屏红包雨

在各个大活动中,经常会遇到红包雨的特效,那么红包雨具体是怎么实现的呢?

2021/1/18
articleCard.readMore

别再搞博客了,赶快写吧

不要再这腾讯您的博客系统了,赶快写作吧

2020/11/26
articleCard.readMore

axios 源码系列之如何取消请求

在axios中,我们可以根据特定情况来主动取消某个请求,那么这种方式是怎么操作的?实现的原理又是什么呢?

2020/11/25
articleCard.readMore

必然会用到的 axios 中自带的工具方法

在 axios 中,使用到了很多基础的工具方法,这些方法我们也可以提炼下,看是否能应用到我们自己的实际项目中

2020/11/17
articleCard.readMore

axios 源码系列之拦截器的实现

我们在使用 Axios 的过程中,或多或少地要用到它的拦截器,可是axios 的拦截器怎么使用,内部又是怎么实现的?

2020/11/14
articleCard.readMore

如何判断一个原生方法是否被重写

有的脚本会重写该方法,那么如何判断这个方法是否被重写了呢?

2020/11/12
articleCard.readMore

前端工程师如何通过造轮子提高自己

虽然常说不要重复造轮子,但造轮子却能很好地提高自己,那么如何提高自己呢?有什么技巧呢?

2020/11/4
articleCard.readMore

useState 与 requestAnimationFrame 实现的useAnimationFrame

如何使用requestAnimationFrame实现state的变化

2020/11/2
articleCard.readMore

如何实现 axios 的自定义适配器 adapter

我们想基于 axios 扩展一些自己的数据请求方式(例如 mock 数据,某些 APP 内专属的数据请求方式等),并能够使用上 axios 提供的便捷功能,该怎么自定义一个适配器 adapter

2020/10/22
articleCard.readMore

CSS:水平居中并限定最大的宽度

一个 CSS 布局和样式的问题,如何在水平居中和限制最大宽度中,进行平衡

2020/9/14
articleCard.readMore

如何写一篇垃圾的技术文章

很多写博客的人,经常会想着如何写出一篇好的技术文章,那么知道了什么是垃圾的技术文章后,虽然暂时写不出好的文章,但至少已经不是垃圾的文章了

2020/9/11
articleCard.readMore

如何在 react 中使用 if-elseif-else 多重条件判断

react中通常使用与运算符和三目运算进行条件判断,但遇到更复杂的条件判断时,就相对来说比较麻烦一些,这种情况应该怎么处理呢?

2020/8/28
articleCard.readMore

前端业务的监控与埋点数据的上报

前端业务数据都要考虑哪些关键点,如何简化其他开发者的工作呢?

2020/8/17
articleCard.readMore

node同构直出中多级缓存的使用

node同构直出项目,多级缓存是如何保障我们项目运行的?

2020/8/17
articleCard.readMore

技术人员如何写好周报和日报

经常有人在纠结自己的周报或者日报该如何写,经常是自己写了很多东西,但又不知道怎么提炼,这里提供一个模板,供大家平时使用

2020/8/12
articleCard.readMore

如何控制多个 toast 提示的展示

当需要同时展示多个toast提示,我们应该如何控制呢?

2020/7/20
articleCard.readMore

前端中的 hash 和 history 路由

前端路由有有 hash 路由和 history 路由两种路由方式,他们的原理是什么,又怎样实现一个简单的路由监听呢?

2020/4/10
articleCard.readMore

深入理解 node 中的 crypto 加密模块

在 node 中也有原生的 crypto 模块,该模块提供了 hash、hmac、加密解密、签名、验证功能等一整套的封装。

2020/4/5
articleCard.readMore

基于 websocket 的多端桥接平台

我们现在的业务是基于新闻客户端实现的,都要经过新闻客户端的环境,进行前后端数据上的交互。但是我们在调试过程中,非常的不方便.

2020/3/22
articleCard.readMore

如何在博客的评论系统中使用随机头像

如何根据邮箱设置头像和随机的默认头像呢?

2020/3/10
articleCard.readMore

同构直出项目中如何实现多终端的接口请求

抢金达人活动采用的是同构直出渲染方案,同时,主要是在新闻客户端和微信里运行。每个终端请求接口的方式都不一样,如何保证这些终端均能正常的进行接口请求呢?

2020/3/9
articleCard.readMore

腾讯抢金达人中倒计时的实现与改进

在前端的倒计时中,都有哪些方式,如何改进提高精度呢?

2020/3/5
articleCard.readMore

代码管理:请立即删除你不用的代码

你现在用不到的代码,以后也用不到了

2020/2/28
articleCard.readMore

震惊!数据被删了,怎么办?

删库跑路本来是我们程序员调侃的一个梗,但若真删库跑路了,怎么办呢?

2020/2/26
articleCard.readMore

再见2019,你好2020

类似的标题,不一样的心情。每年在写总结的时候,心里都是挺沉重的,原来才发现,这一年又白干了。活儿没少干,不过就是没挣到钱

2020/2/24
articleCard.readMore

腾讯抢金达人项目中的前后端协作

在基于node同构直出的抢金达人项目中,前端是如何与后端进行协作的呢,如何模拟接口的各种情况呢,都考虑了哪些方案呢?

2020/1/8
articleCard.readMore

node多进程的创建与守护

node是单线程运行,我们的node项目如何利用多核CPU的资源,同时提高node服务的稳定性呢?

2020/1/1
articleCard.readMore

如何构建自己的 react hooks

基于官方提供的几个 hook,我们可以根据我们业务的特点,封装出更方便更合适的自定义的 hook。

2019/11/15
articleCard.readMore

NodeJs:腾讯新闻构建高性能的 react 同构直出方案

我们在根据产品的体验效果选择了 react 同构直出渲染方案,必然也要保证当前方案的可用性和可靠性

2019/11/9
articleCard.readMore

使用 C 语言实现期末考试成绩的总分和平均分

如何使用 C 语言实现期末考试成绩的总分和平均分

2019/11/1
articleCard.readMore

博客被全站抓取了

全站前端都的内容被扒了,如何处理呢?

2019/11/1
articleCard.readMore

周末的动物园之旅

前些天的低温让人不愿出门,就想在家被窝里躺一天,不过上天也是眷顾,从周末开始忽然气温回升,阳光明媚

2019/10/31
articleCard.readMore

腾讯新闻抢金达人活动node同构直出渲染方案的总结

抢金达人活动中使用了node同构直出渲染方案,那么其中遇到了什么问题,最终带来了什么收益呢?

2019/10/21
articleCard.readMore

文字与元素居中的方式

我们经常会让元素进行上下左右的居中,这里提供几种方法供大家使用

2019/10/15
articleCard.readMore

十大经典排序算法(javascript实现)

排序在我们日常开发工作中经常要用到,那么都有哪些排序算法呢,这些排序算法各有什么特点呢

2019/10/13
articleCard.readMore

nextjs 如何将静态资源发布到 CDN

nextjs 是基于 react 的服务端同构指出框架,在使用的过程中也多多少少遇到过几个问题,其中最大的问题就是静态资源的发布了

2019/9/17
articleCard.readMore

JavaScript:如何获取某一天所在的星期

如何获取今天或者某一天所在星期的开始和结束日期,或者如何获取整个星期的日期

2019/9/5
articleCard.readMore

前端:形成自己的方法论

在前端工程化的体系建设中,如何形成自己的一套方法论

2019/9/5
articleCard.readMore

如何减少函数参数的输入

针对常用的函数,如何能减少必要的参数输入呢?

2019/6/3
articleCard.readMore

Can’t perform a React state update on an unmounted component

Warning: Can’t perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in t

2019/6/3
articleCard.readMore

高考毕业10年后的我活成了...

岁月走过不小心踩伤了受了伤的心尖,痛、始终不曾明灭的萦绕着苍白憔悴的思念。是否前世我淡薄寡怜了你一世的情愫?岁月走过光阴的沧海,遗落了一路的伤碎桑田心愿,在年岁风烛蚕食里是否还有痕迹?

2019/6/3
articleCard.readMore

记一次项目中分享图片的过程

从其他客户端分享到微信朋友圈的步骤是什么呢?又遇到了什么问题呢?

2019/5/21
articleCard.readMore

前端中的事件循环eventloop机制

js是单线程执行的,那么setTimeout和Promise.resolve等异步机制是如何执行的呢?

2019/5/14
articleCard.readMore

能用js重写的都会被typescript重写

TypeScript从今天数以百万计的JavaScript开发者所熟悉的语法和语义开始。使用现有的JavaScript代码,包括流行的JavaScript库,并从JavaScript代码中调用TypeScript代码

2019/5/13
articleCard.readMore

实现react组件的递归调用

项目中有侧边栏的层级菜单或者需要根据接口生成DOM树等操作时,如何实现组件的递归调用呢?

2019/5/12
articleCard.readMore

React:实现一个带有loading效果的按钮组件

在react中如何实现一个带有loading效果的按钮组件呢?

2019/5/10
articleCard.readMore

基于观察者模式实现一个EventEmitter类

在实现一些基础类库时,我们是经常需要用到`EventEmitter`模块的,比如在微信中下载某个APP时,前端需要了解当前下载处在哪个状态:刚开始下载、在在下载中、下载的进度、下载已完成、下载失败等等,都是需要我们向发布事件的

2019/5/9
articleCard.readMore

页面中长列表滚动的优化

当我们有10万条或者更多的数据需要展示在页面中,会出现哪些问题呢,我们应该怎样处理和优化呢?

2019/4/23
articleCard.readMore

实现Promise的first等各种变体

通过ES6中Promise提供的几个方法,来实现诸如first、last、none、any等各种变体方法

2019/4/9
articleCard.readMore

js打乱数组的实战应用

在js中,能把数组随机打乱的方法有很多,每个方法都有自己的哪些特点呢,同时若想随机取出数组中的几个元素,怎么办呢?

2019/4/6
articleCard.readMore

博客里评论系统的前端总结

本篇文章主要是从前端的角度来讲解下本博客评论系统的实现

2019/3/31
articleCard.readMore

js中parseInt与Math.floor的区别

js中parseInt与Math.floor在使用的过程中,有哪些细致的区别呢?

2019/3/14
articleCard.readMore

getScript在前端中请求js文件和jsonp

getScript在前端中使用的非常广泛,那么这里也分享下自己使用的ts版本的getScript,可以用来请求js文件和进行jsonp的请求

2019/2/27
articleCard.readMore

service worker在新闻红包活动中的应用

活动页面大多是单页面应用,加载js后,再通过js进行页面的渲染,因此js的加载速度直接影响了页面呈现的速度。这里是想通过service worker缓存静态资源,期望能直接从缓存中加载静态资源,加载页面的呈现速度

2019/2/26
articleCard.readMore

基于webview的前端页面优化指南

我们的业务主要是在移动端中使用和推广的,在移动端中,网络环境和内存都有不确定性,网络环境好的终端,不一定有好的内存;同样,有好内存的终端,也不一定都实时处在良好的网络环境下。因此,我们在针对移动端中应该有哪些优化呢?

2019/2/26
articleCard.readMore

Vue单页面中进行业务数据的上报

在单页面的应用中,我们应该怎样对用户行为和PV,进行更方便的埋点数据上报呢?

2018/12/16
articleCard.readMore

js:如何截取含有表情的字符串

若字符串中出现一些特殊字符,我们该如何截取才能不出现乱码的现象呢?

2018/12/1
articleCard.readMore

Vue: 单页面应用如何保持登录状态

在单页面应用中,若使用vuex管理登录状态时,经常会存在刷新页面后登录状态消失的问题,这个问题怎么解决呢?

2018/11/20
articleCard.readMore

博客,就是一个折腾

前几天,即使工作很忙,也从鲁迅的海绵里挤出了点水,来给自己的博客小小的改造了一番

2018/11/19
articleCard.readMore

在红包活动中如何保障账户的安全

我们经常在做一些福利活动来拉动用户的活跃度,提升APP的拉新和拉活。不过总会有些人在寻找我们活动中的漏洞,以此牟利。那么我们是如何预防这些别有用心的人的恶意攻击呢?这里我们就来聊聊是如何防范的

2018/10/30
articleCard.readMore

单页面切换路由时的倒计时和Vue倒计时组件

单页面中使用倒计时的注意事项,同时也分享一下我正在使用的倒计时组件

2018/10/11
articleCard.readMore

Vue中的嵌套组件中数据无法实时更新的问题

Vue中的嵌套组件中数据无法实时更新的问题

2018/10/10
articleCard.readMore

实现了几个基于腾讯新闻客户端的h5前端基础组件

在平时工作中做了不少基于新闻客户端的需求,在这些工作中,对其进行汇总提取,形成了这些npm基础组件

2018/7/19
articleCard.readMore

单页面应用中js获取url中的参数

单页面应用中以hash作为路由,那么在单页面中怎么能方便地获取到参数呢?

2018/7/19
articleCard.readMore

如何在npm上发布你的package

在自己平时工作或者学习中,总结出来的模块,我们可以将其提炼发布到npm上,这样即使有多个项目使用这个包时,也能方便地进行更新

2018/6/30
articleCard.readMore

Vue中对数组特殊的操作

Vue中对数组类型的数组是怎么操作的呢?我们看下Vue源码中的实现

2018/6/20
articleCard.readMore

CSS中margin出现空白的问题

当内部元素的高度加上外边距没有超过外部元素,却依然产生了滚动条,这是怎么回事呢?

2018/6/9
articleCard.readMore

仿Vue中的双向数据绑定实现

在使用Vue的过程中,给我印象最深的就是双向数据绑定,那么双向绑定的原理是什么呢,我们也来实现一个简单的双向绑定

2018/6/8
articleCard.readMore

Vue与Git结合进行环境区分与自动化部署

如何使用vue和git能够进行环境区分与自动化部署,让我们更加专注于代码的编写

2018/6/7
articleCard.readMore

再见2017,你好2018

类似的标题,不一样的心情。每年在写总结的时候,心里都是挺沉重的,原来才发现,这一年又白干了。活儿没少干,不过就是没挣到钱

2018/1/4
articleCard.readMore

innerHTML对IScroll组件的影响

使用innerHTML与appendChild会对IScroll组件产生什么影响呢

2017/12/13
articleCard.readMore

移动端里的逐帧动画

第一次做逐帧动画没有经验,想当然的用两张或三张图片做显示隐藏的切换,结果在手机里的动画效果简直没法看,这时,才想起了steps

2017/11/27
articleCard.readMore