IICOOM的博客

这篇文章记录一下企业管理后台的登录注册页面的开发过程。

系列文章，讲述一个企业管理后台的前后端设计，持续集成常见的页面功能和服务端设计思路。

使用npm run build时报了这个错误：Assertion failed: (thread_id_key!= 0x7777), function find_thread_id_key, file …上面的错误出现原因是因为node-fibers在 nodejs >=16.x 的版本已经被弃用了。我编译的是一个nuxt.js的项目，这个项目有个依赖 “fibers”: “^5.0.0”,查看本地node版本 node/16.16.0 果然是这个问题。

JavaScript 是轻量的，解释型的，面向对象的编程语言，最为人熟知的就是它是网页开发脚本语言。自从Node.js出现，使得它能够胜任后端开发。如果你想学习一门编程语言又不知从何入手，那选择JS是一个不错的选择。Note: 这里的图片有时会刷不出来，如果你想要为某些思维导图补充内容并且自己留存，可以到下面的地址操作，会有更好的体验。JavaScript DOMJavaScript 变量JavaScript 运算符JavaScript 流程语句JavaScript 函数JavaScr.

最近使用create-react-app创建了前端项目，热更新触发后，查看DOM元素发现在整个页面插入了一个iframe，层级很高，会影响查看其他元素。这样重新启动项目，热更新后发现就不会再出现那个烦人的iframe了。

开发直播类的Web应用时在开播前通常需要检测设备是否正常，本文就来介绍一下如果如何做麦克风音量的可视化。

开发直播类的网页应用时，往往需要在开播前检测摄像头和麦克风是否正常，本文介绍一下浏览器如何获取到可用的摄像头和麦克风设备列表。

网格布局是二维的布局系统，和过去常用的布局方式相比完全改变了我们设计UI的方式。Grid Container(网格容器)，Grid Item(网格容器子元素)。Grid Line(网格线)，Grid Cell(网格单元格)。Grid Track(网格轨道)，Grid Area(被网格线分开的区域)。图例参考定义一个网格布局的容器设置网格行、列通过上面的方式就声明了一个 3行5列 的网格容器。结果图：可以看出对应的item已经被放在网格指定的位置。想象一下如果没有网格布局，你将会怎样实现这个布局

关注了 SEO 的关键点并应用于我们的网站，后期搭配SEO效果分析工具，可以为我们带来可观的流量。在付费流量性价比 逐步下降的今天，依靠SEO获取更多的 自然流量 应该受到每个企业的关注。

知道Promise.race()的人很多，这样的面试题也很多，但是能运用到实践中解决实际的问题却不是很多。希望本文可以帮到你。文章首发于IICOOM-技术博客 《使用Promise.race()实现控制并发》

JavaScript 的代码是运行在单线程上的，也就是说同一时刻只能有一个操作被执行。这样的好处是不用考虑并发问题，只需关注写得代码不要阻塞线程。通常情况，大多数浏览器当你打开一个tab就会开启一个Event Loop，而且每个网页之间是隔绝的，可以避免出现阻塞线程时导致整个浏览器卡死。如果你对之前提到的异步、同步还有印象，那么我们可以这样认为：阻塞的方法是以同步执行（synchronously），非阻塞方法以异步形式执行（asynchronously）。

要理解JS中的异步、同步，需要先了解JS代码的执行过程和Event Loop。

高斯模糊（英语：Gaussian Blur），也叫高斯平滑，是在Adobe Photoshop、GIMP以及Paint.NET等图像处理软件中广泛使用的处理效果，通常用它来减少图像噪声以及降低细节层次。这种模糊技术生成的图像，其视觉效果就像是经过一个毛玻璃在观察图像。

本文介绍一下如何使用js获取指定时间对应月份的天数。

优势：英文字体齐全，所有 Google Fonts 字体都是开源且免费。这样你的页面上使用了这些字体的文字就会变得优雅起来。文章到此就结束了，希望可以帮到你。

在Web开发中有时候会需要一些特殊样式的字体(不要问我为什么：为了装逼)。你一般都会怎么处理这个问题呢？

通过一个 RangeError: Array buffer allocation failed 的错误，认识到了内存合理使用的重要性。解决了这个问题，我们的大文件分片上传功能运行更加稳定。如果你有更高明的方法，欢迎到评论区讨论。文章首发于IICOOM-个人博客 《RangeError: Array buffer allocation failed》...

最近在使用 Node.js 的 fs.readdir 遇到一个问题，就是想让读出的文件按创建时间的先后排序。

没错它是这个网站的站长在百度投放的广告，看上去是那么醒目（真香~）。搜索结果中出现图片的好处？那这时你可能想问，“没有钱怎么办？”。 还有一种不用花钱的，像这个样子：看上去也还不错，总比纯文字的抓眼，这个是怎么做的呢？好奇心让我点击了这个网站，去分析一下它的页面结构：那个缩略图正是来自它页面中的第一个图片标签。那么这时，我恍然大悟，为什么那么多网站都会放一个封面图在页面顶部了。图片大小比例：点击索引图片发现，索引里面图片的大小统一是121X75px的尺寸，审查元素代码，图片小于121X75px的尺寸，不

最近在做一个浏览器下载文件的功能，遇到了一个奇怪的问题，“浏览器已经收到了服务器的响应，也能看到不停地接收数据，但就是没有弹出下载提示框”。

本文介绍一下使用Node.js的fs模块创建zip文件，需要借助包。

Markdown 语法简洁，并且对于图片，图表、数学式都有支持，许多博客网站都广泛使用 Markdown 来撰写文章。

SEO是（Search Engine Optimization）的缩写，意思是 搜索引擎优化。目的是让搜索引擎的爬虫更容易收集到你网站的内容，并把它们编写进自己的索引库中。这样你的目标用户就更容易发现你的产品和你提供的服务，在这个意义上，SEO就具备了一定的商业价值。...

现在国内可选择的网盘越来越少，而且上传下载限速，文件审核也很严格。针对这些缺点，自建网盘无疑是一个不错的选项。

这篇文章介绍一下我曾遇到的问题，问什么要开启https服务？Node.js如何配置证书？Express.js如何配置证书?

大文件上传会消耗大量的时间，而且中途有可能上传失败。这时我们需要前端和后端配合来解决这个问题。

最近运行一个前端项目时，出现了Node.js版本与依赖版本不符的问题，本文介绍一下Node.js版本管理工具。

最近使用el-tabs组件遇到了一个问题：就是el-tabs中el-tab-pane是动态生成的，而且后续需要获取el-tab-pane中元素的ref，代码大概是下面的样子：

最近有个需求，需要可以手动拖动侧边栏菜单，改变其宽度。

有一些情况，我们不希望用户输入空格这种无意义的字符，或者其他不合法的字符可以通过下面的方法解决。

标签在移动端浏览器有一些特别的用法，有时可以给用户提供很大的便利。

有时我们需要从扁平的数组结构(flat array)，根据id，和pid构建出树形数组结构(tree array)，这种情形经常出现在嵌套的目录结构

跨域资源共享 Cross-origin resource sharing (CORS) 是一种机制，它使用额外的 HTTP 头来告诉浏览器 让运行在一个 origin (domain) 上的Web应用被准许访问来自不同源服务器上的指定的资源。

vue3中使用element plus，想要覆盖组件的样式，想到了/deep/样式穿透，样式一直不生效，代码如下：<style scoped lang="sass">.main_wrapper padding: 0 53px position: relative top: -20px >>> .el-tabs__item height: 30px line-height: 30px color: #fff!important&l.

如果你正在思考如何根据容器的宽度 按比例 设置高度，那么这个应该可以帮到你。最近遇到一个响应式设计的需求，页面缩放时保持整体结构不变，按原有比例缩放，如下图：每行展示4个图片。这个需求看似简单，其实呢，也确实很简单… 开始写代码<template> <div> <el-row :gutter="12" class="y_gap00"> <el-col v-for="(item, index) in cate_list" :ke.

radial-gradient是一个很酷的css属性。我们可以用它给元素绘制出很有感觉的渐变背景。如果你不经常用它，会发现它的语法不太容易记忆，相比较于linear-gradient() 要稍微复杂一些。本文通过2个例子，带你领略一下它的魅力。渐变背景色<div class="hire_wrapper"></div>.hire_wrapper { background: radial-gradient(circle at 22% 5%, rgb(85, 55, 101.

你可能对css的渐变有所了解，比如linear-gradient、radial-gradient。但是并没有遇到过合适的使用场景，本文就来说一个 文字颜色渐变 的例子，就是 linear-gradient 的一个很优雅的使用案例。

在传统的网页开发时无需过多考虑内存管理，通常也不会产生严重的后果。因为当用户点击链接打开新页面或者刷新页面，页面内的信息就会从内存中清理掉。随着SPA（Single Page Application）应用的增多，迫使我们在编码时需要更多的关注内存。因为如果应用使用的内存逐渐增多会直接影响到网页的性能，甚至导致浏览器标签页崩溃。这篇文章，我们将研究JavaScript编码导致内存泄漏的场景，提供一些内存管理的建议。什么是内存泄漏？我们知道浏览器会把object保存在堆内存中，它们通过索引链.

本文将带你用正确姿势看待JavaScript闭包。在 JavaScript 中闭包描述的是 function 中 外层作用域的变量 被内层作用域 引用的场景，闭包的结构为 内层作用域 保存了 外层作用域的变量。要理解闭包，首先要知道 JS词法作用域 是如何工作的。JS词法作用域(lexical scoping)来看这段代码：let name = 'John';function greeting() { let message = 'Hi'; console.log(m.

防抖和节流到底是什么？防抖和节流属于性能优化的知识，它可以有效的降低高频事件触发时，你定义的方法的执行次数。还是没有感觉？？？那么，来看下面的场景：用户在搜索框输入关键词（只有当他输入完成时我们才去向服务器发送请求，然后给出搜索结果）自动保存用户填写的表单数据上面的场景都对应着一个高频事件，即input或者textarea的onKeyUp事件，我们一般是在用户触发这个事件后去向服务器发送请求（这样做的好处是不需要用户去点击搜索按钮，有一种实时查询的感觉）。那么问题来了，当用户输入一个要查