前端面试:你以为这只是一个简单的数组去重吗?
之前面试过程被问到数组去重有哪些方式?心想这个问题我会,随便也能说出好几种,也不带多思考的。巴拉巴拉巴拉巴拉。说完,面试官好像不太满意的样子,还问了句,没了吗。我想,咋滴,就这些还不不够用吗。然后就下一题了。
发表于 3天以前   ·   阅读量:37
JS程序设计的常用套路
亲尝百草,方知甘苦。套路,通常有助于提升代码的可读性、扩展性和效率。以下是作者工作中总结出来的一部分代码套路,分享给大家。
发表于 3天以前   ·   阅读量:35
使用React Context的一些优化建议
Context 提供了一个无需为每层组件手动添加 props,就能在组件树间进行数据传递的方法。
发表于 3天以前   ·   阅读量:41
面试心得分享:手写前端面试题全记录
几个面试题目,分享给大家。
发表于 3天以前   ·   阅读量:74
面试官居然要我用JS代码计算LocalStorage容量!
`localStorage`的容量大家都知道是`5M`,但是却很少人知道怎么去验证,而且某些场景需要计算`localStorage`的剩余容量时,就需要我们掌握计算容量的技能了~~
发表于 4天以前   ·   阅读量:47
实践总结|前端架构设计的一点考究
本文总结了作者在日常/大促业务的“敏捷”开发过程中产生的疑惑,并尝试做出思考得到一些解决思路和方案。在前端开发和实践过程中,梳理了一些简单设计方案可以缓解当时 “头疼” 的几个敏捷迭代问题,并实践在项目迭代中。
发表于 11天以前   ·   阅读量:144
解读vue中的solt
在 Vue.js 中,插槽(slot)的原理是利用组件的内容分发机制。当一个组件包含插槽时,Vue.js 会将组件内部的内容根据插槽的定义分发到相应的位置。
发表于 25天以前   ·   阅读量:128
Redux Toolkit
阅读本文章前,需要先了解下 redux 的基本概念与用法,Redux Toolkit 是建立在 Redux 基础之上的工具包,因此需要对 Redux 的基本概念有一定的了解,包括 Action、Reducer、Store、Middleware 等。理解 Redux 的工作原理和数据流程有助于更好地理解和使用 Redux Toolkit。
发表于 1月以前   ·   阅读量:712
昨天的题目是最近字节面试的手写题,实现有些问题,现配上相应的注释、码上掘金的 Playground 以及相关源码,修正如下
发表于 1月以前   ·   阅读量:110
Webpack 动态设置 devServer 的 proxy 配置项
在本地进行项目开发时候,有些时候需要使用代理来访问某些测试环境的数据,这就要在 Webpack 对 devServer 的 proxy 做相关的配置。
发表于 1月以前   ·   阅读量:145
年度代码翻车现场 |前端代码评审问题总结
代码评审于技术团队的工程师文化建设非常有意义,它是形成团队统一代码风格最有效的方式,作者把自己团队在一年的CR中常见的那些小问题做了一些梳理,希望能对大家起到一点小帮助。
发表于 1月以前   ·   阅读量:200
快速打开Nest.js的世界
从引用官方介绍开始: Nest(NestJS)是一个用于构建高效、可扩展的Node.js服务器端应用程序的框架。它使用渐进式JavaScript,使用TypeScript构建并完全支持TypeScript(但仍然允许开发人员使用纯JavaScript编码),并结合了OOP(面向对象编程)、FP(功能编程)和FRP(功能反应编程)的元素。
发表于 1月以前   ·   阅读量:122
【面试题】1970- 移动端适配介绍
目前市面上移动端屏幕尺寸非常的繁多,很多时候我们希望一个元素在不同的屏幕上显示不同的大小以此来更好的还原效果图。
发表于 1月以前   ·   阅读量:131
一个SSE(流式)接口引发的问题
最近我们公司也是在做认知助手,大模型相关的功能,正在做提示词,机器人对话相关功能。想要提高用户体验,使用SSE请求模式,在不等数据完全拿到的情况下边拿边返回。
发表于 1月以前   ·   阅读量:168
【滴滴】如何判断某一个值是数组
完美实现一个月下载量超过一个亿的包: isarray。
发表于 1月以前   ·   阅读量:121
基于Animate.css让你的网站眼前一亮吧
当你想要吸引用户的注意力,动画是一个强大的工具。Animate.css是一个功能丰富的库,用于在网页上快速轻松地添加动画。无需深入JavaScript或复杂的CSS,你可以给元素添加预设的动画效果。本文将指导你如何使用Animate.css为你的网站增添活力。
发表于 1月以前   ·   阅读量:129
最主流系统权限模块设计?五分钟搞定!
对于后台管理系统,权限控制、千人千面是必须的,例如超级管理员可以看到所有的页面;普通用户能看到A、B页面;VIP用户可以看到A、B、C、D页面,诸如此类,这些业务的逻辑背后就是三种概念的设计。
发表于 1月以前   ·   阅读量:148
Vue项目构建优化
在开发大型前端项目时,往往是一个需求对应一个分支,当完成需求后,就需要将代码打包、部署。代码通常需要部署到多个环境中,这些环境包括:日常环境、测试环境、回归环境和生产环境。回归环境用于在发布前进行测试,生产环境是用户访问的版本。随着时间的推移,项目中会不断引入许多新的依赖(如第三方库、插件等)和图片资源,代码数量也会逐渐增多,从而导致构建项目更加耗时,这也意味着部署项目需要消耗更长的时间。
发表于 1月以前   ·   阅读量:155
【1S 战役】飞天服务平台首页-秒开优化
Web 的性能优化有很多方法论可以来讨论,这里我先介绍一下飞天服务平台首页的业务背景,以及在业务过程中做的有针对性的优化方法。
发表于 1月以前   ·   阅读量:157
单线程JavaScript为何如此高效
JavaScript 中的异步任务通常是通过回调函数、Promise、async/await 等机制来处理。通过合理使用异步任务和任务队列,可以实现非阻塞的代码执行,提高代码的性能和响应能力。
发表于 1月以前   ·   阅读量:166
正则表达式不用背
正则表达式是一个强大的文本匹配工具。但是,对于初学者来说,众多的符号和规则可能让人难以理解。其实,你不需要记住所有的正则表达式语法!本文将分享一些简单而实用的技巧,帮助理解正则表达式的核心概念,轻松使用正则表达式!
发表于 1月以前   ·   阅读量:193
解决前端跨团队统一的隐性拦路虎
过去多年无论是一款插件推广,还是组件库统一,无论是一次机制流程制定,还是前端工程化体系建设,相信很多同学与我一样,在跨团队方案推广统一过程中,前期无论做好多详实的准备,最终都会有一种未竟全功的感觉。
发表于 1月以前   ·   阅读量:218
面试官:一套代码如何同时搞定cmd,umd,esm模块代码?
在日常开发中,我们难免会遇到一些重复的工作,例如我们编写的工具函数,可能多个项目之间都有可能使用到,就好像我写的这个脚手架一样,在脚手架中使用到的工具函数和在 webpack 配置中使用到的工具函数是一样的,但是他们一个是使用 cjs 模块开发的,一个是使用 esm 模块开发的,这样的话,我们就需要有一个东西可以使我们在编写工具类库的同时,将一份代码编译成多个不同的模块。
发表于 1月以前   ·   阅读量:146
使用debug进行Node.js调试
在Node.js开发过程中,调试是一个非常重要的环节。调试工具可以帮助我们快速定位问题、追踪代码执行过程、查看变量值等。而debug是一个轻量级的调试工具,它提供了一套简单而强大的调试功能,可以帮助开发者更加高效地进行调试工作。本文将介绍如何使用debug包进行Node.js调试,并深入解析debug的设计理念和特点。
发表于 1月以前   ·   阅读量:145
前端部署真的不简单
本文介绍大型前端项目的部署,涉及到灰度,缓存等知识点。
发表于 1月以前   ·   阅读量:141
如何实现一个Canvas渲染引擎(二):Graphics类
本文将会补充Graphics类支持的所有图形,一些简单的图形,将会使用比较短的篇幅来介绍,重点将会放在曲线等复杂图形的绘制上。鉴于我们已经讲过了矩形的绘制,所以本文将会从圆开始。
发表于 1月以前   ·   阅读量:166
面试必备HTML知识点
在HTML中,src 和 href 是两个不同的属性,用于引用外部资源,它们有不同的用途和适用于不同类型的HTML元素。
发表于 1月以前   ·   阅读量:151
刘谦春晚魔术揭秘:约瑟夫环的数学魅力,JS实现下!
今年春晚刘谦的魔术堪称惊艳全场,那么他这个魔术实现的原理是什么呢?今天,就让咱们使用 JS 是实现这个魔术。
发表于 1月以前   ·   阅读量:191
一看就懂的TypeScript工具类型
TypeScript是一种静态类型检查的编程语言,它内置了许多基本数据类型,如字符串、数字和布尔型等。除了基本数据类型,当某种类型对于大多数代码来说都非常有用时,它们就会被添加到TypeScript中并且被大家使用而无需担心它们的可用性。这些内置在TS中的类型我们称之为工具类型,这些工具类型位于TS安装目录typescript/lib/lib.es5.d.ts,熟悉这些工具类型,可以帮助我们提高开发效率。
发表于 1月以前   ·   阅读量:172
vue3组件注册
一个 Vue 组件在使用前需要先被“注册”,这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式:全局注册和局部注册。
发表于 1月以前   ·   阅读量:145
Promise中这四个API原来这么简单!
不管你是否还学的动,JS语言依然在以自己的节奏飞快的进化。Promise中的any()、race()、all()方法都是比较常见的;转眼间,Promise 的工具包里又多了一个方法Promise.allSettled 供你选择,它看起来像是对 Promise.all 的一种补充,缓解了使用 Promise.all 碰到reject 的痛点问题。
发表于 1月以前   ·   阅读量:155
你想要的图片优化方案都在这里!
当谈到前端性能优化,不得不提图片资源的优化,图片可谓是网站的主要构成部分,尤其是对于商城类的网站。
发表于 1月以前   ·   阅读量:180
前端如何生成临时链接?
前端基于文件上传需要有生成临时可访问链接的能力,我们可以通过URL.createObjectURL和FileReader.readAsDataURAPI来实现。
发表于 1月以前   ·   阅读量:144
如何实现一个Canvas渲染引擎(一):节点和层级关系
canvas中没有节点和层级的概念,我们通过DisplayObject和Container等类,实现了节点和层级的概念;通过Transform属性实现了类似DOM的transform属性;通过叠加节点相对于父节点的变换(localTransform)和父节点相对于canvas视窗的变换(parent.worldTransform),得到了每个节点相对于canvas视窗的变换,然后调用ctx.setTransform设置画笔的状态,来进行绘制;通过requestAnimationFrame实现了自动清除画布和重新绘制。
发表于 1月以前   ·   阅读量:232
一篇文章带你看懂Node.js
Node.js 是一个开源与跨平台的 JavaScript 运行时环境。在浏览器外运行 V8 JavaScript 引擎(Google Chrome 的内核),利用事件驱动、非阻塞和异步输入输出模型等技术提高性能。可以理解为 Node.js 就是一个服务器端的、非阻塞式I/O的、事件驱动的JavaScript运行环境。
发表于 2月以前   ·   阅读量:147
Vue之nextTick原理与作用
在 Vue.js 中,$nextTick 方法的底层原理涉及 Vue 的更新队列以及浏览器的异步任务队列(微任务和宏任务)。它的主要目标是在下次 DOM 更新循环结束后执行回调函数,确保能够访问到更新后的 DOM。
发表于 2月以前   ·   阅读量:162
浅谈JavaScript闭包
当一个函数能够记住并访问它创建时的词法作用域,即使该函数在其词法作用域之外执行,我们称之为闭包。
发表于 2月以前   ·   阅读量:152
npm 淘宝镜像到期了,尽快切换~(npm使用淘宝镜像安装时报错)
npm使用淘宝镜像安装时突然报错了,错误信息:npm ERR! request to https://registry.npm.taobao.org/cnpm failed, reason: certificate has expired
发表于 2月以前   ·   阅读量:700
大厂都使用webp图片提速降本,必须安排!
站点性能优化一个很重要的方向是图片压缩,一方面能提升客户端访问性能,另外一方面因为图片体积变小,能大大减少站点的流量成本,特别是博客,相比文本内容,大量的图片占了流量成本的大头。
发表于 2月以前   ·   阅读量:173
Web 第三方嵌入的最佳实践
今天给大家带来一篇 Web 第三方嵌入相关的实践文章,在我们的网页中嵌入一个第三方网页是再常见不过的需求了,比如一些视频播放、在线地图或者广告等等。
发表于 2月以前   ·   阅读量:172
我知道你想用useEffect,但你先别急
useEffect是React提供给我们的一个“逃生舱”,是React 的纯函数式世界通往命令式世界的“逃生通道”,选择合适的时机使用useEffect会让我们的代码既优雅又高效,反之会造成不必要的负担。
发表于 2月以前   ·   阅读量:225
React之Effect详解
在React中,Effect是一种用于处理副作用的机制,它允许我们在组件生命周期中执行诸如数据获取、订阅事件、手动操作DOM等副作用操作。
发表于 2月以前   ·   阅读量:232
React之自定义 Hook
自定义Hooks是一种在React中重用逻辑的方式。它允许我们将组件中的状态逻辑提取到可重用的函数中,并在需要时在不同的组件中使用。
发表于 2月以前   ·   阅读量:193
认识&对比 React、Vue2、Vue3 三者的 diff 算法
React 是 Fiber 架构的,Fiber 其实是一个链表的结构,但是由于没有设置反向指针,因此没有使用双端比对的方式去优化 Diff 算法(没有反向指针,从右往左遍历链表会很困难)。这一点在 React 源码 reconcileChildrenArray 函数的注释中也有说明。
发表于 2月以前   ·   阅读量:179
【滴滴】如何实现 chunk 函数,数组进行分组
滴滴面试题:如何实现 chunk 函数,数组进行分组。
发表于 2月以前   ·   阅读量:185
15 张精美动图全面讲解 CORS
本文翻译自 Lydia Hallie[1] 小姐姐写的 ✋🏼🔥 CS Visualized: CORS[2],她用了大量的动图去解释 CORS 这个概念,国内还没有人翻译本文,所以我在原文的理解上翻译了本文并修改了一些错误,希望能帮到大家。
发表于 2月以前   ·   阅读量:161
🤯 [性能优化] 浏览器跨域带来的一些性能问题
CORS 除了会带来一些资源加载失败的问题,它其实还会对一些性能场景带来一些干扰,本篇文章就是记录一下工作中遇到的一些问题。
发表于 2月以前   ·   阅读量:195
React之Context 深层传递参数
通常情况下,我们使用Context来避免通过props一层一层地传递数据,特别是当应用程序变得复杂时。深层传递参数是指在React应用程序中将数据从一个祖先组件传递到较深层的后代组件。
发表于 2月以前   ·   阅读量:163
JavaScript中的设计模式
JavaScript设计模式是编程世界的智慧结晶,提供了解决常见问题的优秀方案。无论你是初学者还是经验丰富的开发者,掌握这些模式都能让你的代码更清晰、更灵活。本文将为你介绍一些常见的设计模式,帮助你提高代码质量,构建更可维护的应用。让我们一起深入了解这些设计模式的精妙之处吧!
发表于 2月以前   ·   阅读量:190
写一个 Vue3 Hooks,计算网页的帧数 FPS
平时我们在打游戏的时候,都会接触到 帧数 这个名词,也就是 fps,帧数越高,说明画面的显示更加流畅。
发表于 2月以前   ·   阅读量:175
 热门专题
互联网深度分析
根据当前互联网热点,深度分析事件背后的原因。
语言规范指南
c/c++,Objective-C,Python,Golang等语言的代码规范指南,团队合作更需要代码规范。
任正非讲话合集
收集了历年来,任正非在各个内部会议上的讲话。
查看所有专题
 哈喽比特公众号
 热门标签
# Docker #

文章:109,阅读量:58k

# 东方甄选小作文事件 #

文章:13,阅读量:7.5k

# 裁员 #

文章:1221,阅读量:645.2k

# WebAssembty #

文章:25,阅读量:17.9k

# Python #

文章:5584,阅读量:4m

# 人工智能(AI) #

文章:6803,阅读量:3.7m

# JavaScript #

文章:1222,阅读量:786k

# Rust #

文章:241,阅读量:117k

# 华为2023年9月25日新品发布会 #

文章:8,阅读量:5k

# 前端面试宝典 #

文章:9,阅读量:3.5k

查看所有标签