李牌牌you
码龄3年
关注
提问 私信
  • 博客:54,773
    54,773
    总访问量
  • 41
    原创
  • 52,088
    排名
  • 897
    粉丝

个人简介:坚持原创。分享前端技术文章、学习资料面试经验、热点资讯,开启前端进阶之旅!

IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:河北省
  • 加入CSDN时间: 2021-11-24
博客简介:

lsq191690的博客

查看详细资料
  • 原力等级
    当前等级
    3
    当前总分
    348
    当月
    5
个人成就
  • 获得883次点赞
  • 内容获得1次评论
  • 获得578次收藏
  • 代码片获得294次分享
创作历程
  • 41篇
    2024年
成就勋章
兴趣领域 设置
  • 前端
    html5javascriptcsscss3typescriptvue.jsreactjsnpmsass前端
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

30个工作中常用到的前端小知识(干货)

1. JS为什么单线程一个简单的原因就是,js在设计之初只是进行一些简单的表单校验,这完全不需要多线程,单线程完全可以胜任这项工作。即便后来前端发展迅速,承载的能力越来越多,也没有发展到非多线程不可的程度。而且还有一个主要的原因,设想一下,如果js是多线程的,在运行时多个线程同时对DOM元素进行操作,那具体以哪个线程为主就是个问题了,线程的调度问题是一个比较复杂的问题。HTML5新的标准中允许使用new Worker的方式来开启一个新的线程,去运行一段单独的js。
原创
发布博客 2024.12.04 ·
584 阅读 ·
11 点赞 ·
0 评论 ·
5 收藏

TypeScript 5.7 正式发布,一大波新特性!

TypeScript 5.7 改进了在编辑器中查找 tsconfig.json 文件的逻辑,现在会向上搜索更多的目录层级,以找到更适当的配置文件。编译器选项,允许在编译时将相对路径的 TypeScript 文件扩展名重写为对应的 JavaScript 文件扩展名。:对于大型代码库,TypeScript 5.7 优化了项目所有权检查的速度,避免了加载整个代码库的开销。:TypeScript 5.7 增强了对未初始化变量的检查,能够报告那些从未被初始化的变量使用错误。:TypeScript 5.7 支持了。
原创
发布博客 2024.11.29 ·
419 阅读 ·
10 点赞 ·
0 评论 ·
2 收藏

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 ·
789 阅读 ·
8 点赞 ·
0 评论 ·
10 收藏

Vue 发布十年了!你知道我这十年是怎么过的吗?

2014 年 2 月 3 日,Vue 在 Hacker News 上首次亮相。十年后的今天,Vue 已经成为使用最广泛的前端框架之一,拥有了一个非常丰富的生态系统。本文来梳理一下 Vue.js 十年以来的重要里程碑!尤雨溪,无疑是 Vue.js 背后的灵魂人物。早在 2013 年,他还在 Google 工作,便接触到了 Google 团队开发的强大前端框架 Angular。他对 Angular 的产生了兴趣,但觉得它并不完美。
原创
发布博客 2024.11.01 ·
1039 阅读 ·
22 点赞 ·
1 评论 ·
9 收藏

前端框架新势力大盘点

近年来,前端领域快速发展,新的框架不断涌现,为开发者提供了更多选择和解决方案。尽管 React、Vue、Angular、Next.js、Preact 等老牌框架依然稳坐市场主流,但新势力前端框架的崛起也为特定场景带来了更佳的适配和优化。接下来,我们将一探,深入了解它们的特点以及主要解决的问题,共同探索这些新势力框架如何为前端开发注入新的活力与可能性。
原创
发布博客 2024.11.01 ·
1258 阅读 ·
28 点赞 ·
0 评论 ·
10 收藏

从理解路由到实现一套Router(路由)

小伙伴们大家好啊,我是李牌牌。平时在Vue项目中经常用到路由,但是也仅仅处于会用的层面,很多基础知识并不是真正的理解。于是牌牌呢查阅了很多资料,总结下路由相关的知识,查缺不漏,加深自己对路由的理解。
原创
发布博客 2024.10.29 ·
870 阅读 ·
27 点赞 ·
0 评论 ·
18 收藏

一些适合 H5 屏幕适配方案

大家好,我是李牌牌今天给大家带来一些适合 H5 屏幕适配的方案。
原创
发布博客 2024.10.29 ·
1112 阅读 ·
16 点赞 ·
0 评论 ·
16 收藏

Svelte 5 正式发布:新一代前端框架!

Svelte 5 是从头开始重写的,使得应用更快、更小、更可靠,并且代码更一致和符合习惯。:引入了 Runes,这是一种显式机制,用于声明响应式状态,取代了 Svelte 4 中的。:计划发布一个新版本的 SvelteKit,利用 Svelte 5 的新特性,并且可以使用。:Svelte 5 几乎完全向后兼容 Svelte 4,大多数用户的初次升级将是无缝的。:通过改进响应式系统,Svelte 5 提供了更细粒度的反应性,提高了性能。:从 Svelte 3 开始,先迁移到 Svelte 4,然后更新。
原创
发布博客 2024.10.25 ·
918 阅读 ·
11 点赞 ·
0 评论 ·
0 收藏

React Native 重大更新

10 月 23 日,React Native 发布了 0.76 版本!该版本带来了许多重要的更新,包括等。下面就来看看该版本的主要更新内容,以及新架构的简介。
原创
发布博客 2024.10.25 ·
1429 阅读 ·
30 点赞 ·
0 评论 ·
8 收藏

uniapp 开发神器,效率翻倍!

本文来分享一些好用的 uniapp 开发工具,助力高效开发!
原创
发布博客 2024.10.18 ·
1879 阅读 ·
26 点赞 ·
0 评论 ·
24 收藏

程序员狂喜,用上就能放心摸鱼了!

大家好,我是李牌牌。近两年,人工智能领域迎来了革命性的爆发,涌现出众多优秀的 AI 产品,它们正悄然改变着我的工作与生活。在日常的开发工作中,AI工具已成为不可或缺的助手,极大地提升了工作效率。最近,我一直在用一个与众不同的 AI 工具 ——,区别于传统的问答式 AI,秘塔 AI 搜索通过实时全网搜索,为我们提供最新、最全面的信息。而且,它不仅能够展示搜索结果的来源,还能条理清晰地梳理信息脉络,极大地优化了决策和研究流程。下面来详细的聊聊它的独特之处!
原创
发布博客 2024.10.18 ·
1003 阅读 ·
29 点赞 ·
0 评论 ·
15 收藏

Vue3 可以自动生成路由了!

在Vue3开发中,路由管理一直是项目结构中的重要组成部分。传统的路由配置方式需要手动编写每个路由的配置信息,这在页面众多的大型项目中显得尤为繁琐。今天,我们将介绍一个能够自动化生成Vue3路由的插件 ——。它将大幅提升你的开发效率!是一个构建时的插件,它能够基于你的Vue组件文件自动生成路由配置。这意味着你不再需要手动编写冗长的路由配置代码,只需按照约定创建组件文件,路由就会自动配置好。虽然提供了强大的自动路由功能,但在某些情况下你可能需要添加自定义路由。你可以通过扩展自动生成的routes。
原创
发布博客 2024.08.30 ·
1813 阅读 ·
23 点赞 ·
0 评论 ·
10 收藏

前端实现文本对比,并高亮显示差异!

你有没有想过,常见的代码差异对比是如何都实现的呢?其实这里面涉及到非常复杂的文本对比算法,本文就来看看如何通过现有工具库 jsdiff + diff2html 实现文本对比,并高亮显示差异!
原创
发布博客 2024.08.29 ·
2709 阅读 ·
27 点赞 ·
0 评论 ·
21 收藏

前端数据可视化常用工具大盘点

本文来盘点前端数据可视化的各种常用工具库!
原创
发布博客 2024.08.29 ·
1662 阅读 ·
19 点赞 ·
0 评论 ·
14 收藏

最适合程序员的编程字体,好看、优雅!

对于程序员来说,每天面对最多的就是代码了,选择一款赏心悦目的编程字体就显得尤为重要。那什么是好看的字体呢?0、O、o;l、I、1;全角和半角的()等,并且得看着舒服。!= 展示为 ≠;=== 展示为 ≡等,这个就仁者见仁智者见智了。下面就来分享一些好看的编程字体!
原创
发布博客 2024.08.28 ·
3070 阅读 ·
39 点赞 ·
0 评论 ·
17 收藏

2024 Vue 生态工具最能打的组合!

经过 10 年的演进,Vue 已经构建了一个极为丰富且强大的生态系统,本文就来盘点 2024 年 Vue 开发最能打的技术组合!
原创
发布博客 2024.08.28 ·
1555 阅读 ·
31 点赞 ·
0 评论 ·
11 收藏

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 ·
1368 阅读 ·
17 点赞 ·
0 评论 ·
8 收藏

React 全新编译器太好用了!

传统的 React 在对象标识改变时会重新渲染组件,而 React Forget 则通过智能判断,仅在对象的语义内容变化时触发重新渲染,同时避免了深度比较带来的性能损耗。为了减轻开发者的负担,理想的解决方案是一个智能的编译器或工具链,它能够自动分析 React 组件的依赖关系,并生成优化的代码。React 的记忆化工具确实在提升性能上起到了关键作用,但它们确实增加了开发者的工作量和代码复杂度,因为它要求开发者不仅描述 UI 的状态,还需显式管理渲染的优化。一方面,由于其声明式方法,它简化了前端开发。
原创
发布博客 2024.08.27 ·
634 阅读 ·
15 点赞 ·
0 评论 ·
20 收藏

10个极大提高开发效率的 VS Code 技巧!

VS Code 界面的左侧选项卡通常包括资源管理器、搜索、源代码控制、项目管理等功能。而终端中会显示诸如 “problems”, “output”, “terminal”和“debug console”等工具栏。VS Code 支持自由地拖放这些选项卡,按照喜好来重新排列界面,让它更适合你的使用习惯。通过简单的拖拽操作,可以改变它们的位置。比如,可以将资源管理器移到右侧,将搜索放在顶部,或者将终端移动到左侧。只需点击选项卡的标题栏,并将其拖动到你想要的位置。
原创
发布博客 2024.08.26 ·
1014 阅读 ·
21 点赞 ·
0 评论 ·
17 收藏

10个超实用的React Hooks库

在 React 项目开发过程中,一套好用的 React Hooks 库是必不可少的,使用这些 React Hooks 库可以大大提升开发效率,避免重复造轮子!今天就来分享10个实用的 React Hooks 库!
原创
发布博客 2024.08.26 ·
854 阅读 ·
6 点赞 ·
0 评论 ·
7 收藏
加载更多