- 博客(41)
- 收藏
- 关注
RSS订阅原创 30个工作中常用到的前端小知识（干货）
1. JS为什么单线程一个简单的原因就是，js在设计之初只是进行一些简单的表单校验，这完全不需要多线程，单线程完全可以胜任这项工作。即便后来前端发展迅速，承载的能力越来越多，也没有发展到非多线程不可的程度。而且还有一个主要的原因，设想一下，如果js是多线程的，在运行时多个线程同时对DOM元素进行操作，那具体以哪个线程为主就是个问题了，线程的调度问题是一个比较复杂的问题。HTML5新的标准中允许使用new Worker的方式来开启一个新的线程，去运行一段单独的js。
2024-12-04 17:25:45
591
原创 TypeScript 5.7 正式发布，一大波新特性！
TypeScript 5.7 改进了在编辑器中查找 tsconfig.json 文件的逻辑，现在会向上搜索更多的目录层级，以找到更适当的配置文件。编译器选项，允许在编译时将相对路径的 TypeScript 文件扩展名重写为对应的 JavaScript 文件扩展名。：对于大型代码库，TypeScript 5.7 优化了项目所有权检查的速度，避免了加载整个代码库的开销。：TypeScript 5.7 增强了对未初始化变量的检查，能够报告那些从未被初始化的变量使用错误。：TypeScript 5.7 支持了。
2024-11-29 11:33:27
433
原创 Vite 6 正式发布
此外，Vite 生态系统也迎来了更多新框架的加入，包括 TanStack Start、One、Ember 等，众多知名企业如 OpenAI、谷歌、苹果、微软、NASA、Shopify、Cloudflare、GitLab、Reddit、Linear 等都在使用 Vite。：Vite 6 默认使用 Sass 的现代API，若需使用旧API，可设置相关选项，但 Vite 7 将移除对旧API的支持。：尽管引入了新的环境概念，Vite 6 仍然保持了与 Vite 5 的向后兼容性，确保了平滑的迁移过程。
2024-11-29 11:30:09
812
原创 Vue 发布十年了！你知道我这十年是怎么过的吗？
2014 年 2 月 3 日，Vue 在 Hacker News 上首次亮相。十年后的今天，Vue 已经成为使用最广泛的前端框架之一，拥有了一个非常丰富的生态系统。本文来梳理一下 Vue.js 十年以来的重要里程碑！尤雨溪，无疑是 Vue.js 背后的灵魂人物。早在 2013 年，他还在 Google 工作，便接触到了 Google 团队开发的强大前端框架 Angular。他对 Angular 的产生了兴趣，但觉得它并不完美。
2024-11-01 14:01:13
1045
1
原创 前端框架新势力大盘点
近年来，前端领域快速发展，新的框架不断涌现，为开发者提供了更多选择和解决方案。尽管 React、Vue、Angular、Next.js、Preact 等老牌框架依然稳坐市场主流，但新势力前端框架的崛起也为特定场景带来了更佳的适配和优化。接下来，我们将一探，深入了解它们的特点以及主要解决的问题，共同探索这些新势力框架如何为前端开发注入新的活力与可能性。
2024-11-01 13:58:49
1302
原创 从理解路由到实现一套Router（路由）
小伙伴们大家好啊，我是李牌牌。平时在Vue项目中经常用到路由，但是也仅仅处于会用的层面，很多基础知识并不是真正的理解。于是牌牌呢查阅了很多资料，总结下路由相关的知识，查缺不漏，加深自己对路由的理解。
2024-10-29 11:52:45
874
原创 Svelte 5 正式发布：新一代前端框架！
Svelte 5 是从头开始重写的，使得应用更快、更小、更可靠，并且代码更一致和符合习惯。：引入了 Runes，这是一种显式机制，用于声明响应式状态，取代了 Svelte 4 中的。：计划发布一个新版本的 SvelteKit，利用 Svelte 5 的新特性，并且可以使用。：Svelte 5 几乎完全向后兼容 Svelte 4，大多数用户的初次升级将是无缝的。：通过改进响应式系统，Svelte 5 提供了更细粒度的反应性，提高了性能。：从 Svelte 3 开始，先迁移到 Svelte 4，然后更新。
2024-10-25 16:28:28
926
原创 React Native 重大更新
10 月 23 日，React Native 发布了 0.76 版本！该版本带来了许多重要的更新，包括等。下面就来看看该版本的主要更新内容，以及新架构的简介。
2024-10-25 16:27:05
1442
原创 程序员狂喜，用上就能放心摸鱼了！
大家好，我是李牌牌。近两年，人工智能领域迎来了革命性的爆发，涌现出众多优秀的 AI 产品，它们正悄然改变着我的工作与生活。在日常的开发工作中，AI工具已成为不可或缺的助手，极大地提升了工作效率。最近，我一直在用一个与众不同的 AI 工具 ——，区别于传统的问答式 AI，秘塔 AI 搜索通过实时全网搜索，为我们提供最新、最全面的信息。而且，它不仅能够展示搜索结果的来源，还能条理清晰地梳理信息脉络，极大地优化了决策和研究流程。下面来详细的聊聊它的独特之处！
2024-10-18 09:16:36
1006
原创 Vue3 可以自动生成路由了！
在Vue3开发中，路由管理一直是项目结构中的重要组成部分。传统的路由配置方式需要手动编写每个路由的配置信息，这在页面众多的大型项目中显得尤为繁琐。今天，我们将介绍一个能够自动化生成Vue3路由的插件 ——。它将大幅提升你的开发效率！是一个构建时的插件，它能够基于你的Vue组件文件自动生成路由配置。这意味着你不再需要手动编写冗长的路由配置代码，只需按照约定创建组件文件，路由就会自动配置好。虽然提供了强大的自动路由功能，但在某些情况下你可能需要添加自定义路由。你可以通过扩展自动生成的routes。
2024-08-30 11:59:06
1879
原创 前端实现文本对比，并高亮显示差异！
你有没有想过，常见的代码差异对比是如何都实现的呢？其实这里面涉及到非常复杂的文本对比算法，本文就来看看如何通过现有工具库 jsdiff + diff2html 实现文本对比，并高亮显示差异！
2024-08-29 13:41:09
2734
原创 最适合程序员的编程字体，好看、优雅！
对于程序员来说，每天面对最多的就是代码了，选择一款赏心悦目的编程字体就显得尤为重要。那什么是好看的字体呢？0、O、o；l、I、1；全角和半角的（）等，并且得看着舒服。!= 展示为 ≠；=== 展示为 ≡等，这个就仁者见仁智者见智了。下面就来分享一些好看的编程字体！
2024-08-28 17:18:05
3172
原创 2024 Vue 生态工具最能打的组合！
经过 10 年的演进，Vue 已经构建了一个极为丰富且强大的生态系统，本文就来盘点 2024 年 Vue 开发最能打的技术组合！
2024-08-28 17:12:30
1573
原创 HTTP状态码完整指南
当我们在浏览器输入URL并按下Enter键时，浏览器就会向站点的服务器发送一个HTTP请求，服务器接收并处理请求，然后将相关资源和HTTP标头一起返回。可以在浏览器的Network中查看 HTTP 的请求状态码：维基百科中对HTTP状态码的解释：HTTP状态码（HTTP Status Code）是用以表示网页服务器超文本传输协议响应状态的3位数字代码。它由 RFC 2616 规范定义的，并得到 RFC 2518、RFC 2817、RFC 2295、RFC 2774 与 RFC 4918 等规范扩展。
2024-08-27 18:32:01
1376
原创 React 全新编译器太好用了！
传统的 React 在对象标识改变时会重新渲染组件，而 React Forget 则通过智能判断，仅在对象的语义内容变化时触发重新渲染，同时避免了深度比较带来的性能损耗。为了减轻开发者的负担，理想的解决方案是一个智能的编译器或工具链，它能够自动分析 React 组件的依赖关系，并生成优化的代码。React 的记忆化工具确实在提升性能上起到了关键作用，但它们确实增加了开发者的工作量和代码复杂度，因为它要求开发者不仅描述 UI 的状态，还需显式管理渲染的优化。一方面，由于其声明式方法，它简化了前端开发。
2024-08-27 18:28:27
641
原创 10个极大提高开发效率的 VS Code 技巧！
VS Code 界面的左侧选项卡通常包括资源管理器、搜索、源代码控制、项目管理等功能。而终端中会显示诸如 “problems”, “output”, “terminal”和“debug console”等工具栏。VS Code 支持自由地拖放这些选项卡，按照喜好来重新排列界面，让它更适合你的使用习惯。通过简单的拖拽操作，可以改变它们的位置。比如，可以将资源管理器移到右侧，将搜索放在顶部，或者将终端移动到左侧。只需点击选项卡的标题栏，并将其拖动到你想要的位置。
2024-08-26 12:18:47
1022
原创 10个超实用的React Hooks库
在 React 项目开发过程中，一套好用的 React Hooks 库是必不可少的，使用这些 React Hooks 库可以大大提升开发效率，避免重复造轮子！今天就来分享10个实用的 React Hooks 库！
2024-08-26 12:13:48
881
原创 56个JavaScript 实用工具函数助你提升开发效率！
今天来看看JavaScript中的一些实用的工具函数，希望能帮助你提高开发效率！整理不易，如果觉得有用就点个关注鼓励一下吧！
2024-08-25 16:56:19
717
原创 你需要知道的 19 个 console 实用调试技巧！
浏览器的开发者工具为我们提供了强大的调试系统，可以用来查看DOM树结构、CSS样式调试、动画调试、JavaScript代码断点调试等。今天我们就来看看console调试的那些实用的调试技巧。
2024-08-24 13:21:02
1940
原创 基于最新前端技术栈，分享几个高颜值的中后台模板（附源码）
大家好，我是李牌牌，今天来分享 几个基于 Vue、React 最新技术栈的高颜值中后台模板！
2024-08-23 17:45:59
717
原创 Sass 完整指南
Sass 是一个 CSS 预处理器，完全兼容所有版本的 CSS。实际上，Sass 并没有真正为 CSS 语言添加任何新功能。只是在许多情况下可以可以帮助我们减少 CSS 重复的代码，节省开发时间。下面就来看看 Sass 中常用的功能吧！
2024-08-23 13:18:20
752
原创 VS Code 摸鱼神器，确定不试一下？
VS Code 插件市场中不仅有很多实用的开发插件，还有很多好玩的摸鱼插件，下面就来分享 VS Code 中值得一试的摸鱼插件！
2024-08-23 11:36:41
4322
1
原创 20个提升效率的JS简写技巧，告别屎山！
JavaScript 中有很多简写技巧，可以缩短代码长度、减少冗余，并且提高代码的可读性和可维护性。本文将介绍 20 个提升效率的 JS 简写技巧，助你告别屎山，轻松编写优雅的代码！
2024-08-23 09:04:33
604
原创 前端开发小技巧汇总
今天来分享一些非常实用的前端调试技巧，希望对你有所帮助！悬停时检查弹出窗口使用日志断点模拟可折叠设备自动完成样式切换颜色格式捕获高分辨率截图检查事件流查看和复制样式更改实时表达式调试水平滚动条。
2024-08-23 09:01:42
1042
原创 推荐一些值得学习的TypeScript宝库！
TypeScript 是微软开发的一个开源的编程语言，通过在 JavaScript 的基础上添加静态类型定义构建而成。TypeScript 通过 TypeScript 编译器或 Babel 转译为 JavaScript 代码，可运行在任何浏览器和操作系统。下面来分享一些值得学习的 TypeScript 宝库！
2024-08-22 15:05:30
663
原创 10分钟彻底掌握 CSS Flex 布局
CSS 中的 Flex 布局是一种一维的布局模型，一次只能处理一个维度上的元素布局，一行或者一列。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。下面就来看看如何在 CSS 中使用 Flex 布局！
2024-08-22 14:50:14
2810
原创 5款超好用、高颜值的Git可视化工具
Git，作为一款强大的分布式版本控制系统，为代码协作与版本追踪提供了坚实的基础。然而，对于不熟悉命令行操作的新手或寻求更直观体验的开发者来说，Git的可视化工具成为了不可或缺的得力助手。本文将分享五款超好用、高颜值的Git可视化工具。它们各具特色，但共同致力于让 Git 操作变得更加简单、高效。让我们一同探索这些工具的魅力吧！
2024-08-22 13:57:37
1935
原创 前端框架面临大更新
2024主流前端框架都发生了哪些大事件！随着 JavaScript 框架的不断发展，它们开始在某些关键功能和架构上展现出趋同的态势。这些共性包括支持。这种融合证明了生态系统的成熟和发展，框架可以相互学习并采用最佳实践。为了帮助更好地理解这些趋势，下面来深入研究每一个框架。
2024-08-22 13:54:24
786
原创 一文读懂 CSS 单位
说起 CSS 单位，我们最常用的可能就是像素单位（px），它是一个绝对单位，也就是说一个10px的文字，放在哪里都是一样大的。单位可以影响颜色、距离、尺寸等一系列的属性。CSS中单位的形式有很多种，下面就来学习一下 CSS 中单位！
2024-08-22 12:33:24
1401
原创 在 Git 中撤消更改的 6 种方法！
当使用 Git 进行项目代码管理时，难免会出现一些错误操作或需求变更，需要对代码进行撤销或修改。Git 提供了多种方式来撤消已有的更改。本文将介绍 Git 中常用的 6 种撤消更改的方法，帮助你更好地处理这些问题！
2024-08-22 10:01:30
3851
原创 正则表达式不用背
正则表达式是一个强大的文本匹配工具。但是，对于初学者来说，众多的符号和规则可能让人难以理解。其实，你不需要记住所有的正则表达式语法！本文将分享一些简单而实用的技巧，帮助理解正则表达式的核心概念，轻松使用正则表达式！
2024-08-22 09:49:18
1175
1
原创 Git 不用背
当你学习 Git 时，可能会被其庞大的命令集和各种概念所吓到。但实际上，Git 并不要求死记硬背每一个命令，更重要的是理解其工作流程和使用场景。这篇文章的目的就是帮助你简化 Git 的学习过程，让你发现 Git 其实并不需要刻意去背，只需要真正理解它，就能轻松掌握。现在，就让我们一起踏上探索 Git 世界的旅程吧！
2024-08-22 09:01:36
578
原创 2024 最新最全 VS Code 插件推荐！
Visual Studio Code 是由微软开发的一款开源的代码编辑器，它有了一个丰富的插件市场，提供了很多实用的插件。本文就来分享 2024 年开发必备的 VS Code 插件！
2024-08-21 18:08:07
1716
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人