bigerfe_社区达人页

2022年12月

• 12.13 23:09:06
  发表了文章 2022-12-13 23:09:06

  基于rollup打造组件库，你可能会用到这些插件

  最近在重复赵轮子，用rollup搞一个react 组件库，今天就简单整理下用到的插件。 简单来说插件就是能力者，帮助你完成某事，相信大家都用过webpack构建项目，我们会用到各种plugin和loader来帮我们处理js、css、图片、压缩代码等，那么在rollup里想要完成某事，也同样需要对应的plugin来完成，而且rollup的配置会更加简单。

  
• 12.13 23:07:16
  发表了文章 2022-12-13 23:07:16

  被逼无奈学了几个mysql命令，竟然有大用。

  这是一个欲哭无泪得故事，故事从开始到结束花了我整整2个小时。 现在开始进入这个小故事，请备好垃圾桶。

  
• 12.13 23:03:18
  发表了文章 2022-12-13 23:03:18

  10个可以提升开发效率的CSS辅助工具，快速生成常用代码片段

  大家好，今天给大家推荐几个我一直在用的 css辅助工具，可快速生成常用css代码片段，让你开效率大大提升， 同时也是非常好的学习资源。

  
• 12.13 22:58:52
  发表了文章 2022-12-13 22:58:52

  一个比肩leetcode的面试刷题网站

  最近收集了不少好玩接地气的工具，分享给大家。 说到面试刷题，我应该是比较有经验的，去年初本人正好换工作，也为面试做了很多准备，其中一个环节就是要复习大量的面试题，但是题目太分散，搜索引擎都要用烂了，后来那个月小度的股价涨了不少。

  
• 12.13 22:57:40
  发表了文章 2022-12-13 22:57:40

  来自阿里的，7天学会（废）nodejs教程

  当然这也是我们成为全栈必须要掌握的知识。 今天推荐一个适合新手的免费node学习教程 - 《7天学会nodejs》。

  
• 12.13 22:55:35
  发表了文章 2022-12-13 22:55:35

  不愧是前端老油条，分分钟看出我方案的bug

  国庆前刚开发完一个小需求，常规性的做了一次code review，不过这次review有所不同，我们组前端老油条竟然参会了，平时发会邀都不来的。 不过不愧是老油条，竟然分分中发现了问题，老油条的地位又在我们小前端的心里巩固了一下。 和往常一样，review前先过一遍技术方案，一让大家快速的了解需求，二来分析下技术方案是否存在问题，是否合理，一般情况下，技术方案没问题，后面的代码review感觉就没啥必要了，因为很少有人听。

  
• 12.13 22:54:00
  发表了文章 2022-12-13 22:54:00

  总结10条~高级前端必知的小程序体积优化策略

  我们都知道微信小程序有包体积限制，整个小程序所有分包大小不超过 20M，单个分包/主包大小不能超过 2M。然而面对业务的不断更新迭代，代码和资源会越来越多，如果不尽早规划包体积的治理，势必有一天会对业务的发展造成阻碍。所以如何在有效支持业务逻辑的同时，尽量减少资源占用，在小程序开发环境中显得尤为重要。 代码包体积是其中的一个重要方面，本文将就此进行分析与探讨。

  
• 12.13 22:51:36
  发表了文章 2022-12-13 22:51:36

  嘘！市面上短视频(douyin)“去水印”的工具原来是这样实现的

  现在视频号非常火热，之前在做抖音和快手的人就直接把之前的视频直接搬运过来了。但是从抖音app下载的视频都是带官方水印的？这个是怎么去掉的？哦，不对，他们应该都有保 留原视频的吧。但是还有很多人是直接搬运别人的视频的，那他们是怎么去水印的呢？ 其实早就有很多现成的工具，如小程序、去水印app都能直接去水印，甚至还有收费的。

  
• 12.13 22:18:01
  发表了文章 2022-12-13 22:18:01

  3分钟精通flex布局 - flex布局可视化学习工具

  现在大前端中被使用最多的布局方式非flex莫属，像h5、pc、小程序、rn、甚至native都在使用flex布局，可见掌握好flex布局是多的重要。 然而在flex布局兴起时，我们学习flex布局的方法大部分就是看一些博客文章的解析，官方文档说明，然后挨个去看各个属性的作用和示例，然后再自己手敲实践几次。这也是我当初学习flex布局的方法，常规手段，也很有效。如果愣是要说一些不足的地方，应该就是不直观，效率不太高。 那有没有一种更直观、更高效的学习方式呢？ 为了能解决这个问题，flex布局可视化工具就诞生了。

  
• 12.13 22:15:20
  发表了文章 2022-12-13 22:15:20

  彻底理解 for of 和 Iterator

  本文主要来说下ES6的Iterator，目的在于理解它的概念、作用、以及现有的应用，最后学以致用。 Iterator可以说是ES6内相当重大的一个特性，也是很多其他特性运行的基石。 为什么Iterator地位如此之高呢？

  
• 12.13 22:11:55
  发表了文章 2022-12-13 22:11:55

  搜尽全网，整理了19道promise 面试题，你能做对几个？

  业务开发中经常用Promise，但是第一题真不一定能作对。。。。。emmm，我说的是别犹豫的、能非常肯定的给出答案的哪种... 作为前端开发，相信日常开发中Promise的使用率应该时最高的，另外面试中js基础部分考察最多的也莫过于Promise，所以Promise的重要性咱就不多说了。 说的那么重要，是不是有点夸张了，想想不就几个api吗？但是真的了解他的运行机制吗？现在不管是大厂还是小厂，promise 已经成为了面试必考知识点；可是真正掌握了多少，真正面试的时候，又能有多少把握呢？ 平时大家忙于业务开发，很多基础知识时间一长就容易淡忘，所以本文根据 Promise 的一些知识点总结
• 12.13 22:09:20
  发表了文章 2022-12-13 22:09:20

  真香 - Webpack5 新特性之增量编译

  webpack作为最使用最广泛的前端打包工具，已经成为前端工程化基础设施的一部分。 webpack5正式发布于2020年10月10号，距离上一个大版本Webpack4更新已经是2年前年了，每个大版本的升级都会有相当多的改变和提升，今天咱们就来看看增量编辑和长期缓存。

  
• 12.13 22:06:48
  发表了文章 2022-12-13 22:06:48

  10秒钟内说出js中有哪些内置错误类型

  如果现在立刻让你回答，说下你了解的js中有哪些错误类型？能说出几个？ 日常开发中，我们会碰到各种各样的js报错信息。大部分情况，我们只要看到控制台有飘红，就知道代码执行有问题。但是这些错误都有哪些类型？可能没有太关注过，如果我们知道了这些错误类型出现的场景，那是不是对我们定位问题有所帮助，甚至能提高我们以后的代码质量。

  
• 12.13 22:03:37
  发表了文章 2022-12-13 22:03:37

  如何更好的取消一个promise？

  一个正在执行中的promise怎样被取消？ 其实就像一个执行中的ajax要被取消一样，ajax有abort()进行取消，而且fetch api 也有了相关的规范-【AbortController】。

  
• 12.13 22:02:13
  发表了文章 2022-12-13 22:02:13

  今日一题 - 请模拟实现一个Promise.all() 方法？

  Promise.all()方法用于将多个 Promise 实例，包装成一个新的 Promise 实例。 Promise.all()方法的参数可以不是数组，但必须具有 Iterator 接口(所以数组、Map、Set都可以)，并且只返回一个Promise实例，输入的所有promise的resolve回调的结果会按传入的按顺序作为一个数组的其中一项返回。 当然也支持非promise对象的传入，会作为数组中的一项返回。

  
• 12.13 22:00:39
  发表了文章 2022-12-13 22:00:39

  整理几个被遗忘的js基础代码题，还都能答对吗？

  我们每个人面试的时候，面试官都会问一些js基础的概念。比如说说你对闭包的理解，说说你对原型和原型链的理解，作用域和作用域链的理解，var、let、const的区别、promise的理解等等，相信这些概念性的东西，我们都能回答个八九不离十。 但如果面试官把这些概念性的问答，换成代码题让你来分析呢？是否还都能给出正确答案，并且说出为什么得出这个结果呢？ 其实看代码，分析执行结果才是最考验人，是真是假一试便知啊。
• 12.13 21:59:26
  发表了文章 2022-12-13 21:59:26

  HOC、Render props VS Hooks

  工作中虽然在用react技术栈做开发，但react hooks 还没有实际用到，一直都在用redux。毕竟都2021了，如果还不会hooks真有点说不过去了，会怀疑我还是前端吗？ 所以最近打算学习下 hooks。今天就记录一些浅显的理解，通过具体示例来感受下hooks的魅力。

  
• 12.13 21:57:51
  发表了文章 2022-12-13 21:57:51

  可以让你早下班的前端提效工具

  工欲善其事，必先利其器，优化出更多的时间，去做更有意义的事儿。

  
• 12.13 21:54:27
  发表了文章 2022-12-13 21:54:27

  WebAssembly 出来之前发生了什么

  1995年javascript诞生，而且诞生的很快。 这货前10年迅速发展，紧接着就开始浏览器大战，都来抢占市场份额。 当时的互联网也不太发达，应用也没那么复杂，所以很多浏览器厂商还没考虑到js执行的效率问题。

  
• 12.13 21:53:16
  发表了文章 2022-12-13 21:53:16

  使用jenkins实现自动拉取码云代码，实现自动化部署

  紧接着上文说起，咱们这次来完成基于jenkins的自动化部署，也就是当有新的代码推送就会触发自动构建。 上一节我们已经实现了手动部署，大部分基础配置都已完成，不了解的可以先回顾下。。。。 基于jenkins实现手动拉取码云代码，实现半自动化部署 要实现自动化部署，其实这部分操作非常简单，只需要配置好构建触发器以及触发的事件即可。

  
• 12.13 21:51:47
  发表了文章 2022-12-13 21:51:47

  基于jenkins实现手动拉取码云代码，实现半自动化部署

  本文紧接上文玩转jenkins - 在自己的服务器上安装jenkins，不熟悉的可以先回顾下。 咱们这次来完成使用jenkins手动拉取我在码云的项目，之前都是登录服务器，然后切换到具体目录，拉取完成后再部署，这种人肉操作太累，所以必须要使用工具来完成，让我有更多的时间来刷剧。

  
• 12.13 21:47:56
  发表了文章 2022-12-13 21:47:56

  补充下3月面试题（好未来、腾讯音乐、小药药）

  补充一下落下的3月份的面试题，关于春季面经可以看我的上文 。从出师不利、面面具挂，到拿到阿里2个offer 以下是目前还记得的面试题，希望对一些人有用。
• 12.13 21:46:58
  发表了文章 2022-12-13 21:46:58

  刚出锅的面试题+面后感 - 新东方高级

  疫情期间都是电话面试，反而效率更高了，一天可以面好多个。 不多说，直接分享具体问题，如果你正在面试，或许用的上。 面试岗位：高级
• 12.13 21:45:55
  发表了文章 2022-12-13 21:45:55

  重学基础和原理 1 - 如何理解 HTML 语义化

  做业务开发时间久了，很多基础的知识慢慢被遗忘，但往往这些基础和原理性的知识才是最重要的，丢不得。
• 12.13 21:43:28
  发表了文章 2022-12-13 21:43:28

  React Router3到5 升级小记

  现在都 React Router 5 了，你是不是还在用v3呢？ 不光是你在用，我们很多项目也在用，懒得升级，感觉改动太大，升级了后谁知道会出什么问题，别没事找事。 毕竟v4是两年前的了，再不升级真的就有点说不过去了，直接拿一个小项目开刀，直接3-5吧，整体来说还好，v5版完全向下兼容react15，所以如果你的 react 是15的话没啥影响。 这里就简单的总结下，这次升级的一些内容。

  
• 12.13 21:40:57
  发表了文章 2022-12-13 21:40:57

  React Router5 感性认知

  本文主要是了解下 react-router 新版本一些理念，为我们以后的开发注入一些感性认知。 react router 目前最新的版本是v5.1.2。

  
• 12.13 21:38:55
  发表了文章 2022-12-13 21:38:55

  【扒一扒】深入理解 ES6 Iterator

  本文主要来说下ES6的Iterator，目的在于理解它的概念、作用、以及现有的应用，最后学以致用。 Iterator可以说是ES6内相当重大的一个特性，也是很多其他特性运行的基石。 为什么Iterator地位如此之高呢？

  
• 12.13 20:54:19
  发表了文章 2022-12-13 20:54:19

  Element 和 Node的关系是个啥

  说起这个话题要从一个面试题开始，前两天一个朋友发给我的（某团面试题），这个题简单的很，但是估计很多人不能自信的说出结果和原因。

  
• 12.13 20:52:14
  发表了文章 2022-12-13 20:52:14

  《大胖 • 小课》- 说说大文件分片和断点续传

  一般在前端开发中我们上传文件大多是比较小的文件，比如图片、pdf、word 文件等，也只有一些特殊的业务和场景才会需要上传大文件，比如上传一个视频 ，最小也得500M。 那如果文件太大，比如500M 1G 2G 那么大，直接上传会造成什么后果呢？ 直接上传过大文件，可能会出链接现超时的情况，而且也会超过服务端允许上传文件的大小限制，导致文件无法上传。 所以解决这个问题我们可以将文件进行分片上传，每次只上传很小的一部分 比如2M，多上传几次就可以啦。

  
• 12.13 20:49:56
  发表了文章 2022-12-13 20:49:56

  《大胖 • 小课》- 拖拽和剪贴板文件上传

  这是《大胖小课》栏目的专题一《说说文件上传那些事儿》的第5节-《实现文件拖拽和剪贴板上传》 专题已经更新章节： 《大胖 • 小课》- 我是这样理解文件上传原理的 《大胖 • 小课》- 写一个文件上传接口 《大胖 • 小课》- 不用 js 实现文件无刷新上传 《大胖 • 小课》- 玩玩多文件配多进度上传

  
• 12.13 20:48:38
  发表了文章 2022-12-13 20:48:38

  《大胖 • 小课》- 玩玩多文件配多进度上传

  这是《大胖小课》栏目的专题一《说说文件上传那些事儿》的第4节-《玩玩多文件配多进度上传》 专题已经更新章节： 《大胖 • 小课》- 我是这样理解文件上传原理的 《大胖 • 小课》- 写一个文件上传接口 《大胖 • 小课》- 不用 js 实现文件无刷新上传 既然要说多文件配多进度上传，那就要看看单个进度是如何实现的。

  
• 12.13 20:47:14
  发表了文章 2022-12-13 20:47:14

  《大胖 • 小课》- 不用 js 实现文件无刷新上传

  这是《大胖小课》栏目的专题一《说说文件上传那些事儿》的第3节-《不用 js 实现文件无刷新上传》 专题已经更新章节： 《大胖 • 小课》- 我是这样理解文件上传原理的 《大胖 • 小课》- 写一个文件上传接口 上一节，我们实现了一个简单的文件上传接口，服务端的文件保存我们使用koa-body来完成。 从这节开始我们开始进行梳理前端各种文件上传的场景,尽量覆盖的更全面。 既然要说不用 js 实现文件无刷新上传，那就要先说说最原始的文件上传，也就是在 ie 时代是怎么处理的。

  
• 12.13 20:45:45
  发表了文章 2022-12-13 20:45:45

  《大胖 • 小课》- 写一个文件上传接口

  这是《大胖小课》栏目的专题一《说说文件上传那些事儿》的第二节-《写一个文件上传接口》 上一节 《大胖 • 小课》- 我是这样理解文件上传原理的，我们说到了文件上传的原理，服务端的文件保存我们使用koa-body来完成。

  
• 12.13 20:43:10
  发表了文章 2022-12-13 20:43:10

  《大胖 • 小课》- 我是这样理解文件上传原理的

  这是《大胖小课》栏目的专题一、《说说文件上传那些事儿》的第一节-《文件上传原理概述》 之前发过一篇长文，内容太长，阅读体验太差，很难读完，换作是我也没这个耐心，所以借此专题进行分段介绍，短小精悍，直达主题。 当然从整体上，内容会更详细一些，也会把安全问题考虑进去。

  
• 12.13 20:40:55
  发表了文章 2022-12-13 20:40:55

  【实战晋级】理解跨域以及工作中跨域问题的处理 - 2 预检请求

  本文是第2节，紧接上1节 【实战晋级】理解跨域以及工作中跨域问题的处理 - 1。

  
• 12.13 20:37:36
  发表了文章 2022-12-13 20:37:36

  【实战晋级】理解跨域以及工作中跨域问题的处理 - 1

  相信大部分前端工程师在日常工作中经常使用 xhr 或者 fetch 从后端 api 里取数据然后进行二次处理，随后渲染到页面。

  
• 12.13 20:29:29
  发表了文章 2022-12-13 20:29:29

  复习下 [1,2,3].map(parseInt)

  今天继续来聊一个面试题，平时上班太忙的同学可以活动活动脑子。 这个题目只有一行代码，但是知识点不只一个。 当然我们的目的不在于做题，而在于解题的过程。 通过一步一步的分析，得出合理的答案。

  
• 12.13 20:24:21
  发表了文章 2022-12-13 20:24:21

  检查自己的代码是否存在内存泄露

  造成内存泄露的根本原因就是我们写的代码中存在某些对象长期占用内存，得不到释放，且这个对象占用的内存会逐步增加，导致 v8 无法回收，从而造成的服务的异常和不稳定，甚至是服务的中断和崩溃。

  
• 12.13 20:21:22
  发表了文章 2022-12-13 20:21:22

  【长文慎入】一文吃透React SSR服务端同构渲染

  前段时间一直在研究 react ssr技术，然后写了一个完整的 ssr开发骨架。今天写文，主要是把我的研究成果的精华内容整理落地，另外通过再次梳理希望发现更多优化的地方，也希望可以让更多的人少踩一些坑，让更多的人理解和掌握这个技术。 相信看过本文（前提是能对你的胃口，也能较好的消化吸收）你一定会对 react ssr服务端渲染技术有一个深入的理解，可以打造自己的脚手架，更可以用来改造自己的实际项目，当然这不仅限于 react ，其他框架都一样，毕竟原理都是相似的。
• 12.13 20:15:37
  发表了文章 2022-12-13 20:15:37

  【长文慎入】一文吃透 react 事件机制原理

  上个月有幸研究了 react 事件机制这个知识点，并且在公司内部把自己的理解进行了分享。现在趁还算热乎赶紧的整理下来，留住这个长脸的时刻。

  
• 12.13 20:04:58
  发表了文章 2022-12-13 20:04:58

  这个ssr 开发骨架有点帅

  前段时间一直在研究react ssr 技术，也很想自己写一个 ssr开发骨架，有了自己的骨架后就不需要在用 ejs 模板了，直接用 jsx 就可以了，技术栈也就统一了，那真的很爽。

  
• 12.13 20:02:20
  发表了文章 2022-12-13 20:02:20

  说说 router4的exact 属性

  这段时间正在研究 react router4 ，发现了其中一个很特别的属性。因为没有系统的看过官方的文档，所以在这里也频繁的踩坑。在网上也看过很多文章，结果还是踩坑。现在终于把坑踩平了，今天就把这个小小的知识点记录下来。加深一下理解。
• 12.13 19:34:08
  发表了文章 2022-12-13 19:34:08

  手写短命令工具 - 解决工作中的痛点

  写这个工具是为了解决自己日常工作中的一些重复性的劳动，提高一些效率。也算是通过程序来解决工作中的一些痛点。 有些命令如果我们能每次节省2秒钟甚至更多的时间，短期看不到时间的节省，但是从长期来看这个价值将是巨大的。我可以将这些时间专注于更有意义，更重要的事情 - 提高生命质量。