- 博客(3725)
- 收藏
- 关注
RSS订阅原创 前端实现语音转文字，零基础入门到精通，收藏这篇就够了
WebSocket协议：用于建立客户端与语音识别服务器之间的全双工通信通道：前端录音库，用于捕获用户的语音输入科大讯飞开放平台：提供语音识别(IAT)的API服务Vue.js框架：前端MVVM框架，用于构建用户界面Element UI：提供美观的UI组件整个技术栈构成了一个完整的前端语音识别解决方案，实现了从语音采集、实时传输到文字转换的全流程。本文详细介绍了基于WebSocket的实时语音转文字前端实现方案。
2025-12-23 09:38:08
221
原创 前端大文件分片下载解决方案（非常详细）零基础入门到精通，收藏这篇就够了
浏览器的安全策略禁止网页（JS）直接访问和操作用户计算机上的文件系统。在分片下载过程中，每个下载的文件块（chunk）都需要在客户端进行缓存或存储，方便实现断点续传功能，同时也方便后续将这些文件块合并成完整的文件。这些文件块可以暂时保存在内存中或者存储在客户端的本地存储（如 IndexedDB、LocalStorage 等）中。使用封装，直接上代码/*** localforage–是一个高效而强大的离线存储方案。
2025-12-23 09:36:27
331
原创 前端正则表达式，零基础入门到精通，收藏这篇就够了
正则表达式是表示搜索模式的特殊字符串。也被称为“regex”或“regexp”，它们可以帮助程序员匹配、搜索和替换文本。由于一些字符具有特殊的含义，正则表达式可能会显得晦涩难懂。我们的目标是将这些符号和文本组合成一个你想要的匹配模式，但这只是你想要的。本节将介绍字符、一些快捷方式以及编写正则表达式的常用用法。
2025-12-23 09:34:42
593
原创 前端程序员未来的出路
这是前端程序员在某红薯平台自述前端被裁的真实经历！2025开年，AI技术打得火热，正在改变前端人的职业命运：阿里云核心业务全部接入Agent体系；字节跳动30%前端岗位要求大模型开发能力；腾讯、京东、百度开放招聘技术岗，80%与AI相关……大模型正在重构技术开发范式，传统CRUD开发模式正在被AI原生应用取代！最残忍的是，业务面临转型，领导要求用RAG优化知识库检索，你不会；带AI团队，微调大模型要准备多少数据，你不懂；
2025-12-23 09:31:18
449
原创 PWA（Progressive Web App）初探总结，零基础入门到精通，收藏这篇就够了
【 PWA 】后台数据的同步从其他域获取资源请求接受计算密集型数据的更新，多页面共享该数据客户端编译与依赖管理后端服务的hook机制根据URL模式，自定义模板性能优化消息推送定时默认更新地理围栏【 总结 】2025开年，AI技术打得火热，正在改变前端人的职业命运：阿里云核心业务全部接入Agent体系；字节跳动30%前端岗位要求大模型开发能力；腾讯、京东、百度开放招聘技术岗，80%与AI相关……大模型正在重构技术开发范式，传统CRUD开发模式正在被AI原生应用取代！
2025-12-23 09:26:32
668
原创 Monorepo，大型前端项目管理模式实践，零基础入门到精通，收藏这篇就够了
阅读本文您将了解到：什么是 monorepo、为什么要 monorepo、如何实践 monorepo。项目管理模式Monorepo 这个词您可能不是首次听说，在当下大型前端项目中基于 monorepo 的解决方案已经深入人心，无论是比如 Google、Facebook，社区内部知名的开源项目 Babel、Vue-next ，还是集团中 rax-components 等等，都使用了 monorepo 方案来管理他们的代码。
2025-12-23 09:22:49
401
原创 前端3d技术，零基础入门到精通，收藏这篇就够了
Three.js 和 WebGL 是前端 3D 技术的代表，近年来在许多领域取得了显著进展。Three.js 提供了一个更高层次的 API，简化了 3D 图形的创建和管理，相较于底层的 WebGL，它让开发者可以更容易地创建复杂的 3D 场景。WebGL 则直接操作图形硬件，提供了更低层次的控制，但使用起来较为复杂。两者都能在浏览器中运行，无需安装额外的插件，使得 3D 内容可以更广泛地被用户访问和交互。利用这些技术，开发者可以创建动态的 3D 可视化效果，支持实时交互。
2025-12-23 09:20:31
412
原创 前端初次使用 Cursor 的必学技巧，收藏这篇就够了
文件->首选项->设置搜索 workbench.activityBar.orientation 设置值为 vertical。
2025-12-22 14:23:06
712
原创 前端做一次技术分享，零基础入门到精通，收藏这篇就够了
使复选框和单选按钮的样式与特定设计保持一致通常涉及 JavaScript。现在，使用 :checked 伪类和 CSS，我们可以实现自定义样式，而无需编写脚本。旧方法（JavaScript）：。
2025-12-22 14:21:30
827
原创 前端失业4个月了，我该怎么办，心发慌
这是前端程序员在某红薯平台自述前端被裁的真实经历！2025开年，AI技术打得火热，正在改变前端人的职业命运：阿里云核心业务全部接入Agent体系；字节跳动30%前端岗位要求大模型开发能力；腾讯、京东、百度开放招聘技术岗，80%与AI相关……大模型正在重构技术开发范式，传统CRUD开发模式正在被AI原生应用取代！最残忍的是，业务面临转型，领导要求用RAG优化知识库检索，你不会；带AI团队，微调大模型要准备多少数据，你不懂；
2025-12-22 14:18:57
583
原创 前端初次使用 Cursor 的必学技巧，零基础入门到精通，收藏这篇就够了
文件->首选项->设置搜索 workbench.activityBar.orientation 设置值为 vertical。
2025-12-22 14:16:17
542
原创 2025年前端面试题汇总，零基础入门到精通，收藏这篇就够了
当页面上的一个元素被点击时，先从document向下一层层捕获到该元素。然后再向上冒泡，一层层触发。事件委托是将事件写在父级元素上，e.target是事件捕获时那个最小的元素，即选中的元素。所以可以根据e.target操作选中的元素。这样不需要给每个子元素绑定事件，代码更加简约。为保证组件的可重用性和独立性。如果直接使用一个对象作为data，则不同的组件将共享同一个data对象，如果某个组件修改了data，则会影响到其他组件，导致数据混乱。
2025-12-22 14:12:17
615
原创 web前端三大主流框架，零基础入门到精通，收藏这篇就够了
把博主使用过的前端框架的都列出来，分享给大家！博主主要开发后端。Bootstrap是让页面更简洁、直观、强悍、移动设备优先的前端开发框架，让Web开发更迅速、更简单。Backbone是一种帮助开发重量级的javascript应用的框架，其文件本身很小，压缩后只有5.3KB。这个Backbone，博主还没使用过呢。
2025-12-22 05:45:00
345
原创 33道面向初中级前端的基础面试题(持续更新中）收藏这篇就够了
渐进式渲染是用于提高网页性能（尤其是提高用户感知的加载速度），以尽快呈现页面的技术。在以前互联网带宽较小的时期，这种技术更为普遍。如今，移动终端的盛行，而移动网络往往不稳定，渐进式渲染在现代前端开发中仍然有用武之地。一些举例：图片懒加载——页面上的图片不会一次性全部加载。当用户滚动页面到图片部分时，JavaScript 将加载并显示图像。确定显示内容的优先级（分层次渲染）——为了尽快将页面呈现给用户，页面只包含基本的最少量的 CSS、脚本和内容，然后可以使用延迟加载脚本或监听load。
2025-12-21 09:45:00
1267
原创 前端es6，零基础入门到精通，收藏这篇就够了
ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准， 2015 年 6 月发布。ES6 设计目标：达到 JavaScript 语言可以用来编写复杂的大型程序，成为企业级开发语言ECMAScript 和 JavaScript 的关系：ECMAScript 是 JavaScript 的规范/规则，JavaScript 是ECMAScript 的一种实现解构赋值是对赋值运算符的扩展是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。
2025-12-21 08:45:00
1253
原创 前端性能测试工具，零基础入门到精通，收藏这篇就够了
我们在使用网站过程中，经常会遇到慢的问题，为了找到原因，一般需要借助工具进行检测，通过工具，可以检测出前端站点加载资源的相关详细情况。今天，就给大家介绍几款前端性能测试分析工具，结合性能测试工具，实现通过量化的方式测试网站中诸如首字节加载时间（time to first byte）或者渲染时间等表现。其中有些工具还会检查资源是否被缓存，多个 CSS 或 JS 文件是否值得合并，最后自动给出前端性能优化改进建议报告，。
2025-12-21 08:45:00
1862
原创 三分钟，教你3种前端埋点方式！零基础入门到精通，收藏这篇就够了
在前端页面获取用户的IP地址并不是一件直接的事情，因为出于隐私和安全考虑，浏览器通常不会直接提供用户的IP地址给前端JavaScript代码。不过，可以通过一些间接的方法来获取用户的IP地址。
2025-12-21 08:00:00
824
原创 SSE实现消息实时推送，前端渐进式学习、实践，真香，零基础入门到精通，收藏这篇就够了
SSE(Server Sent Event)，直译为服务器发送事件，顾名思义，也就是客户端可以获取到服务器发送的事件。我们常见的 http 交互方式是客户端发起请求，服务端响应，然后一次请求完毕；但是在 sse 的场景下，客户端发起请求，连接一直保持，服务端有数据就可以返回数据给客户端，这个返回可以是多次间隔的方式。
2025-12-21 08:00:00
1749
原创 前端失业到底有多严重？
这是前端程序员在某红薯平台自述前端被裁的真实经历！2025开年，AI技术打得火热，正在改变前端人的职业命运：阿里云核心业务全部接入Agent体系；字节跳动30%前端岗位要求大模型开发能力；腾讯、京东、百度开放招聘技术岗，80%与AI相关……大模型正在重构技术开发范式，传统CRUD开发模式正在被AI原生应用取代！最残忍的是，业务面临转型，领导要求用RAG优化知识库检索，你不会；带AI团队，微调大模型要准备多少数据，你不懂；
2025-12-21 06:45:00
1125
原创 前端实现视频播放，零基础入门到精通，收藏这篇就够了
前端实现视频播放浏览器可直接支持播放的视频格式包括：.mp4,.WebM,Ogg其他格式可能需要转码或者通过插件实现播放，我这里仅考虑这三种格式controls: 是否显示视频播放控件autoplay：当视频加载完成或是否自动播放preload： 预加载loop：循环播放muted：静音video 上时间包括播放：play();暂停：pause();
2025-12-20 16:32:05
578
原创 前端失业4个月了，我该怎么办，心发慌
2025开年，AI技术打得火热，正在改变前端人的职业命运：阿里云核心业务全部接入Agent体系；字节跳动30%前端岗位要求大模型开发能力；腾讯、京东、百度开放招聘技术岗，80%与AI相关……大模型正在重构技术开发范式，传统CRUD开发模式正在被AI原生应用取代！最残忍的是，业务面临转型，领导要求用RAG优化知识库检索，你不会；带AI团队，微调大模型要准备多少数据，你不懂；想转型大模型应用开发工程师等相关岗，没项目实操经验……这不是技术焦虑，而是职业生存危机！
2025-12-20 16:23:54
907
原创 前端真的不行了？
2025开年，AI技术打得火热，正在改变前端人的职业命运：阿里云核心业务全部接入Agent体系；字节跳动30%前端岗位要求大模型开发能力；腾讯、京东、百度开放招聘技术岗，80%与AI相关……大模型正在重构技术开发范式，传统CRUD开发模式正在被AI原生应用取代！最残忍的是，业务面临转型，领导要求用RAG优化知识库检索，你不会；带AI团队，微调大模型要准备多少数据，你不懂；想转型大模型应用开发工程师等相关岗，没项目实操经验……这不是技术焦虑，而是职业生存危机！
2025-12-20 16:22:09
928
原创 前端ts和js的区别，零基础入门到精通，收藏这篇就够了
L4阶段：大模型的微调和私有化部署，我们会更加深入的探讨Transformer架构，学习大模型的微调技术，利用DeepSpeed、Lamam Factory等工具快速进行模型微调；而L3 L4更多的是通过项目实战来掌握大模型的应用开发，针对以上大模型的学习路线我们也整理了对应的学习视频教程，和配套的学习资料。TS的数据类型有：布尔值、数字、字符串、数组、 元组（tuple）、枚举(enum)、any、void、null和undefined、never、object ，unknown，
2025-12-20 16:02:18
708
原创 Vue3 中值得推荐的富文本编辑器组件盘点，收藏这篇就够了
组件优点适用场景学习曲线功能全面，企业级支持完善企业级 CMS、文档协作平台中等tiptap轻量、高度可定制需要深度定制的项目高q-editor移动端优化，集成 Quasar 主题移动优先的 Web 应用低WangEditor中文友好，开箱即用国内企业系统、中小型项目低Quill轻量、模块化扩展需要自定义主题或插件的场景中等CKEditor 5现代功能、多平台支持企业级协作平台、多框架项目中等追求功能丰富性→或CKEditor 5移动端优先→q-editor快速开发→。
2025-12-20 15:42:18
557
原创 前端table表格，零基础入门到精通，收藏这篇就够了
将th的 position设置为sticky，固定首行，也就是top=0，为其设置为一个区分的颜色。由于上面的滚动效果不好，看起来很卡顿，下面优化了滚动效果，加入缓动。然后利用timer定时器和scrollTop 属性设置滚动效果，table里的数据在data里返回，以下是实例数据。这样我们就拥有了一个没有样式的基础表格。
2025-12-20 15:41:18
221
原创 前端table表格，零基础入门到精通，收藏这篇就够了
将th的 position设置为sticky，固定首行，也就是top=0，为其设置为一个区分的颜色。由于上面的滚动效果不好，看起来很卡顿，下面优化了滚动效果，加入缓动。然后利用timer定时器和scrollTop 属性设置滚动效果，table里的数据在data里返回，以下是实例数据。这样我们就拥有了一个没有样式的基础表格。
2025-12-20 15:30:01
237
原创 前端低代码平台，零基础入门到精通，收藏这篇就够了
以“织信Informat”全栈低代码平台为例，他们家在做前端页面开发，主要用到的功能就是“组件设计器”。为了使设计人员更轻松地上手并参与到组件设计的全过程，组件设计器提供了友好的可视化交互方式。设计人员无需编写代码即可完成组件设计，并能将设计成果无缝传递给开发人员，从而提高整体工作效率。功能版块说明通过这些功能版块，设计人员可以直观、便捷地进行页面和组件的设计与配置，无需编写代码即可完成高效设计流程，并将设计成果无缝对接给开发人员。工具栏。
2025-12-20 15:04:15
753
原创 前端Token无感刷新实战指南+源码，零基础入门到精通，收藏这篇就够了
前端实现Token无感刷新主要通过双Token机制（Access Token和Refresh Token）结合请求拦截器完成。Access Token用于API访问且生命周期较短（如1-2小时），Refresh Token用于刷新Access Token且生命周期较长（如7天）。
2025-12-20 15:02:46
671
原创 前端项目打包并部署，零基础入门到精通，收藏这篇就够了
在当前项目路径下，执行命令在当前项目路径下，生成 一个dist文件夹。将来部署项目，是部署的dist这个文件。
2025-12-20 10:30:00
644
原创 前端大屏可视化自适应怎么做，零基础入门到精通，收藏这篇就够了
在前端数据大屏的开发中，自适应设计是关键环节，它能确保大屏在不同设备和屏幕尺寸上都能呈现出良好的视觉效果和交互体验。除了常见的rem/vwFlex/Grid等方案外，还有其他有效的方法可以实现自适应。下面为您详细介绍这些方案及其优缺点，以便您根据项目需求做出合适的选择。
2025-12-20 07:45:00
1016
原创 前端开发设计模式——策略模式，零基础入门到精通，收藏这篇就够了
策略模式是一种行为设计模式，它定义了一系列的算法，并将每个算法封装起来，使它们可以相互替换。在前端开发中，策略模式允许根据不同的情况动态地选择和应用不同的算法或行为，而无需修改使用这些算法的主体代码。首先，定义一个策略接口，该接口声明了所有具体策略类必须实现的方法。例如：上下文类持有一个策略对象的引用，并通过该引用调用策略对象的方法。上下文类可以在运行时设置不同的策略对象。
2025-12-19 09:27:28
697
原创 前端打字机效果，零基础入门到精通，收藏这篇就够了
前端实现打字机效果一个简单的方法就是采用定时器做字符串拼接，让文字一个一个显示出来，可以使用间隔定时器setInterval来控制文字拼接的速度。
2025-12-19 09:24:59
857
原创 Hybrid混合开发学习笔记（1）混合应用开发定义和常见问题，零基础入门到精通，收藏这就够了
混合应用是指同时使用前端技术与原生技术开发的 App。通常由前端负责大部分界面开发和业务逻辑，原生负责封装原生功能供前端调用，二者以 WebView 作为媒介建立通信，从而既拥有 Web 开发的速度优势，又能拥有强大的原生能力。只要做到这三件事，基本上就可以被称为混合开发通用框架。
2025-12-19 09:22:43
948
原创 大模型时代，前端必须了解一下LangChain应用开发框架_langchain框架配合前端开发，零基础入门到精通，收藏这篇就够了
LangChain本身是一个开源开发框架，目前提供Python和Js两种版本，它以大模型作为其核心依赖之一，以让实现应用目标更便捷。
2025-12-19 09:20:22
990
原创 Web前端开发工程师需要掌握哪些核心技能？零基础入门到精通，收藏这篇就够了
HTML发展历史有二十多年，历经多次版本更新，HTML5和CSS3的出现又是一次革新。有些人认为前端开发要掌握的技能简单，不就是制作网页 嘛，其实不然，web前端需要掌握的核心语言xHTML+CSS+JavaScript，JavaScript作为最难的语言之一，许多编程高手也不敢妄 自菲薄自封精通。由于JavaScript与html的差异性，以及静动态分开处理的一些好处。在大公司编写静态效果和动态效果往往是分开由不同的人完成 的。
2025-12-19 09:17:48
646
原创 web前端开发常用工具有哪些？零基础入门到精通，收藏这篇就够了
Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合，它使用了新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。Foundation是一个易用、强大而且灵活的框架，用于构建基于任何设备上的Web应用。提供多种Web上的UI组件，如表单、按钮、Tabs等。Cloud9IDE是一个基于Node.JS构建的JavaScript程序开发WebIDE。
2025-12-19 09:12:07
563
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人