- 博客(271)
- 收藏
- 关注
RSS订阅原创 8 款前端工具，凭啥让提效 200%成为现实？
随着前端领域的不断发展，很多大佬都开发出了一系列提效工具，今天就来跟大家分享八个必备酷炫工具，这些工具用的好，工作提效200%不是梦！！！给自己打个广告，我的前端面试、娱乐小程序 —— 工具人的工具箱一、UiverseUiverse是一个开源平台，提供了由CSS和Tailwind创建的beautiful的UI元素集合。它让开发者无缝地在项目中创建、分享和使用自定义元素。该平台的社区驱动方式保证了...
2024-09-02 08:00:39
473
原创 2024年Web开发者应知道的20款浏览器插件
给自己打个广告，我的前端面试、娱乐小程序 —— 工具人的工具箱在这篇文章中，我们将查看2024年对Web开发者有用的20款不同的浏览器扩展。所有这些扩展都可以在Google Chrome上找到，但大部分也在Firefox和其他浏览器中都有提供。一、ColorZillaColorZilla是一个颜色采集器和渐变生成器，可以用来获取网页中任何像素的颜色。这对于web设计非常有用，因为大多数时候，我们...
2024-08-25 20:01:04
762
转载 2024 React 生态工具最能打的组合！
给自己打个广告，我的前端面试、娱乐小程序 —— 工具人的工具箱经过多年的不断演进，React 已经构建了一个极为丰富且强大的生态系统，本文就来盘点2024 年 React 开发最能打的技术栈组合！创建项目：Vite / Next.js / AstroVite：适用于客户端渲染的 React 应用。Next.js：适用于服务端渲染的 React 应用。Astro：适用于静态生成的 React 应用...
2024-07-29 08:00:24
80
原创 Vue3项目中实现主题切换真的很简单！！！
给自己打个广告，我的前端面试、娱乐小程序 —— 工具人的工具箱一、原理换肤能够实现的终极密码是——CSS变量，可以为每个主题设定一组CSS变量，包含这个主题的所有颜色、字体等信息，当需要切换主题时，只需要更改使用的CSS变量组即可。声明变量。在 :root 伪类中声明 CSS 变量，这样就能在全局范围内使用变量：:root { --main-color: #06c;}使用变量。在你的 CS...
2024-07-15 08:00:42
793
转载 用 Vue3 就该有不用 pinia 的自信
遇到一个朋友提的问题，写一篇文章解答一下。首先说一下观点。不管是用 React，还是用 Vue3，实际上大多数项目完全都可以不用全局状态管理库。不过在 React 中，要做到这样的事情，需要非常强的综合能力，在 Vue3 中，要做到这个事情更为简单。但是毕竟也是需要一点点技术含量的，全局状态管理是一个非常好的解决问题的思路，他足够的简单粗暴，能够解决几乎所有的状态问题。因此，这至少是一个在功能上不...
2024-07-14 21:10:44
76
原创 这款免费的大模型产品实现了我的爽文小说梦——《异次元编码王者》
今天体验了一波百度旗下新的大模型产品——橙篇，用气写了一篇短篇小说，体验感觉如下：优点能满足每个人想写小说的梦想：橙篇为广大用户提供了一个便捷的创作途径，使得即使没有丰富写作经验的人也能够轻松地表达自己的想法和故事。这对于许多热爱写作但受限于时间和技能的人来说，无疑是一个巨大的福音。文字长度合适（万字水平）万字水平的短篇小说在长度上恰到好处，既能够展现出一个完整的故事情节，又不会让读者感到冗长乏味...
2024-06-30 12:20:24
1025
转载 20个超好看的落地页/首页模板（附源码）
给自己打个广告，我的前端面试、娱乐小程序 —— 工具人的工具箱来分享 20 个超好看的落地页/首页模板。代码：https://github.com/RSurya99/nefa代码：https://github.com/RSurya99/trippi代码：https://github.com/cruip/tailwind-landing-page-template代码：https://github...
2024-06-24 08:00:47
398
原创 这个71.9K 的代码库真的有点东西，让人人都可拥有一款免费私人助手
大模型可以说是近期最热的话题之一，不管是国外的ChatGPT、llama3等，还是国内的文心一言、通义千问等，都可以说是热的发红、红的发紫，秉承着了解的态度，我在github上发现了跟大模型相关的项目，其star高达71.9k，其就是ollama（https://github.com/ollama/ollama?tab=readme-ov-file），ollama是什么呢？——一个支持在本地运行大...
2024-06-07 11:57:40
824
转载 N 个值得一看的前端代码片段
给自己打个广告，我的前端面试、娱乐小程序 —— 工具人的工具箱在日常的开发过程中，我们都会有一些常用的代码片段，这些代码片段可以直接复制到各个项目中使用，非常方便。如果你有接手过别人的项目，就可以很明显感受到几个项目一般都会有一些相同的工具类方法，这些方法就是之前开发者的常用代码片段。现在前端社区相当完善，有许多好用质量又有保证的库，如 lodash、dayjs、classnames、js-co...
2024-06-03 08:00:43
46
转载 3W字揭开管理的秘密：耗时半年精心打磨，一线管理者不可不读的终极指南！...
原创不易，求分享、求一键三连给自己打个广告，我的前端面试、娱乐小程序 —— 工具人的工具箱很久以前就想写一本管理小册，但就过往经历，总感觉差点意思，近半年做了一些管理咨询，输入的案例信息多了，反而将思维打开了。可见，有效的信息输入对于打开思维是多么的重要。针对对象这本管理小册预期的读者是一线管理者，他们可以是：管理3-5人的小组长：负责小团队的日常协调、任务完成和成员协作。管理10人以内的一线L...
2024-05-22 10:15:45
86
转载 太强了！CSS 文字效果还能这样玩~
给自己打个广告，我的前端面试、娱乐小程序 —— 工具人的工具箱在 CSS 中，文字算是我们天天会打交道的一大类了，有了文字，则必不可少一些文字装饰。本文将讲讲两个比较新的文字装饰的概念text-decoration与text-emphasis，在最后，还会讲解使用background模拟文字下划线的一些有趣的动效。text-decoration 文字装饰text-decoration...
2024-05-20 08:00:13
99
原创 革命性GPT-4o：重塑人机交互体验
OpenAI 发布的 GPT-4o 模型无疑是一个巨大的突破，特别是在其能够处理多种输入媒介（文本、音频、图像）并生成相应输出方面。这种能力使得人机交互更加自然和直观，极大地提升了 AI 的实用性和可用性。GPT-4o 的几个关键亮点包括：1. 跨媒介输入/输出：GPT-4o 能够接受文本、音频和图像的任意组合作为输入，并直接生成这些媒介的输出。这打破了传统 AI 模型仅处理单一输入类型的限制，使...
2024-05-14 08:19:45
237
原创 14号凌晨2点OpenAI 发布会震撼来袭！不容错过
SamAltman在X平台上引用上述消息，并表示下周一不会发布GPT-5，也不会发布AI搜索引擎。他还说，“我们一直在努力开发一些我们认为人们会喜欢的新东西，对我来说感觉就像魔法一样。”让我们今晚凌晨2点拭目以待，看看有哪些爆炸性进展，又看看多少创业公司再次被优化掉、有多少创业公司井喷式诞生！除了这个激动人心的消息，让我们再回顾一下Chatgpt 的一些关键节点：2023年11月6日：GPTsO...
2024-05-13 22:33:49
191
转载 被严重低估！React 19 又是一次开发方式的变革，useEffect 将会逐渐退出历史舞台...
给自己打个广告，我的前端面试、娱乐小程序 ——工具人的工具箱举办 React conf时 React 19 正式版应该会发布。这个时间点，距离 React 18 正式发布已经过去了整整两年。虽然当前还没有正式发布，但是我们已经可以在 npm 上下载 React 19 beta 版本在项目中尝鲜体验。目前写 React 19 的文章已经有很多很多了，但是，写到点子上的并不多。包括官方文档，只是简...
2024-05-12 21:00:16
68
转载 公众号接入AI女友柳如烟了，很爽！
”求原谅的小女友“柳如烟震撼来袭，一位AI即时对话的性感美女！悲情男主震撼崛起你是不是那个总是被女友欺负、气到爆炸的单身汉？是不是常常在感情的漩涡中感到迷茫和无助？现在，你的逆袭时刻到了！想象一下，你有一个十分可爱、性感且骚气的女友，她名叫柳如烟。不论是因为什么，比如她不小心触碰了你的底线，或者与其他人暧昧让你感到生气，柳如烟总能用她独特的方式，让你瞬间找回场子。柳如烟是一个与众不同的女友。她不会...
2024-05-11 16:44:29
73
转载 借着小米Su7的东风学习超炫酷的前端 3D 开源项目
我的前端面试、娱乐小程序 ——工具人的工具箱前端人的工具箱，帅哥美女不容错过！！！本文将分享 10 个超炫酷的前端 3D 开源项目。从令人惊叹的视觉效果到富有创新概念的交互体验，这些项目展示了前端技术的无限可能。无论你是新手还是经验丰富的开发者，都值得一探究竟！蛋仔派对（three.js版）利用 React + threejs 技术栈构建的第三人称Q版闯关类游戏。Github：https://...
2024-04-01 08:00:40
299
转载 rust 正在全面入侵前端
** 我的前端面试、娱乐小程序 ** ——工具人的工具箱过年期间我没怎么发文章，但是我也没闲着。在这个空闲时间，把 rust 基础以及个别生态技术方案扎扎实实的，系统的学习了一下。学习他的初衷是因为 rust 可以支持鸿蒙应用的原生级别的开发，为进阶资深级别的鸿蒙开发者做技术储备。可这不学不知道，一学吓一跳。这才发现 rust 生态，正在以一种锐不可当的气势，全方位、无死角的入侵前端开发的方方面...
2024-03-11 08:00:32
81
原创 Sora这个核弹来了，我们能用它干些什么？
前段时间开发了款小程序——近期做了重要更新，更新内容包括：改名、页面重构、私人资料应用、情侣大转盘、时间间隔计算器，话不多说，直接看这些升级点。Sora在春节节后惊喜来临，又是大模型时代一波新的狂欢，详细内容不用说，主要看看其强大的能力。强大的能力Sora是最新的文本到视频模型，其能够生成最长达一分钟的视频，同时保持视觉质量并遵循用户的提示。此外其对语言有深入的理解，使其能够准确解读提示，并生成表...
2024-02-17 08:55:00
426
原创 新春来临之际，《摸鱼小程序》迎来重大升级【咻咻咻】
前段时间开发了款小程序——《前端百题斩》，当时是比较简陋，但是作为自己的第一款个人应用还是蛮激动的，在满足感未消退的情况下，对小程序做了重要更新，更新内容包括：改名、页面重构、私人资料应用、情侣大转盘、时间间隔计算器，话不多说，直接看这些升级点。名称更新为：《工具人的工具箱》考虑了很久，想想还是要给小程序改个名字，因为《前端百题斩》这个名字太局限了，我希望这个小程序能够成为朋友们摸鱼、划水、跳槽蓄...
2024-02-07 08:01:19
270
转载 现代 React 开发必备的 13 个神库，路由、UI 组件库、拖拽、虚拟列表都齐了
前端offer收割机，收货爱情不迷路！！！成为一个现代的 React 开发者，不仅需要理解 React 的核心概念，还需要对整个 React 生态系统了如指掌。学习常用的库相关的知识，可以大大简化你的开发过程。即使你没有具体用过，你也至少应该知道它们的存在以及它们解决的问题。这里列出了作为 React 开发者应该了解的 13 个优秀的 React 库。1. TanStack QueryTanSta...
2024-01-15 08:01:04
522
原创 尤雨溪怒喷React挖坑不埋，这波我想说句话！！！
前端白富美，获取offer到手软这两天尤大喷React文档的内容又被前端圈疯传，内容如下，看了这个内容后，我的第一反应是：他是懂的玩流量博人眼球的，操作跟近期抖音上某些博主互喷互黑如出一辙。自己Vue和React两个框架都用过，下面发表一下自己的几点看法：框架仅仅是框架，目的是利用该框架快速实现产品解决问题，所以不用深陷框架的好坏、快慢之中，跟随部门的技术选型走即可，毕竟也许在不久的将来，将会有新...
2024-01-07 12:36:41
517
原创 央行同意支付宝变更为无实际控制人
央行同意将支付宝（中国）变更为无实际控制人，这个有什么利弊呢？（欢迎访问我的小程序）前端百题斩，助力收割offer，迎娶白富美、走向人生巅峰！！！GPT4的回答「优点」:提高治理结构的公平性：没有单一的控制人或少数控股股东可能会使公司的决策过程更加民主化和透明。风险分散：不依赖于单一个人或少数人的决策，可能有助于减轻因为依赖于特定个体带来的风险。符合监管要求：对于某些涉及公共利益或高度监管的行业，...
2023-12-31 09:44:16
388
转载 唉！CSS 渐变真是一门高深的学问
《前端百题斩》小程序也上线了，点击下面访问小程序，收获offer不迷路。前端百题斩——offer收割机——美女不迟到欢迎关注公众号《前端点线面》，第一手前端内容早知道。CSS 中，我们可以很轻易的实现一个渐变，比如下面是一个从黄色到蓝色的渐变background: linear-gradient(to right, yellow, blue)效果如下有没有发现有什么问题？????没错，在黄色和蓝色的中间...
2023-12-25 08:02:42
116
转载 前端人请入局AI，现在！立刻！马上！！
随着ChatGPT大热“AI大模型”无疑是最火爆的话题！Google、百度、腾讯等等巨头互联网公司，无不在布局人工智能技术和市场，甚至还有60k*16的高薪，挖掘AI大模型人才！作为普通程序员，如何不被时代抛弃，享受AI技术带来的红利？！????知乎知学堂特发起：行业前沿资源——AI大模型公开课已为本号粉丝开通免费领取权限预计24小时后关闭通道！速进！AI大模型-重塑程序员核心竞争力（不限年龄！不限...
2023-12-21 08:01:12
83
转载 前端性能优化就是这么简单，你会了吗？
亲爱的朋友们，学起来，用【前端百题斩】斩获大厂offer，迎娶小娇妻不是梦。为什么要做性能优化？性能优化到底有多重要？网站的性能优化对于用户的留存率、转化率有很大的影响，所以对于前端开发来说性能优化能力也是重要的考察点。性能优化的点非常的多，有的小伙伴觉得记起来非常的麻烦，所以这里主要梳理出一条线来帮助记忆。可以将性能优化分为两个大的分类：加载时优化运行时优化加载时性能顾名思义加载时优化主要解...
2023-12-18 08:00:37
99
转载 怎样能成为前端leader？
亲爱的朋友们，学起来，用【前端百题斩】斩获大厂offer，迎娶小娇妻不是梦。首先我们需要定义一下什么是小Leader：所谓小Leader是指组长或者一线经理；多数工作3-8年，但也会有工作10年以上的；有明显的闪光点，但暂时又难以再进一步；管理规模在20人以下，多数是10人团队；做了基本定义，便可以开始思考如何制定课程框架：能成为小Leader，说明管理认知要开悟了，培训内容需要长期适用所以要上模...
2023-12-05 08:00:29
158
转载 华为自研的前端框架是什么样的？遥遥领先？
【前端百题斩】小程序，11个模块、300+面试真题，助力进大厂、拿高薪。最近，华为开源了一款前端框架 —— openInula[1]。根据官网提供的信息，这款框架有3大核心能力：响应式API兼容ReactAPI官方提供6大核心组件并且，在官方宣传视频里提到 —— 这是款「大模型驱动」的「智能框架」。那么，这究竟是款什么样的前端框架呢？我在第一时间体验了Demo，阅读了框架源码，并采访了框架核心...
2023-12-01 21:42:19
361
原创 欠粉丝的账是时候还了！！！
一、去哪了？关注我的朋友都知道，近期我从工作了1230天的百度离职了，但是很多人都不知道我的下家，现在跟各位同步一下——「我去字节做卷王去了」，有想内推的朋友可以将简历抛过来！作为入职字节近一周的小白菜，说说自己的几点感受吧！img饮食落差有点大近期其实我也拿了几个offer（蚂蚁、美团、小红书、字节），最终下定决心来字节的原因除了所属业务处于上升期外，另一个重要因素是我有个好朋友跟我说：字节的羊...
2023-11-27 08:00:23
224
原创 1230天，百度再见！！！
从2020年7月8日至2023年11月20日，在百度的工作到达了终点，完成了从学生向职场人的蜕变，是时候说再见了！一、成长收获在这1230天里收获颇丰，下面与各位分享一下。从技术至上到业务赋能的思想转变相信很多人都存在“技术至上”的思想，但是今天我来阐述一下自己的认知“技术不至上”，其实不是说技术不重要，而是一切的技术最终都是为产品服务、以收益为导向。其实这之间的关系可以理解为：用技术来实现产品，...
2023-11-20 22:00:09
403
1
原创 十五周算法训练营——岛屿问题
今天是十五周算法训练营的第十五周，主要讲岛屿问题专题。（欢迎加入十五周算法训练营，与小伙伴一起卷算法）岛屿问题一、题目给你一个由 '1'（陆地）和 '0'（水）组成的的二维网格，请你计算网格中岛屿的数量。岛屿总是被水包围，并且每座岛屿只能由水平方向和/或竖直方向上相邻的陆地连接形成。此外，你可以假设该网格的四条边均被水包围。示例 1：输入：grid = [["1","1","1","1","0"...
2023-07-10 08:00:14
444
原创 2023年提升您React项目的5个库
在本文中，我们将介绍 5 个库，它们可以解决 React 开发中一些最常见的痛点（例如数据获取、样式、可访问性和状态管理），从而对您的 React 开发体验产生积极影响。一、React Queryhttps://github.com/TanStack/query图3简而言之，React Query 可以使在 React 中获取数据体验更好。其是一个处理异步服务器状态的状态管理库，通过提供了一个异步...
2023-07-04 07:30:13
1087
原创 十五周算法训练营——贪心算法
今天是十五周算法训练营的第十四周，主要讲贪心算法专题。（欢迎关注我，加联系方式，进入十五周算法训练营，与小伙伴一起卷算法，暗号：“十五”）跳跃游戏给定一个非负整数数组 nums ，你最初位于数组的 第一个下标 。数组中的每个元素代表你在该位置可以跳跃的最大长度。判断你是否能够到达最后一个下标。示例 1：输入：nums = [2,3,1,1,4]输出：true解释：可以先跳 1 步，从下标 0 ...
2023-07-03 08:01:22
804
原创 React 的七大最佳动画库，你用过几个？
今天，Web 应用程序用户界面有许多吸引用户的元素，为了满足这些需求，开发人员不得不寻找新的方法来实现带有动画和过渡的 UI，因此，开发了专门的库和工具来处理 Web 应用程序中的动画。在本文中，将讨论一些优秀的 React 动画库，以便于在后续工作中进行选择。1. React Spring反应弹簧React-spring是一个基于 spring-physics 的动画库，可以满足大部分与 UI ...
2023-06-27 07:30:47
2844
原创 十五周算法训练营——背包问题
今天是十五周算法训练营的第十三周，主要讲背包问题专题。（欢迎加入十五周算法训练营，与小伙伴一起卷算法）「背包问题：给你一个可装载重量为W的背包和N个物品，每个物品有重量和价值两个属性。其中第i个物品的重量为wt[i]，价值为val[i]，现在让你用这个背包装物品，最多能装的价值是多少？」0-1背包动态规划思路明确状态和选择状态有两个：背包的容量和可选择的物品选择就是：装进背包或者不装进背包dp数组...
2023-06-26 07:31:30
356
原创 15 个对 Web 开发人员有用的代码共享网站
1. Dabblet以便于可视化Dabblet将任务和界面分解成不同的部分。您可以对代码及其输出使用不同的预览。Dabblet 不是目前功能最丰富的代码共享网站，但它完成了它的任务。Dabblet 的重点是生产力和更轻松的工作流程管理。它没有大量可供您使用的选项，而是以您认为合适的方式简单地共享代码。2. LiveweaveLiveweave是一个功能极其丰富和强大的代码共享和 CSS3、HTML...
2023-06-20 07:30:36
904
原创 十五周算法训练营——普通动态规划（下）
今天是十五周算法训练营的第十二周，主要讲普通动态规划（下）专题。（欢迎加入十五周算法训练营，与小伙伴一起卷算法）最长递增子序列给你一个整数数组 nums ，找到其中最长严格递增子序列的长度。子序列 是由数组派生而来的序列，删除（或不删除）数组中的元素而不改变其余元素的顺序。例如，[3,6,2,7] 是数组 [0,3,1,6,2,2,7] 的子序列。示例 1：输入：nums = [10,9,2,5,...
2023-06-19 07:30:48
419
原创 31个最佳 JavaScript 片段
这里有 20 个有用的 JavaScript 片段，可以在您处理项目时为您提供帮助：1.获取当前日期和时间：constnow=newDate();2. 检查变量是否为数组：Array.isArray(variable);3.合并两个数组：constnewArray=array1.concat(array2);4. 从数组中删除重复项：constuniqueArray=[...n...
2023-06-18 13:43:08
334
原创 2023 年 8 个最佳 React UI 组件库和框架
将展示八个最好的 React UI 组件库和框架，如下表所示：（星标加关注，开车不迷路）「React Bootstrap：」一个与 Bootstrap 框架集成的实用的 React UI 库。「Grommet：」如果您想在设计中实现可访问性，这个 React UI 组件库非常有用。「Blueprint：」对于桌面 React 应用程序，您需要查看 Blueprint 的产品。「Ant Design...
2023-06-14 08:00:31
8191
原创 十五周算法训练营——普通动态规划（上）
今天是十五周算法训练营的第十一周，主要讲普通动态规划（上）专题。（欢迎加入十五周算法训练营，与小伙伴一起卷算法）斐波那契数斐波那契数 （通常用 F(n) 表示）形成的序列称为 斐波那契数列 。该数列由 0 和 1 开始，后面的每一项数字都是前面两项数字的和。也就是：F(0) = 0，F(1) = 1F(n) = F(n - 1) + F(n - 2)，其中 n > 1给定 n ，请计算 ...
2023-06-12 22:11:08
852
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人