正则表达式不用背
正则表达式是一个强大的文本匹配工具。但是,对于初学者来说,众多的符号和规则可能让人难以理解。其实,你不需要记住所有的正则表达式语法!本文将分享一些简单而实用的技巧,帮助理解正则表达式的核心概念,轻松使用正则表达式!
发表于 1天以前   ·   阅读量:43
解决前端跨团队统一的隐性拦路虎
过去多年无论是一款插件推广,还是组件库统一,无论是一次机制流程制定,还是前端工程化体系建设,相信很多同学与我一样,在跨团队方案推广统一过程中,前期无论做好多详实的准备,最终都会有一种未竟全功的感觉。
发表于 2天以前   ·   阅读量:66
面试官:一套代码如何同时搞定cmd,umd,esm模块代码?
在日常开发中,我们难免会遇到一些重复的工作,例如我们编写的工具函数,可能多个项目之间都有可能使用到,就好像我写的这个脚手架一样,在脚手架中使用到的工具函数和在 webpack 配置中使用到的工具函数是一样的,但是他们一个是使用 cjs 模块开发的,一个是使用 esm 模块开发的,这样的话,我们就需要有一个东西可以使我们在编写工具类库的同时,将一份代码编译成多个不同的模块。
发表于 3天以前   ·   阅读量:56
使用debug进行Node.js调试
在Node.js开发过程中,调试是一个非常重要的环节。调试工具可以帮助我们快速定位问题、追踪代码执行过程、查看变量值等。而debug是一个轻量级的调试工具,它提供了一套简单而强大的调试功能,可以帮助开发者更加高效地进行调试工作。本文将介绍如何使用debug包进行Node.js调试,并深入解析debug的设计理念和特点。
发表于 3天以前   ·   阅读量:55
前端部署真的不简单
本文介绍大型前端项目的部署,涉及到灰度,缓存等知识点。
发表于 4天以前   ·   阅读量:47
如何实现一个Canvas渲染引擎(二):Graphics类
本文将会补充Graphics类支持的所有图形,一些简单的图形,将会使用比较短的篇幅来介绍,重点将会放在曲线等复杂图形的绘制上。鉴于我们已经讲过了矩形的绘制,所以本文将会从圆开始。
发表于 5天以前   ·   阅读量:47
面试必备HTML知识点
在HTML中,src 和 href 是两个不同的属性,用于引用外部资源,它们有不同的用途和适用于不同类型的HTML元素。
发表于 7天以前   ·   阅读量:42
刘谦春晚魔术揭秘:约瑟夫环的数学魅力,JS实现下!
今年春晚刘谦的魔术堪称惊艳全场,那么他这个魔术实现的原理是什么呢?今天,就让咱们使用 JS 是实现这个魔术。
发表于 7天以前   ·   阅读量:93
一看就懂的TypeScript工具类型
TypeScript是一种静态类型检查的编程语言,它内置了许多基本数据类型,如字符串、数字和布尔型等。除了基本数据类型,当某种类型对于大多数代码来说都非常有用时,它们就会被添加到TypeScript中并且被大家使用而无需担心它们的可用性。这些内置在TS中的类型我们称之为工具类型,这些工具类型位于TS安装目录typescript/lib/lib.es5.d.ts,熟悉这些工具类型,可以帮助我们提高开发效率。
发表于 7天以前   ·   阅读量:51
vue3组件注册
一个 Vue 组件在使用前需要先被“注册”,这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式:全局注册和局部注册。
发表于 7天以前   ·   阅读量:49
Promise中这四个API原来这么简单!
不管你是否还学的动,JS语言依然在以自己的节奏飞快的进化。Promise中的any()、race()、all()方法都是比较常见的;转眼间,Promise 的工具包里又多了一个方法Promise.allSettled 供你选择,它看起来像是对 Promise.all 的一种补充,缓解了使用 Promise.all 碰到reject 的痛点问题。
发表于 7天以前   ·   阅读量:61
你想要的图片优化方案都在这里!
当谈到前端性能优化,不得不提图片资源的优化,图片可谓是网站的主要构成部分,尤其是对于商城类的网站。
发表于 7天以前   ·   阅读量:55
前端如何生成临时链接?
前端基于文件上传需要有生成临时可访问链接的能力,我们可以通过URL.createObjectURL和FileReader.readAsDataURAPI来实现。
发表于 9天以前   ·   阅读量:46
如何实现一个Canvas渲染引擎(一):节点和层级关系
canvas中没有节点和层级的概念,我们通过DisplayObject和Container等类,实现了节点和层级的概念;通过Transform属性实现了类似DOM的transform属性;通过叠加节点相对于父节点的变换(localTransform)和父节点相对于canvas视窗的变换(parent.worldTransform),得到了每个节点相对于canvas视窗的变换,然后调用ctx.setTransform设置画笔的状态,来进行绘制;通过requestAnimationFrame实现了自动清除画布和重新绘制。
发表于 9天以前   ·   阅读量:83
一篇文章带你看懂Node.js
Node.js 是一个开源与跨平台的 JavaScript 运行时环境。在浏览器外运行 V8 JavaScript 引擎(Google Chrome 的内核),利用事件驱动、非阻塞和异步输入输出模型等技术提高性能。可以理解为 Node.js 就是一个服务器端的、非阻塞式I/O的、事件驱动的JavaScript运行环境。
发表于 11天以前   ·   阅读量:55
Vue之nextTick原理与作用
在 Vue.js 中,$nextTick 方法的底层原理涉及 Vue 的更新队列以及浏览器的异步任务队列(微任务和宏任务)。它的主要目标是在下次 DOM 更新循环结束后执行回调函数,确保能够访问到更新后的 DOM。
发表于 13天以前   ·   阅读量:64
浅谈JavaScript闭包
当一个函数能够记住并访问它创建时的词法作用域,即使该函数在其词法作用域之外执行,我们称之为闭包。
发表于 13天以前   ·   阅读量:61
npm 淘宝镜像到期了,尽快切换~(npm使用淘宝镜像安装时报错)
npm使用淘宝镜像安装时突然报错了,错误信息:npm ERR! request to https://registry.npm.taobao.org/cnpm failed, reason: certificate has expired
发表于 15天以前   ·   阅读量:529
大厂都使用webp图片提速降本,必须安排!
站点性能优化一个很重要的方向是图片压缩,一方面能提升客户端访问性能,另外一方面因为图片体积变小,能大大减少站点的流量成本,特别是博客,相比文本内容,大量的图片占了流量成本的大头。
发表于 15天以前   ·   阅读量:75
Web 第三方嵌入的最佳实践
今天给大家带来一篇 Web 第三方嵌入相关的实践文章,在我们的网页中嵌入一个第三方网页是再常见不过的需求了,比如一些视频播放、在线地图或者广告等等。
发表于 19天以前   ·   阅读量:87
我知道你想用useEffect,但你先别急
useEffect是React提供给我们的一个“逃生舱”,是React 的纯函数式世界通往命令式世界的“逃生通道”,选择合适的时机使用useEffect会让我们的代码既优雅又高效,反之会造成不必要的负担。
发表于 19天以前   ·   阅读量:109
React之Effect详解
在React中,Effect是一种用于处理副作用的机制,它允许我们在组件生命周期中执行诸如数据获取、订阅事件、手动操作DOM等副作用操作。
发表于 19天以前   ·   阅读量:115
React之自定义 Hook
自定义Hooks是一种在React中重用逻辑的方式。它允许我们将组件中的状态逻辑提取到可重用的函数中,并在需要时在不同的组件中使用。
发表于 19天以前   ·   阅读量:98
认识&对比 React、Vue2、Vue3 三者的 diff 算法
React 是 Fiber 架构的,Fiber 其实是一个链表的结构,但是由于没有设置反向指针,因此没有使用双端比对的方式去优化 Diff 算法(没有反向指针,从右往左遍历链表会很困难)。这一点在 React 源码 reconcileChildrenArray 函数的注释中也有说明。
发表于 22天以前   ·   阅读量:95
【滴滴】如何实现 chunk 函数,数组进行分组
滴滴面试题:如何实现 chunk 函数,数组进行分组。
发表于 22天以前   ·   阅读量:90
15 张精美动图全面讲解 CORS
本文翻译自 Lydia Hallie[1] 小姐姐写的 ✋🏼🔥 CS Visualized: CORS[2],她用了大量的动图去解释 CORS 这个概念,国内还没有人翻译本文,所以我在原文的理解上翻译了本文并修改了一些错误,希望能帮到大家。
发表于 23天以前   ·   阅读量:77
🤯 [性能优化] 浏览器跨域带来的一些性能问题
CORS 除了会带来一些资源加载失败的问题,它其实还会对一些性能场景带来一些干扰,本篇文章就是记录一下工作中遇到的一些问题。
发表于 23天以前   ·   阅读量:98
React之Context 深层传递参数
通常情况下,我们使用Context来避免通过props一层一层地传递数据,特别是当应用程序变得复杂时。深层传递参数是指在React应用程序中将数据从一个祖先组件传递到较深层的后代组件。
发表于 23天以前   ·   阅读量:78
JavaScript中的设计模式
JavaScript设计模式是编程世界的智慧结晶,提供了解决常见问题的优秀方案。无论你是初学者还是经验丰富的开发者,掌握这些模式都能让你的代码更清晰、更灵活。本文将为你介绍一些常见的设计模式,帮助你提高代码质量,构建更可维护的应用。让我们一起深入了解这些设计模式的精妙之处吧!
发表于 24天以前   ·   阅读量:80
写一个 Vue3 Hooks,计算网页的帧数 FPS
平时我们在打游戏的时候,都会接触到 帧数 这个名词,也就是 fps,帧数越高,说明画面的显示更加流畅。
发表于 25天以前   ·   阅读量:86
作为前端,工作中处理过什么复杂的需求?
我今天提到的“复杂度”则比较普适,所有团队都存在面临这种场景的可能性,而对于每个团队而言,我认为没有一个团队会觉得应对起来很简单。更多需要的是公司资源调度+团队技术积累+个人能力的配合。
发表于 25天以前   ·   阅读量:81
一张架构图让我认识到前端的渺小
本文想通过一次后端架构分析, 让我们前端人意识到自己的不足与眼界的狭窄,我们前端er需要对一个完整的大型项目有一个整体的认知,意识到自己的不足,才能在这条路上更好的走下去。不要满足于html拼拼页面,写写样式,做做一些简单的工作。
发表于 26天以前   ·   阅读量:81
React之条件渲染
条件渲染是指根据特定条件选择性地渲染React组件或元素。这可以通过JavaScript中的条件语句(如`if`语句或三元运算符)来实现。在React中,条件渲染通常与组件的`render`方法结合使用,根据某些条件返回不同的React元素。
发表于 26天以前   ·   阅读量:104
用 Electron 打造你自己的录屏软件
录屏软件对于我们来说都不陌生了,今天我们要做的事情是实现自己的录屏软件。载体使用Electron,因为它更适合录制桌面的场景。
发表于 29天以前   ·   阅读量:65
滴滴开源小程序框架 Mpx 新特性:局部运行时能力增强
Mpx 是滴滴开源的一款增强型跨端小程序框架,自 2018 年立项开源以来如今已经进入第六个年头,在这六年间,Mpx 根植于业务,与业务共同成长,针对小程序业务开发中遇到的各类痛点问题提出了解决方案,并在滴滴内部建设了完善的小程序跨端开发生态。
发表于 29天以前   ·   阅读量:64
轻量级、可插拔、OOP 式图形编辑器开发引擎
图形编辑器在多个行业中扮演着至关重要的角色,其应用范围广泛且影响深远。以 Figma 为典范的 Web 图形设计工具,为人们提供了一个自由发挥创造力的平台,随着 Web 平台的发展壮大,技术如 WebGL 和 WebGPU 的涌现与成熟,为传统的 OpenGL 图形编辑系统迁移到 Web 环境带来了新的可能性,极大地拓展了创新的边界。
发表于 1月以前   ·   阅读量:82
React.js快速入门教程
React.js是一个由Facebook开发的用于构建用户界面的JavaScript库。它主要用于构建单页面应用程序(SPA),可以轻松地创建交互性强、快速响应的用户界面。
发表于 1月以前   ·   阅读量:76
全网最详细!Echarts+gl实现3D地图板块
本文主要是对3D地图的实现,包含一些常用的配置和功能,从2D的实现到3D的实现,都是一些配置的使用,官方文档可能比较晦涩,有个实际的例子给到大家会比较方便,如果各位有需要用到对应的功能,直接码下来进行更改即可,实现这个功能花了我一两天的时间 ,大部分时间都是在查文档和问GPT的路上,踩了很多坑。
发表于 1月以前   ·   阅读量:167
不同打包工具下的环境变量配置方式对比
在现代的JavaScript应用程序开发中,环境变量的配置是至关重要的。不同的应用场景和部署环境可能需要不同的配置,例如开发、测试和生产环境。最常见的需求是根据不同的环境,配置如是否开启sourceMap、API请求地址的切换、是否压缩代码等逻辑。本文主要介绍利用不同的工具:Webpack、Vite、Rollup打包项目的环境变量的配置方式。
发表于 1月以前   ·   阅读量:157
export 导出一个字面量会报错,而 export default 不会报错?
其实总的来说就是 export 导出的是变量的句柄(或者说符号绑定、近似于 C 语言里面的指针,C++里面的变量别名),而 export default 导出的是变量的值。
发表于 1月以前   ·   阅读量:295
浅析 5 种 React 组件设计模式
作为一名 React 开发者,你可能会面临下面几个问题:如何构建一个高复用度性的组件,使其适应不同的业务场景?如何构建一个具有简单 API的组件,使其易于使用?如何构建一个在 UI 和功能方面具有可扩展性的组件?为解决上述问题,下面介绍五种 React 组件设计模式,并对比它们的优缺点。
发表于 1月以前   ·   阅读量:274
用TypeScript编写React的最佳实践
如今, React 和 TypeScript 是许多开发人员正在使用的两种很棒的技术。但是把他们结合起来使用就变得很棘手了,有时很难找到正确的答案。不要担心,本文我们来总结一下两者结合使用的最佳实践。
发表于 1月以前   ·   阅读量:162
TypeScript 前端工程最佳实践
随着前端工程化的快速发展, TypeScript 变得越来越受欢迎,它已经成为前端开发人员必备技能。TypeScript 最初是由微软开发并开源的一种编程语言,自2012年10月发布首个公开版本以来,它已得到了人们的广泛认可。
发表于 1月以前   ·   阅读量:224
字节面试:如何实现准时的setTimeout
setTimeout 是不准的。因为 setTimeout 是一个宏任务,它的指定时间指的是:进入主线程的时间。
发表于 1月以前   ·   阅读量:244
开发过程中,因为国际化太麻烦,我写了这款 vscode 国际化插件
新增了一个国际化类型,翻译的时候多了一个繁体中文,保存的时候,也会检测本地文件是否存在如果不存在,会自动创建该类型文件。添加国际化语言时冒号前面是百度翻译支持的类型,后面是文件名,如果一样可以只写一个。
发表于 1月以前   ·   阅读量:205
React 中条件渲染的 N 种方法
条件渲染在React开发中非常重要的功能,它允许开发人员根据条件控制渲染的内容,在创建动态和交互式用户界面方面发挥着至关重要的作用,本文总结了常用的的条件渲染方法。
发表于 1月以前   ·   阅读量:190
盘点2023年前端大事件
2023 年即将过去,这一年前端生态圈快速发展,发生了许多令人瞩目的事件和变化。从新技术的涌现到老技术的更新,前端技术正在经历着一次全面的变革。本文将梳理 2023 年前端界的重要事件,带你回顾那些令人难忘的历史时刻!
发表于 1月以前   ·   阅读量:249
从新建文件夹到承接猫晚——夜间版淘宝首页的发展
淘宝首页Bface,业务上又称作夜淘宝(以下简称BFace),是结合淘宝用户以长时间休闲娱乐为主的需求而打造的一个全新产品,是我们对淘宝服务于用户生活方式的一个探索。本文将从技术的视角,介绍BFace的设计和发展。
发表于 2月以前   ·   阅读量:204
Chrome 插件开发指南和实践
阅读本文你将了解到:Chrome 插件整体架构;如何开发一个 Chrome 插件(Popup 和 Devtools);如何使用前端框架(React/Vue)进行开发;如何调试插件;如何使用 Puppeteer 对插件进行 E2E 测试(本地和 CI 环境)。
发表于 2月以前   ·   阅读量:263
12 个超级实用的 CSS 技巧
本文来分享 12 个超级实用的CSS 技巧,帮助你充分发挥 CSS 的优势,优化用户体验。
发表于 2月以前   ·   阅读量:250
 热门专题
互联网深度分析
根据当前互联网热点,深度分析事件背后的原因。
语言规范指南
c/c++,Objective-C,Python,Golang等语言的代码规范指南,团队合作更需要代码规范。
任正非讲话合集
收集了历年来,任正非在各个内部会议上的讲话。
查看所有专题
 哈喽比特公众号
 热门标签
# 东方甄选小作文事件 #

文章:13,阅读量:6k

# 裁员 #

文章:1200,阅读量:603.7k

# WebAssembty #

文章:25,阅读量:16.1k

# Python #

文章:5584,阅读量:3.9m

# 人工智能(AI) #

文章:6716,阅读量:3.5m

# JavaScript #

文章:1216,阅读量:735.6k

# Rust #

文章:224,阅读量:101.9k

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

文章:8,阅读量:4k

# 前端面试宝典 #

文章:9,阅读量:2.9k

# 大厂裁员 #

文章:4,阅读量:2.4k

查看所有标签