自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(1578)
  • 收藏
  • 关注

转载 为什么连程序员大佬有时也看不懂自己写的代码?

大家好!今天我想和大家聊聊程序员的小秘密——就算是写代码的大佬,有时候看着自己敲出来的代码也会一头雾水。我最近读了个很有意思的文章,名叫《为什么程序员不总是100%理解他们的代码》。作者Josef Cruz分享了他审查代码的经历,说他看过各种各样的代码,有的让人眼前一亮,有的让人觉得还可以,有的则...嗯,让人头疼。说到底,写代码就像是给电脑做手术。即使是手术做得再糟,只要电脑能正常工作,大家似乎...

2024-04-17 10:20:43 29

转载 分享一篇关于SEO优化的前端知识总结

来源 |https://juejin.cn/post/7300118821532778511前言以前开发独立站,涉及过一些seo的内容,为了避免后面会遗忘,感觉有必要记录下相关经验,也算是一次总结吧!SEO概念SEO 是Search Engine Optimizatio(搜索引擎优化)的首字母缩写,利用搜索引擎的规则对网站进行内部及外部的调整优化,提高网页或网站在搜索引擎中关键词的自然排名,...

2024-04-16 18:04:20 26

原创 深入探讨下SSR与CSR有啥不同

随着互联网技术的迅速发展,用户对网页的加载速度和交互体验有了更高的期待。作为开发者,我们常常需要在服务器端渲染(SSR)与客户端渲染(CSR)之间做出选择。这两种渲染方式各有特点,适用于不同的场景和需求。今天,就让我们一起来探索SSR和CSR的世界,帮助你为你的应用选择最合适的渲染策略。什么是渲染?简单来说,渲染就是在屏幕上显示视觉元素的过程。在网页开发中,这涉及将HTML、CSS和JS代码转化为...

2024-04-15 13:25:00 904

原创 前端JS手写代码面试专题(一)

面试季来临,JavaScript的面试题目也开始频频出现在各位求职者的复习资料中。1、如何编写一个JavaScript函数来反转给定字符串中的单词顺序?这个问题的答案其实非常巧妙而简洁。我们可以通过一行代码轻松实现:const reversedString = str => str.split(' ').reverse().join(' ');首先,我们使用 split(' ') 方法将...

2024-04-12 10:20:46 357

转载 今年这行情,前端还能跳槽吗?

正文前段时间,掘金热帖《放心,前端死不了》在前端圈疯传。百度前端大佬表明:“前端技术是依托于互联网行业的,只要行业还在,它就会有用武之地,就会有价值。”总的来说,技能跟上发展,前端就不会死。谁掌握得更深、应用得更好,谁就更容易脱颖而出。为此,我特意与几位大厂前端技术专家,一起整理出了一套非常实用的——《2024前端开发进阶秘籍》,其中包含了前端必备八股文、超火Vue3面试题、前端卷王算法题和大厂高...

2024-04-12 10:20:46 30

原创 2024年Node.js精选:50款工具库集锦,项目开发轻松上手(四)

在我们这个信息爆炸的时代,技术更新换代速度之快让人目不暇接。Node.js作为后端开发中的热门技术,它的强大功能离不开一个宝库——NPM。你知道吗,这个宝库里藏着超过150万个NPM包,没有这些宝贝,Node.js就像是缺了一臂的勇士,依然强大,但却不那么无敌了。今天,我们继续我们的探索之旅,在这个系列文章的第4部分,我们将一起探讨编号31至40的NPM包。这些包可能是你日常开发中不可或缺的利器,...

2024-04-11 14:00:21 973

原创 你真的知道 NPM、Yarn 与 PNPM 这三个前端包管理器之间的区别吗?

在当代的Web开发过程中,JavaScript项目的构建离不开各种外部依赖,无论是实用的库、辅助工具还是其他类型的资源。这些依赖项的管理,已经成为了开发者日常不可或缺的一部分。NPM、Yarn和PNPM这三个包管理器,就像是开发者的得力助手,它们在项目开发中扮演着至关重要的角色。本文将带你一探究竟,了解这些工具的魅力所在,并帮助你选择适合自己项目的包管理器。1、什么是包管理在现代Web开发中,一个...

2024-04-10 17:40:33 2491

转载 分享 40 道 ReactJS 面试问题及答案

英文 | https://blog.stackademic.com/top-40-reactjs-interview-questions-and-answers-for-2024-70c94e5fcccaReactJS 已成为现代 Web 开发的基石,其基于组件的架构和高效的渲染使其成为构建动态用户界面的首选。无论你是希望提高技能的经验丰富的开发人员,还是准备即将到来的 ReactJS 面试的求职...

2024-04-09 10:20:08 35

原创 JQuery:曾经的前端开发利器,现在是不是过时啦?

大家好,今天我们聊聊JQuery——这个曾经在网页开发领域占据统治地位的库。我最近读到了国外前端大佬 Oren Holis 对 JQuery 的深度分析,他的观点引发了我对前端技术发展的诸多思考。接下来,我将尽可能详细地分享Oren的观点,并结合自己的理解,希望能够引发大家的讨论和共鸣。JQuery的辉煌岁月首先,Oren提到,在ES5标准出台之前,JavaScript是一个相对杂乱无章的世界。缺...

2024-04-07 12:46:51 338

原创 Next.js 14:全栈前端开发的新选择?

在当今快速发展的前端技术领域,Next.js无疑成为了许多React开发者的新宠。随着Create React App的热度减退和Vite的兴起,Next.js凭借其出色的性能、SEO友好性以及前后端一体化的能力,越来越受到开发者的青睐。但真的适合用Next.js 14来承担项目的全部任务吗?让我们深入探讨一下。全能框架:Next.js的魅力所在Next.js从其13版本开始,引入了全新的项目启动...

2024-04-05 11:44:24 856

转载 HTMX会让前端重回原始时代吗?

今天我想和大家分享一下Sviat Kuzhelev 国外大佬关于HTMX的看法。这是一项不久前发布的库,近期在前端开发圈引起了不小的轰动。让我们一起深入了解HTMX,看看它是不是真的如其所宣传的那样,有望成为继React之后的前端新星。这个新兴的库,虽然名声在外,但其主页上的信息却意外的简洁:“HTMX让你能够直接在HTML中使用AJAX、CSS过渡、WebSockets以及服务器发送事件(Ser...

2024-04-04 18:46:04 37

原创 Tailwind 4.0 即将到来:前端开发的“速度与激情”

随着前端开发技术的不断进步,我们每天都在寻找更快、更简洁的解决方案来提升我们的开发效率和用户体验。今天,我要为大家介绍一项令人振奋的新技术进展——Tailwind 4.0的来临!对于经常使用Tailwind的朋友们来说,这个消息无疑是激动人心的。Tailwind以其灵活性而闻名,在前端开发中占有一席之地。而4.0版本,承诺将带来更快的速度和更优的性能。简化配置,让创意更自由在现有版本中,我们需要在...

2024-04-03 13:40:43 393

转载 面试真的有问到 vue3,拿捏了!

前天加完班,回家路上翻了下粉丝群。发现群里最近在疯传一份叫《前端offer收割机养成指南》的资料。本来感觉这个title看起来有点离谱,结果没想到仔细一看,这份资料竟然真的有点东西。内容收纳的很全,而且融合了很多今年的新玩意。据我所知有人靠它拿下了45k+的offer…后来我辗转找到了这份资料的整理人,果然是位大佬!他是现任阿里前端Leader,在前端行业深耕近十年,见证了互联网的飞速发展,也见证...

2024-04-02 10:20:14 37

转载 React状态管理专题:Redux的三大原则

在我们上篇文章中,我们对Redux的基本概念和作用进行了初步的探索,揭开了它在管理大型应用中状态的重要性及其带来的挑战的序幕。如何在保持应用高效运行的同时,管理好众多复杂的状态,成为了许多开发者心中的疑问。今天,我们将深入挖掘Redux的灵魂所在——其核心原则。通过理解单一事实来源(Single Source of Truth)、状态的只读性(Read-only State)以及如何通过纯函数(P...

2024-04-02 10:20:14 30

原创 Alpine JS:新手与老手前端开发者的新选择

大家好!今天我想和大家分享一篇我在阅读中非常受启发的文章,作者是Sofiullah Chowdhury。文章讲述了为什么无论你是刚入门的前端开发者,还是经验丰富的老手,都应该考虑学习Alpine JS。文章中,Chowdhury首先指出了许多人在学习传统的JavaScript(也就是所谓的vanilla JS)时的困难和挑战。他自己也经历了几次失败的尝试,这让我深有共鸣。原生JavaScript的...

2024-04-01 14:25:32 342

转载 TypeScript 初学者快速入门指南 2024 版

在这个数字化的时代,Web开发技术正在以惊人的速度进步。如果你是一个前端、后端甚至是全栈开发者,那么跟上这些技术的步伐绝对是必须的。今天,我要介绍的是一个让JavaScript焕发新生的神奇工具——TypeScript。通过这篇文章,我将带你快速了解TypeScript的基础概念,不仅适合初学者,还希望能为有经验的开发者提供一些有趣的视角。1) TypeScript简介想象一下,如果JavaScr...

2024-03-29 20:36:05 46

原创 Next.js 14 初学者入门指南(下)

随着现代Web应用的发展,用户界面变得越来越复杂,同时用户对应用的响应速度和互动性有着更高的期待。在这样的背景下,Next.js 作为一个前沿的React框架,提供了一系列高级功能来满足开发者的需求,今天我们来介绍 Next.js 14 的第二部分。推荐阅读‍‍Next.js 14 初学者入门指南 (上)‍‍Metadata:在Next.js项目中优化SEO在当今这个信息爆炸的时代,拥有一个高可见...

2024-03-28 16:50:21 917

转载 分享 7 个鲜为人知的JS数组方法

JavaScript 数组除了 map()、filter()、find() 和 push() 之外还有更多功能。今天这篇文章就来给大家分享一些鲜有人知道的数组方法,我们现在开始吧。1.copyWithin()Array copyWithin() 将数组的一部分复制到同一数组中的另一个位置并返回它,而不增加其长度。end 参数是可选的:2. at() 和 with()at() 首先出现,with()...

2024-03-27 10:20:09 53

转载 45k*16薪,进字节了!

正文前段时间,掘金热帖《放心,前端死不了》在前端圈疯传。百度前端大佬表明:“前端技术是依托于互联网行业的,只要行业还在,它就会有用武之地,就会有价值。”总的来说,技能跟上发展,前端就不会死。谁掌握得更深、应用得更好,谁就更容易脱颖而出。为此,我特意与几位大厂前端技术专家,一起整理出了一套非常实用的——《2024前端开发进阶秘籍》,其中包含了前端必备八股文、超火Vue3面试题、前端卷王算法题和大厂高...

2024-03-27 10:20:09 41

原创 Zustand:让React状态管理更简单、更高效

在React项目开发中,状态管理一直是一个绕不开的话题。很多人提到状态管理,第一时间会想到Redux。Redux作为一个历史悠久的库,确实在功能性和中间件生态方面都有着不错的表现,但它复杂的配置和繁琐的代码书写让许多开发者望而却步。什么是Zustand?近年来,React社区涌现出了许多新的状态管理库,比如Jotai、Recoil,还有本文的主角——Zustand。这些新兴的库不仅可以完全替代Re...

2024-03-26 14:59:43 1141

转载 2024年不可错过的Node.js框架大盘点:让你的后端开发效率翻倍!

在数字世界中寻找编程的乐趣,就像在夜空中追逐北极光,既充满挑战又让人心动不已。今天,让我们一起潜入Node.js的璀璨世界,探索那些在2024年引领潮流的顶尖后端框架。自2009年问世以来,Node.js就以其高效和灵活性成为后端开发者的心头好,像Netflix、PayPal这样的大公司都是它的拥趸,它就像是网络开发界的摇滚明星一样耀眼。Node.js之所以能持续赢得开发者的喜爱,主要是因为它显著...

2024-03-25 14:13:56 139

转载 字节二面,秒挂…

前几天和一个正准备跳槽的粉丝聊天,他上周字节二面,面完就跟我说感觉凉了:算法题相对于八股文更能考察面试者的逻辑思维能力。但是毕竟平时工作用不到,所以刚接触的时候不少人会觉得算法题很难。实际上算法题只要准备了,就一定能在面试中顺利作答,花少量时间就能出大效果。而现在市面上大多数的算法题整理都是针对于后端市场的,针对前端的几乎没有。为了帮助前端朋友稳稳跳槽,我爆肝两个多月整理出了专门针对前端面试的算法...

2024-03-21 10:20:52 54

转载 分享15个高级前端开发小技巧

随着尖端 HTML 和 CSS 功能的引入,Web 开发正在经历一场变革之旅。在今天这篇文章中,我们将探讨 15 种高级功能,这些功能现在可以在不依赖 JavaScript 的情况下实现。我们将提供真实世界的示例,并将它们与旧的基于 JavaScript 的方法进行比较,展示现代 Web 技术的力量。1.响应式排版传统上,JavaScript 用于根据屏幕尺寸操纵字体大小。随着CSS自定义属性(变...

2024-03-21 10:20:52 64

转载 React状态管理专题:初步了解下什么是Redux

小伙伴们,你们是不是在开发应用时觉得管理组件的状态很头大?今天我们将探讨另一个对于前React开发至关重要的主题——Redux。作为一个用于管理应用状态的强大库,Redux在React生态系统中占据着不可或缺的地位。相关阅读什么是属性钻取(Prop Drilling)利用Context API解决属性钻取问题深入探讨组件组合(Component Composition)什么是 ReduxRedux...

2024-03-19 08:03:14 45

转载 最近面试,Vue3是重点!

前言最近,收到很多小伙伴的反馈,前端的就业市场似乎透露出了一丝暖意。相较于去年,机会多了一些,但竞争依然相当激烈,BOSS 上很多 HR 依旧是已读不回,没有充足的准备很难找到一份满意的工作。除此之外,还发现年后很多招聘都要求会 Vue 3 了,Vue 团队去年底宣布停止对 Vue 2 的支持,现在越来越多的公司转向了 Vue 3。为了帮助小伙伴们梳理前端知识体系,充分的准备面试,今天就来分享一...

2024-03-18 10:20:13 50

转载 分享 JavaScript 2024 的 6 个新功能

JavaScript 在2024 年更新引入了 6个关键功能。从使文本和日期更易于处理,到程序等待和协同工作的新方法,甚至使模式更容易查找。我们一起来看看吧!01、格式正确的 Unicode 字符串格式良好的 Unicode 字符串引入了确保 JavaScript 中的字符串以 UTF-16 编码正确格式化的方法。此功能旨在改进 JavaScript 处理 Unicode 的方式,通过检测和纠正字...

2024-03-18 10:20:13 43

转载 推荐一个技术不错的程序员朋友

前后端技术日新月异,发展迅速,于是在项目中我们总是会碰到各种难题,不知道怎么搞定,再就是技术的更新资讯、好用的一些资源,不知道该从哪里及时发现。所以,这里强烈推荐一个程序员朋友的优质公众号,专注分享前后端项目中的功能问题及实现,次分享技术资讯、实用干货(工作心得/工具/软件/项目/网站等),快去关注吧!作者简介大澈,优质前后端领域公众号博主,掘金优秀创作者、年度人气作者,抖音/小红书/B站/头条/...

2024-03-17 09:00:38 40

原创 2024年Node.js精选:50款工具库集锦,项目开发轻松上手(三)

大家好,今天,继续我们的Node.js探索之旅,深入了解一系列强大的工具库,它们能够帮助我们在项目开发中提升效率、加固安全、优化性能,甚至更优雅地处理数据和逻辑。从为Web应用加固安全的Helmet,到简化数据验证的Ajv,再到推动JavaScript函数式编程的Ramda,这些库各有所长,却都指向同一个目标:让Node.js开发更加高效、安全且可维护。让我们一起走近这些工具,了解它们独特的魅力和...

2024-03-14 08:04:02 854

转载 分享6个关于 Vue3 的小技巧

Vue 3是一个非常流行的前端框架,广泛应用于大型互联网企业和个人项目。虽然我们已经熟悉了一些常见的 Vue 3 知识,但还有一些不太常见但实用性很强的点可以帮助我们进一步优化和提升 Vue 3 应用的性能和开发效率。本文将介绍一些不太常见的Vue 3知识点。01、TeleportTeleport 是 Vue 3 中不太常见但非常有用的功能。它允许我们在组件内的任何位置渲染内容并将其安装到 DOM...

2024-03-13 10:20:41 73

转载 字节前端大佬面试笔记曝光!

前天加完班,回家路上翻了下粉丝群。发现群里最近在疯传一份叫《前端offer收割机养成指南》的资料。本来感觉这个title看起来有点离谱,结果没想到仔细一看,这份资料竟然真的有点东西。内容收纳的很全,而且融合了很多今年的新玩意。据我所知有人靠它拿下了45k+的offer…后来我辗转找到了这份资料的整理人,果然是位大佬!他是现任字节前端Leader,在前端行业深耕近十年,见证了互联网的飞速发展,也见证...

2024-03-13 10:20:41 43

转载 React状态管理专题:深入探讨组件组合(Component Composition)

组件组合(Component Composition)是React以及其他几个JavaScript框架中的一个基本概念,它并不是近期才加入的新特性。这一概念的核心思想是利用可复用的组件来构建应用,这些组件就像独立的砖块一样,每一个砖块(组件)都是最终界面的一个独立部分。将这些组件像搭建砖块一样组合起来,就构成了我们程序的整个界面。相关阅读什么是属性钻取(Prop Drilling)利用Contex...

2024-03-12 08:02:16 49

原创 关于TypeScript中的泛型,希望这次能让你彻底理解

在编程世界里,我们经常会遇到一个情况:阅读那些充满了虚构示例的枯燥文档,实在是让人提不起兴趣。因此,在这篇文章中,我想和大家分享一些我在实际开发过程中遇到的泛型(Generics)使用案例。通过这些真实的例子,相信泛型的概念对你来说会更加具有意义,也更容易理解。泛型简介那么,泛型究竟是什么呢?简而言之,泛型允许我们编写能够适用于广泛的原始类型和对象的类型安全代码。在声明新类型、接口、函数和类时,都...

2024-03-11 08:02:04 2047

转载 React状态管理专题:利用Context API解决属性钻取问题

在上一篇文章《React状态管理专题:什么是属性钻取(Prop Drilling)》中,我们深入探讨了属性钻取的问题,了解到在复杂的React应用中,如何因为多层级组件之间的props传递而导致的开发和维护的困难。属性钻取不仅使得代码难以维护,还可能引起不必要的组件重渲染,影响应用性能。但幸运的是,React为我们提供了强大的解决方案来优化这一问题——Context API。在这篇文章中,我们将继...

2024-03-10 09:01:05 36

原创 Next.js 14 初学者入门指南(上)

在当今快速发展的网站开发领域,Next.js以其独特的优势和便捷的功能,成为了前端开发者的新宠。Next.js是一个开源的JavaScript框架,它建立在流行的JavaScript库React之上,专为构建用户界面而设计。作为一个专门用于构建网络应用程序的框架,Next.js被广泛描述为一个用于服务端渲染或静态生成应用程序的React框架。通过提供一系列工具和约定,Next.js极大地简化了基于...

2024-03-09 09:00:09 932

转载 扫码点餐小程序商家版制作难吗?客户微信点单很方便

扫码点餐小程序01扫码点餐优势01便于商家管理餐厅的日常管理是非常重要的,包括商品库存及采购、菜品上架、订单管理,人员管理等都能通过小程序轻易掌握,特别是多门店管理系统,能够整合多家分店资源,方便商家调度和管理人力物力。02提高门店效率客户到店后通过扫码自助点餐,不需要传统的服务模式,从下单到菜单传达给厨房和服务台到客户自助结账,都不需要服务人员过多的咨询和操作,对服务流程进行了简化优化,提高门店...

2024-03-09 09:00:09 41

原创 前端技术三月资讯动态:六大亮点逐一解析

随着2024年三月的到来,前端技术领域迎来了一系列更新和进展。从Babel 7.24.0带来的装饰器和JSON模块改进,到Parcel v2.12.0的新特性,每项更新都体现了技术社区对前端开发便利性和效率的持续追求。此外,Package Metadata Interoperability Collab Space的成立、Deno团队的最新调查、JSR的公测发布,以及Jco 1.0的推出,都在不同...

2024-03-08 08:06:36 875

转载 前端行情变了,差别真的挺大。。。

正文前段时间,掘金热帖《放心,前端死不了》在前端圈疯传。百度前端大佬表明:“前端技术是依托于互联网行业的,只要行业还在,它就会有用武之地,就会有价值。”总的来说,技能跟上发展,前端就不会死。谁掌握得更深、应用得更好,谁就更容易脱颖而出。为此,我特意与几位大厂前端技术专家,一起整理出了一套非常实用的——《2024前端开发进阶秘籍》,其中包含了前端必备八股文、超火Vue3面试题、前端卷王算法题和大厂高...

2024-03-07 10:49:39 48

转载 React状态管理专题:什么是属性钻取(Prop Drilling)

在React开发过程中,状态管理是一个绕不开的话题。无论是新手还是有经验的开发者,都会面临如何有效管理组件状态的挑战。React为我们提供了多种状态管理方案,如直接的状态传递(俗称"属性钻取")、Context API、以及像Redux这样的外部状态管理库。每种方案都有其适用场景与优缺点,今天就让我们就来先聊聊什么是“属性钻取”。什么是状态管理(State Management)?状态管理对于任何...

2024-03-07 10:49:39 35

转载 分享 5 个 用于前端的 Python 库

Python 中有许多前端库,每个库都有其独特的优点和缺点,我们应该选择哪一个?无论你是数据科学家、数据工程师、机器学习工程师还是 Python 开发人员,你都必须至少了解一个前端库。它可以在很多方面为你提供帮助,例如,创建宠物项目、成为全栈开发人员、创建仪表板,甚至在日常生活中提供帮助。在本文中,我将介绍 5 个不同的前端库,每个库都有其独特的功能、优点和缺点。我们从最流行的前端框架开始。1、S...

2024-03-06 08:00:12 65

原创 20个惊艳的React组件库,每一个都值得收藏(下)

在上一篇文章中,20个惊艳的React组件库,每一个都值得收藏(上),我们一起探索了10款令人惊艳的React组件库,它们各自以独特的功能和优势,极大地丰富了我们的React开发工具箱。今天,我们将继续这一系列的分享,从React Markdown到React Copy to Clipboard,为大家介绍另外10个同样值得收藏的React组件库。这些组件库覆盖了从文本处理到布局管理,再到交互增强...

2024-03-05 08:20:22 863

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除