前端开发博客-CSDN博客

转载 10张脑图带你快速入门Vue3 | 附高清原图

前言这个月重新开始学习Vue3目前已经完结第一部分：基础部分我将所有内容吸收整理成10张脑图，一来快速入门Vue3，二来方便以后查看脑图应用实例和组件实例1应用实例和组件实例.png模板语...

2021-08-04 08:30:00 48047 7

转载 Vue3.0七大亮点

大家好，我是漫步，Vue3.0出来了一段时间，刚出来时，我翻译过几篇文章，可以看看：第一篇：Vue 3.0 中令人激动的新功能：Composition API第二篇：Vue 3.0 中令人...

2021-07-31 22:30:57 49212

转载 8张JS 基础思维图，超详细！

大家好，我是漫步，之前我分享过8张JS思维图、面试思维图，今天再次分享八张JS基础的思维图，希望对你有所帮助。1. javascript变量2. javascript运算符3. javas...

2021-07-12 08:48:41 52370 3

原创前端程序员简历模板整理和下载

大家好，我是漫步端午安康，今天晚上抽奖了，去看看参与一下吧。昨天分享了关于制作简历的一些建议，总的来说有这几个方面要点要记住：排版工整：不要出现错别字，版面清晰，段落自然，字体适中，简洁工...

2021-06-14 16:08:26 73610 28

原创前端程序员简历制作建议

大家好，我是漫步，今天来分享一下前端程序员简历该怎么写昨天的抽奖活动还在进行中，去看看吧排版工整好的简历，万里挑一，HR 每天要看上百份简历，一份排版工整、段落错落有致、文字简洁分明的简历...

2021-06-13 23:58:09 50549 10

大家好，我是宝哥。今天继续分享10个免费的HTML模板资源。这些高质量的资源将为你的网站、着陆页、博客、作品集、电子商务和仪表板项目提供动力。#2024年顶级免费HTML模板大全系列一键美化你的网站：精选免费HTML模板集锦（周一）前端开发者的宝藏：探索10个最佳免费HTML模板资源（周二）告别平庸界面：10个免费HTML模板让你的项目瞬间升级（当前）前端开发的秘密武器：10个免费HTML模板让你...

2024-05-22 19:44:32

原创前端开发者的宝藏：探索10个最佳免费HTML模板资源（第二弹）

大家好，我是宝哥。今天继续分享10个免费的HTML模板资源。这些高质量的资源将为你的网站、着陆页、博客、作品集、电子商务和仪表板项目提供动力。#2024年顶级免费HTML模板大全系列一键美化你的网站：精选免费HTML模板集锦（周一）前端开发者的宝藏：探索10个最佳免费HTML模板资源（当前）告别平庸界面：10个免费HTML模板让你的项目瞬间升级（周三）前端开发的秘密武器：10个免费HTML模板让你...

2024-05-21 09:26:22 542

原创 JavaScript框架又更新了！一文带你读懂React、Next.js、Vue、Nuxt和Svelte等框架的最新动态和趋势。...

大家好，我是宝哥。一起来看看谷歌I/O大会的一篇演讲：关于JavaScript框架生态系统的概述，内容涵盖Angular、Astro、React、Remix、Next.js、Vue、Nuxt、Solid和Svelte等多个框架的最新动态和趋势。在过去的一年左右的时间里，JavaScript框架生态圈发生了许多变化。这份文档简要概述了近期的一些亮点。想要更深入讨论这些话题，可以查看今年Google ...

2024-05-21 09:26:22 763

原创 2024年10个高颜值的免费HTML模板库！

大家好，我是宝哥。我正在分享一份精选的高颜值HTML模板网站列表，你可以在这里找到并下载由纯CSS构建的免费HTML模板，同时还包括了每一个主流框架。这些高质量的资源将为你的网站、着陆页、博客、作品集、电子商务和仪表板项目提供动力。关注我，加星标，不错过明天精彩免费模板本周正在更新：10/50一键美化你的网站：精选免费HTML模板集锦（本文）前端开发者的宝藏：探索10个最佳免费HTML模板资源（明...

2024-05-20 10:21:00 372

原创 Vue 3 响应式状态揭秘：ref() 函数的魔法

大家好，我是宝哥。今天我们来聊聊Vue 3中的状态管理，让你的应用状态更加灵动。什么是响应式状态？响应式状态是一种特殊的状态，当底层数据发生变化时，它能够自动更新用户界面。为什么我们不能像在普通JavaScript中那样使用可变变量呢？你可能会问，虽然这些变量的值可以在UI中显示，但对它们的任何更改都不会反映出来。在Vue 3中声明响应式状态在Vue 3中，ref()函数就像是个强大的盒子，能够存...

2024-05-19 10:01:01 611

原创一键生成代码截图的神器，让你的代码美如画！

大家好，我是宝哥。今天要给大家安利几款超实用的代码截图工具，它们不仅功能强大，而且使用起来也非常便捷。Chalk.isthttps://chalk.ist/由@Idered打造，这是一款易于使用的工具，拥有漂亮的背景，能让你的代码片段脱颖而出。它包含了一系列现成的主题，并且允许你创建自己的主题。它是开源的，并且是用Vue 3构建的，所以速度飞快。想要真正体验它的功能，我建议你亲自试用一下。截图中使...

2024-05-18 10:02:54 280

转载强烈建议前端人学习AI大模型！

国内AI赛道又爆了！继科大讯飞、阿里、华为等巨头公司发布AI产品后，很多中小企业也陆续进场！人才市场上AI大模型工程师“一将难求”！甚至开出80k*16的高薪，挖掘AI大模型人才！如今大厂老板们，也更倾向于会AI的人，普通程序员，还有应对的机会吗？与其焦虑……不如成为「掌握AI工具的技术人」，毕竟AI时代，谁先尝试，谁就能占得先机！????知乎知学堂特邀你加入：行业前沿资源——AI大模型公开课已为本...

2024-05-18 10:02:54 5

原创 Vue 3 将推出新特性，可以抛弃虚拟DOM了！

大家好，我是宝哥。最近，Vue 3将推出一个新特性——Vapor Mode，它是一种受Solid.js启发的全新编译策略，旨在通过将代码编译成更高效的JavaScript输出来提升应用性能。什么是Vapor Mode？Vapor Mode是Vue 3中的一项创新特性，灵感来源于Solid.js。它通过将代码编译成更高效的JavaScript，来提升应用的性能。使用Vapor Mode，你可以完全摒...

2024-05-17 22:28:24 741

原创炸裂开源！标星 17k 的安卓手机模拟器，无需 root，支持 Windows、Mac 和 Linux！

大家好，我是宝哥。在开发和日常使用 Android 设备的过程中，我们经常需要在电脑和手机之间来回切换，进行文件传输、屏幕共享或者游戏控制。但是，很多现有方案要么需要 root 权限，要么操作复杂，不够直观。今天给大家分享的 QtScrcpy，就是这样一个工具。它不仅支持 USB 和无线连接，还能够提供高达 60fps 的流畅性能，同时保持了低延迟和快速启动的特性。无论是开发者还是普通用户，都能通...

2024-05-16 08:00:48 657

转载这可能是我见过最好最全的Javascript题库！

做技术的有一种资历，叫做通过了阿里的面试。上周找阿里P8级前端专家要来了一套内部资料——《阿里前端高频面试真题库》，都是常考必考点，文档内容整理采用「核心知识点 + N 道相关面试题」模式，掌握了不单能应付面试，还能学到更多的前端核心知识，应用在工作中！下面是部分资料内容的展示↓（PS：PDF文档在文末领取）1Javascript面试真题解析 210页2Vue面试真题 237页3Css面试真题...

2024-05-15 10:10:27 1

原创 Node.js 3个隐藏但非常实用的功能

大家好，我是宝哥。在日常的Node.js开发中，我们经常会遇到需要频繁重启服务、手动加载环境变量和希望输出更加直观的问题。这些问题虽小，却极大地影响了开发效率和体验。今天宝哥分享的这篇文章就能很好地解决上述问题，一起来看看Node.js的三个隐藏但非常实用的功能，让我们的开发过程更加流畅和高效。1. 代码变更自动重新加载Node.js自2022年秋季以来增加了一个实验性功能，通过--watch命令...

2024-05-15 10:10:27 579

原创标星23.2K！一键打包网页变身为跨平台桌面应用神器！

大家好，我是宝哥。在这个数字化时代，我们几乎每天都和各种网页打交道。你是否厌倦了在浏览器标签页之间来回切换？是否希望有一个更简洁、更快捷的方式访问你经常使用的网站？今天，宝哥要给大家分享的 Pake，就是为了解决这一痛点而生的一个神奇工具，它让网页应用的体验更上一层楼。Pake 作为一个开源项目，提供了一个命令行工具，可以快速将你喜爱的网页变成成桌面应用，让你的使用体验更加流畅和便捷。项目简介Pa...

2024-05-14 09:18:54 901

转载今年前端的行情真不错！

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

2024-05-13 10:20:29 6

原创开源免费、自托管的轻量级笔记服务，支持纯文本和Markdown，支持多语言！

大家好，我是宝哥。最近我正在更新一系列开源项目，打算更新100个，如果你喜欢，欢迎关注我并分享出去。开源项目系列正在更新：19/10001：你不需要jQuery（You-Dont-Need-jQuery）02：前端面试手册（front-end-interview-handbook）03：面试题库大全（awesome-interview-questions）04：现代富文本编辑器（quill）05：...

2024-05-13 10:20:29 690

原创前端开发博客宝哥第二版介绍

你好，我是宝哥，一位对前端开发充满热情的自媒体人，很高兴在知识的海洋中与你相遇。????【我的故事】十多年前，我踏上了前端开发的旅程，从一个对代码充满好奇的新手，成长为一名高级前端工程师。在一家知名互联网公司，我负责过多个大型项目，积累了宝贵的实战经验。去年，我的副业收入首次超过了10万+，这不仅是数字上的突破，更是个人能力的认可。现在，我全身心投入到自媒体和社群运营中，设定了3年内副业收入超越主业的宏...

2024-05-12 13:52:12 216

原创本周炫炫炫的前端实战项目

大家好，我是宝哥。和大家分享本周比较炫的实战小项目，一起来看看有哪些让你眼前一亮的吧！#实战推荐目录（点击可直达源码详情）：拆分登录页面表单波纹音频按钮面板冷笑话生成器键盘码信息手风琴1、拆分登录页面本项目演示了一个拆分式的页面，分左右两部分，分别展示不同的内容及其购买按钮。鼠标悬停在左侧或右侧时，对应的内容会放大，另一侧则会缩小，营造一种互斥互动的切换效果。实现原理该项目利用 CSS 的伪元素 ...

2024-05-12 09:23:02 980

原创 41.1k Star！一个前端开发者必看的资源汇总，涵盖工具、课程、社区及更多！

大家好，我是宝哥。最近我正在更新一系列开源项目，打算更新100个，如果你喜欢，欢迎关注我并分享出去。开源项目系列正在更新：18/10001：你不需要jQuery（You-Dont-Need-jQuery）02：前端面试手册（front-end-interview-handbook）03：面试题库大全（awesome-interview-questions）04：现代富文本编辑器（quill）05：...

2024-05-11 11:46:12 707

原创前端实战12：手风琴效果

大家好，我是宝哥。今天讲50个项目50天，前端实战12：手风琴效果。本项目是一个常见的面板式问答交互组件，也被称为手风琴效果。点击问题标题可以展开或收起对应的答案内容。项目注重于简洁的设计和易用性，使用纯 CSS 实现展开/收起的动画效果。源码下载地址https://github.com/bradtraversy/50projects50days/tree/master/faq-collapse在...

2024-05-11 11:46:12 740

原创前端实战11：JS获取按键的键盘码信息

大家好，我是宝哥。今天要分享的是前端实战项目系列中的第11个项目，一个关于事件键码的有趣实验。下面是具体的实现代码，包括HTML、CSS和JavaScript。这个项目来源于Brad Traversy的GitHub仓库，一个包含50个迷你Web项目的集合，每个项目都使用HTML、CSS和JavaScript实现。这些项目旨在帮助开发者通过实践提升前端技能。项目介绍本项目旨在演示如何获取键盘按下时的...

2024-05-10 08:00:37 388

原创 30天 JavaScript 编程挑战，41K star！

大家好，我是宝哥，前端开发工程师，分享原创技术文章和开源项目推介。今天分享一个30天的JavaScript编程挑战。30 Days Of JavaScript是一个为期30天的JavaScript编程挑战，适合初学者和高级开发者。通过这个挑战，你可以从零基础到精通JavaScript。项目地址：https://github.com/Asabeneh/30-Days-Of-JavaScript开源项...

2024-05-10 08:00:37 963

原创简洁风的冷笑话生成器

项目介绍本项目是一个利用网络 API 获取并展示冷笑话的趣味小应用。用户点击按钮，即可获取一条新的冷笑话内容。注重于简洁的设计和易用性，同时使用了 JavaScript 的异步操作 (Async/Await)语法来获取网络数据。基本原理项目利用第三方提供的冷笑话接口 (https://icanhazdadjoke.com/) 获取笑话内容。用户点击按钮后，会触发 JavaScript 代码，通...

2024-05-09 08:14:15 126

转载今年前端爆了？？？

上周，我从字节前端面试官那里要了几套前端内部学习资料。回家一看，这份资料确实有点东西。不仅包含大量的高频面试真题，还系统梳理了前端工程师必备的核心技能点：Html、CSS、JavaScript、Vue、HTTP、React、Vue、浏览器面试题、数据结构与算法、如何应对HR面、如何应对项目面......即便最近不打算跳槽，也可以通过这些知识点查漏补缺、提升自己，进阶高级前端工程师！????????扫码领取????????...

2024-05-08 10:20:57 9

原创 50个前端实战项目之09：音频按钮面板

你好，我是宝哥，我关注技术进阶、效率工具、内容创作。每天早上8点会分享一篇有用的文章，最近我正在更新一系列的前端实战，如果你喜欢，还请加个关注或者帮忙分享。今天讲50个前端实战项目之09：音频按钮面板。源码下载地址https://github.com/bradtraversy/50projects50days/tree/master/sound-board#前端实战项目系列正在更新：09/5001...

2024-05-08 08:00:00 341

原创 50个前端实战项目之08：表单波纹

大家好，我是宝哥。今天讲50个前端实战项目之08：表单输入框波纹。源码下载地址https://github.com/bradtraversy/50projects50days/tree/master/form-input-wave前端实战项目系列正在更新：08/5001：可展开卡片02：进度条03：旋转导航动画04：隐藏的搜索小组件05：模糊加载效果06：滚动动画07：拆分页面08：表单输入框波纹...

2024-05-07 08:00:10 352

原创 50个前端实战项目之07：拆分登录页面

大家好，我是宝哥。今天讲50个前端实战项目之07：拆分登录页面。源码下载地址https://github.com/bradtraversy/50projects50days/tree/master/split-landing-page前端实战项目系列正在更新：07/5001：可展开卡片02：进度条03：旋转导航动画04：隐藏的搜索小组件05：模糊加载效果06：滚动动画07：拆分页面项目介绍本项目演...

2024-05-06 08:02:32 857

原创互联网大厂“打螺丝”如何汇报？别只会说“我完成了”！

大家好，我是宝哥。今天想跟大家聊聊工作汇报这个话题。在大厂工作，特别是对于刚入行的“打工人”来说，做好工作汇报可是一门大学问。很多新人觉得，只要按时完成任务，领导自然会看到我的努力。其实不然，一份好的工作汇报，不仅能展现你的工作成果，还能体现你的专业能力、沟通能力和思考能力。那到底怎么汇报才能让领导眼前一亮呢？往下看！一、别只顾着完成任务很多新人汇报工作，只会说“我完成了XX任务”，或者“我修复了...

2024-05-06 08:02:32 380

原创 50个前端实战项目之06：滚动动画

大家好，我是宝哥。今天讲50个前端实战项目之06：滚动动画。源码下载地址https://github.com/bradtraversy/50projects50days/tree/master/scroll-animation前端实战项目系列正在更新：06/5001：可展开卡片02：进度条03：旋转导航动画04：隐藏的搜索小组件05：模糊加载效果06：滚动动画项目介绍本项目演示了利用滚动条位置触发...

2024-05-05 10:02:47 619

原创双非本科，面试官竟然问我：你和 985/211 比有啥优势？

大家好，我是宝哥。最近面试了一家知名互联网公司，岗位是高级前端开发工程师。整体面试过程还算顺利，技术问题回答得都还不错，但面试官最后抛出的一个问题，让我印象深刻，也引发了一些思考。面试官问我：“你的简历很优秀，但我们也面试了很多来自 985/211 院校的毕业生，你认为你相比他们有什么优势？”说实话，这个问题我之前没有专门准备过，但5年的前端开发经验让我迅速冷静下来，我思考了一下，很快就明白了面试...

2024-05-04 13:32:23 414

原创 50个前端实战项目之05：模糊加载效果。

大家好，我是宝哥。今天讲50个前端实战项目之05：模糊加载效果。源码下载地址https://github.com/bradtraversy/50projects50days/tree/master/blurry-loading前端实战项目系列正在更新：05/5001：可展开卡片02：进度条03：旋转导航动画04：隐藏的搜索小组件05：模糊加载效果项目介绍本项目模拟了网页加载过程中的模糊加载效果。页...

2024-05-04 13:32:23 985

原创 50个前端实战项目之04：隐藏的搜索小组件

大家好，我是宝哥。今天讲50个前端实战项目之04：隐藏的搜索小组件。源码下载地址https://github.com/bradtraversy/50projects50days/tree/master/hidden-search前端实战项目系列正在更新：04/5001：可展开卡片02：进度条03：旋转导航动画04：隐藏的搜索小组件项目介绍本项目演示了一个简洁实用的隐藏式搜索小部件。点击搜索按钮后，...

2024-05-03 21:05:41 1164 1

原创 50个前端实战小项目：旋转导航动画

大家好，我是宝哥。今天讲50个前端实战项目之03:旋转导航动画。我会讲项目介绍、实现方法和核心代码，并给出详细HTML、CSS和JavaScript代码。源码下载地址https://github.com/bradtraversy/50projects50days/tree/master/rotating-nav-animation前端实战项目系列正在更新：03/5001：可展开卡片02：进度条03...

2024-05-02 10:03:17 390 1

原创面试官：CSS 选择器的优先级是如何计算的？

大家好，我是宝哥。今天前端刷题02：CSS 选择器的优先级是如何计算的？全部题目：https://github.com/yangshun/front-end-interview-handbook前端刷题系列正在更新：02/100+01：请解释事件委托02：CSS 选择器的优先级是如何计算的？原项目回答浏览器通过优先级规则，判断元素展示哪些样式。优先级通过 4 个维度指标确定，我们假定以a、b、c、...

2024-05-02 10:03:17 980 1

原创前端项目共读！50个项目50天之02：进度步骤条的HTML、CSS和JavaScript实现

大家好，我是宝哥。今天讲50个项目50天之02：进度步骤条。我会给出详细HTML、CSS和JavaScript代码，并讲基本原理、实现方法和核心代码。源码下载地址：https://github.com/bradtraversy/50projects50days/tree/master/progress-steps基本原理本项目旨在帮助用户可视化地跟踪多步骤流程的进度。它使用水平进度条和进度圆圈直观...

2024-05-01 10:04:13 852

原创前端刷题共读之01：请解释事件委托

大家好，我是宝哥。今天我要尝试一个新的项目→_→：前端面试手册，项目地址：https://github.com/yangshun/front-end-interview-handbook本文先从JavaScript篇开始，然后下一篇会讲CSS、最后是HTML，依次轮询。我会先输出项目里的答案，然后给出我自己的补充答案。今天的题目是：请解释事件委托（event delegation）。原项目回答事件...

2024-05-01 10:04:13 616 2

原创前端项目共读！50个项目50天之01：扩展卡片的HTML、CSS和JavaScript实现

大家好，我是宝哥。最近在分享GitHub上的高质量开源项目时，我发现很多人都不怎么看，所以今天来试水一个新的尝试，从GitHub上选择一个优秀的项目每天一起共读。今天的项目是：50projects50days的第一天：扩展卡片源码下载地址：https://github.com/bradtraversy/50projects50days/tree/master/expanding-cards正文可展...

2024-04-30 09:27:06 809

教学计划编制问题（实验报告）我自己做过，喜欢就下吧

空空如也