一个专注于WEB开发的技术的个人博客

前言”搜索列表“就是有一个搜索框和一个显示搜索结果的列表的一种业务场景。在用户输入文字的时候能够在列表中展示搜索相关的信息。这个业务场景应该很多同学都做过，今天笔者就带着大家来逐步优化这种业务场景。本文建议在 PC 端上浏览，笔者已经为大家准备好了 demo，观众老爷们可以点开后续章节的的 demo 🔗进行调试。首先有几个要求： 即时响应用户输入 尽量快速显示用户搜索相关的列表 页面流程、性能 ...

最近在拉勾教育上学习了一个专栏《14 讲提升职场竞争力》，感觉对个人职业发展很有帮助，特总结于此。本专栏分为三个模块，以下是各个模块介绍。模块一，工作思维。 我会介绍职场中常见的 5 种工作思维，比如破解难题的拆解思维、提升工作经验价值的复盘思维、提高工作产出的优先级思维等。 学完这部分，你会从更高维度去思考问题，当别人还在依赖于直觉、经验做决策的时候，你已经从思维层面考虑到更多可能性和更完整全面 ...

什么是稀疏数组？在说稀疏数组之前，你需要知道很多语言将数组的分为稀疏数组与密集数组（区别是数组的各个子元素是否有孔，我们称为”hole”）。也就是说稀疏数组中的元素之间可以有空隙，在那些仅有少部分项被使用的数组中，hole 可以大大减少内存空间的浪费。 V8中数组的实现快数组（FAST ELEMENTS）快数组是一种线性的存储方式。新创建的空数组，默认的存储方式是Fast Elements方式，快 ...

前言本文将带你完成以下任务，相信你会更好掌握 Promise。 JS实现一个带并发限制的异步调度器Scheduler，保证同时运行的任务最多有两个 实现Promise.all 实现Promise.any 实现Promise.race Promise.allSettled 多个返回promise的函数串行执行 Promise 超时设计，利用Promise.race来实现 第一题JS实现一个带并发 ...

前言在看一篇 木易杨大佬，三年前端寒冬入大厂，收获蚂蚁、字节 offer 面经分享的文章，其中一道字节跳动的CSS题目吸引了我（哈哈，因为我对这个知识点比较含糊，答不上来），下面我们大家就一起来看看这道题吧。 题目求最终 left、right 的宽度（container 的 width < left 的 width + right 的 width 的情况）123456789101112131 ...

前言在前端面试有一个非常重要的环节，也是面试者最担心的一个环节。对“手撕代码”的考察需要面试者平时总结和积累（临时抱佛脚是不好使的），在这里笔者就自己如何攻破“手撕代码”环节总结了一些经验，希望能帮助你挑战高薪，迎娶白富美😄😄😄。 使用IDE时尽量避免直接使用提示API，亲自输入（孰能生巧，当然感觉没问题的API就不用浪费时间了） 遇到不熟悉的API，一定要查文档研究清楚（参数个数和具体意 ...

常用操作public key也就是你本地的 id_rsa.pub 文件，将文件内容添加到远程下列目录中/root/.ssh/authorized_keys yumyum提供了查找、安装、删除某一个、一组甚至全部软件包的命令。yum [options] [command] [package …]options：可选，选项包括-h（帮助），-y（当安装过程提示选择全部为”yes”），-q（不显示安装的 ...

周末看了CSS2019开发者大会的视频，受益匪浅。本文记录大部分视频内容以及自己的理解，如有理解不当的地方，还望指出。 为什么块格式自动 margin 不垂直居中元素？如果 margin-left 和 margin-right 都设置为 auto，则他们两个值相等，所以水平能够居中。如果 margin-top 和 margin-bottom 都设置为 auto，则他们实际等于0，所以就不能垂直居中 ...

最近公司需要做gitlab分支重置、部署、构建的可视化工具，涉及到Shell脚本相关的知识，先来补充一波。 运行Shell脚本&Shell 注释作为可执行程序12chmod +x ./demo.sh #使脚本具有执行权限./demo.sh #执行脚本 作为解释器参数1/bin/sh ./demo.sh 单行注释以 # 开头的行就是注释，会被解释器忽略。 多行注释12345:<< ...

Mobx数据流简单总结下Mobx常用api的使用 可观察数据Array、Object、Map、Observable // 将一个数据变成可观察数据（数组不是真正的数组）extendObservable() // 将动态添加的数据变为可观察（对象） String、Number、Boolean如果是方法的还需要observable.box来修饰调用get和set方法可以访问和修改原始类型值 对可观察数 ...