- 博客(3717)
- 收藏
- 关注
RSS订阅原创 前端初次使用 Cursor 的必学技巧，收藏这篇就够了
文件->首选项->设置搜索 workbench.activityBar.orientation 设置值为 vertical。
2025-12-22 14:23:06
707
原创 前端做一次技术分享，零基础入门到精通，收藏这篇就够了
使复选框和单选按钮的样式与特定设计保持一致通常涉及 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
581
原创 前端初次使用 Cursor 的必学技巧，零基础入门到精通，收藏这篇就够了
文件->首选项->设置搜索 workbench.activityBar.orientation 设置值为 vertical。
2025-12-22 14:16:17
541
原创 2025年前端面试题汇总，零基础入门到精通，收藏这篇就够了
当页面上的一个元素被点击时，先从document向下一层层捕获到该元素。然后再向上冒泡，一层层触发。事件委托是将事件写在父级元素上，e.target是事件捕获时那个最小的元素，即选中的元素。所以可以根据e.target操作选中的元素。这样不需要给每个子元素绑定事件，代码更加简约。为保证组件的可重用性和独立性。如果直接使用一个对象作为data，则不同的组件将共享同一个data对象，如果某个组件修改了data，则会影响到其他组件，导致数据混乱。
2025-12-22 14:12:17
614
原创 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
1138
原创 前端性能测试工具，零基础入门到精通，收藏这篇就够了
我们在使用网站过程中，经常会遇到慢的问题，为了找到原因，一般需要借助工具进行检测，通过工具，可以检测出前端站点加载资源的相关详细情况。今天，就给大家介绍几款前端性能测试分析工具，结合性能测试工具，实现通过量化的方式测试网站中诸如首字节加载时间（time to first byte）或者渲染时间等表现。其中有些工具还会检查资源是否被缓存，多个 CSS 或 JS 文件是否值得合并，最后自动给出前端性能优化改进建议报告，。
2025-12-21 08:45:00
1382
原创 三分钟，教你3种前端埋点方式！零基础入门到精通，收藏这篇就够了
在前端页面获取用户的IP地址并不是一件直接的事情，因为出于隐私和安全考虑，浏览器通常不会直接提供用户的IP地址给前端JavaScript代码。不过，可以通过一些间接的方法来获取用户的IP地址。
2025-12-21 08:00:00
739
原创 SSE实现消息实时推送，前端渐进式学习、实践，真香，零基础入门到精通，收藏这篇就够了
SSE(Server Sent Event)，直译为服务器发送事件，顾名思义，也就是客户端可以获取到服务器发送的事件。我们常见的 http 交互方式是客户端发起请求，服务端响应，然后一次请求完毕；但是在 sse 的场景下，客户端发起请求，连接一直保持，服务端有数据就可以返回数据给客户端，这个返回可以是多次间隔的方式。
2025-12-21 08:00:00
1500
原创 前端失业到底有多严重？
这是前端程序员在某红薯平台自述前端被裁的真实经历！2025开年，AI技术打得火热，正在改变前端人的职业命运：阿里云核心业务全部接入Agent体系；字节跳动30%前端岗位要求大模型开发能力；腾讯、京东、百度开放招聘技术岗，80%与AI相关……大模型正在重构技术开发范式，传统CRUD开发模式正在被AI原生应用取代！最残忍的是，业务面临转型，领导要求用RAG优化知识库检索，你不会；带AI团队，微调大模型要准备多少数据，你不懂；
2025-12-21 06:45:00
974
原创 前端实现视频播放，零基础入门到精通，收藏这篇就够了
前端实现视频播放浏览器可直接支持播放的视频格式包括：.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
906
原创 前端真的不行了？
2025开年，AI技术打得火热，正在改变前端人的职业命运：阿里云核心业务全部接入Agent体系；字节跳动30%前端岗位要求大模型开发能力；腾讯、京东、百度开放招聘技术岗，80%与AI相关……大模型正在重构技术开发范式，传统CRUD开发模式正在被AI原生应用取代！最残忍的是，业务面临转型，领导要求用RAG优化知识库检索，你不会；带AI团队，微调大模型要准备多少数据，你不懂；想转型大模型应用开发工程师等相关岗，没项目实操经验……这不是技术焦虑，而是职业生存危机！
2025-12-20 16:22:09
926
原创 前端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
705
原创 Vue3 中值得推荐的富文本编辑器组件盘点，收藏这篇就够了
组件优点适用场景学习曲线功能全面，企业级支持完善企业级 CMS、文档协作平台中等tiptap轻量、高度可定制需要深度定制的项目高q-editor移动端优化，集成 Quasar 主题移动优先的 Web 应用低WangEditor中文友好，开箱即用国内企业系统、中小型项目低Quill轻量、模块化扩展需要自定义主题或插件的场景中等CKEditor 5现代功能、多平台支持企业级协作平台、多框架项目中等追求功能丰富性→或CKEditor 5移动端优先→q-editor快速开发→。
2025-12-20 15:42:18
551
原创 前端table表格，零基础入门到精通，收藏这篇就够了
将th的 position设置为sticky，固定首行，也就是top=0，为其设置为一个区分的颜色。由于上面的滚动效果不好，看起来很卡顿，下面优化了滚动效果，加入缓动。然后利用timer定时器和scrollTop 属性设置滚动效果，table里的数据在data里返回，以下是实例数据。这样我们就拥有了一个没有样式的基础表格。
2025-12-20 15:41:18
218
原创 前端table表格，零基础入门到精通，收藏这篇就够了
将th的 position设置为sticky，固定首行，也就是top=0，为其设置为一个区分的颜色。由于上面的滚动效果不好，看起来很卡顿，下面优化了滚动效果，加入缓动。然后利用timer定时器和scrollTop 属性设置滚动效果，table里的数据在data里返回，以下是实例数据。这样我们就拥有了一个没有样式的基础表格。
2025-12-20 15:30:01
213
原创 前端低代码平台，零基础入门到精通，收藏这篇就够了
以“织信Informat”全栈低代码平台为例，他们家在做前端页面开发，主要用到的功能就是“组件设计器”。为了使设计人员更轻松地上手并参与到组件设计的全过程，组件设计器提供了友好的可视化交互方式。设计人员无需编写代码即可完成组件设计，并能将设计成果无缝传递给开发人员，从而提高整体工作效率。功能版块说明通过这些功能版块，设计人员可以直观、便捷地进行页面和组件的设计与配置，无需编写代码即可完成高效设计流程，并将设计成果无缝对接给开发人员。工具栏。
2025-12-20 15:04:15
752
原创 前端Token无感刷新实战指南+源码，零基础入门到精通，收藏这篇就够了
前端实现Token无感刷新主要通过双Token机制（Access Token和Refresh Token）结合请求拦截器完成。Access Token用于API访问且生命周期较短（如1-2小时），Refresh Token用于刷新Access Token且生命周期较长（如7天）。
2025-12-20 15:02:46
513
原创 前端项目打包并部署，零基础入门到精通，收藏这篇就够了
在当前项目路径下，执行命令在当前项目路径下，生成 一个dist文件夹。将来部署项目，是部署的dist这个文件。
2025-12-20 10:30:00
643
原创 前端大屏可视化自适应怎么做，零基础入门到精通，收藏这篇就够了
在前端数据大屏的开发中，自适应设计是关键环节，它能确保大屏在不同设备和屏幕尺寸上都能呈现出良好的视觉效果和交互体验。除了常见的rem/vwFlex/Grid等方案外，还有其他有效的方法可以实现自适应。下面为您详细介绍这些方案及其优缺点，以便您根据项目需求做出合适的选择。
2025-12-20 07:45:00
1014
原创 前端开发设计模式——策略模式，零基础入门到精通，收藏这篇就够了
策略模式是一种行为设计模式，它定义了一系列的算法，并将每个算法封装起来，使它们可以相互替换。在前端开发中，策略模式允许根据不同的情况动态地选择和应用不同的算法或行为，而无需修改使用这些算法的主体代码。首先，定义一个策略接口，该接口声明了所有具体策略类必须实现的方法。例如：上下文类持有一个策略对象的引用，并通过该引用调用策略对象的方法。上下文类可以在运行时设置不同的策略对象。
2025-12-19 09:27:28
695
原创 前端打字机效果，零基础入门到精通，收藏这篇就够了
前端实现打字机效果一个简单的方法就是采用定时器做字符串拼接，让文字一个一个显示出来，可以使用间隔定时器setInterval来控制文字拼接的速度。
2025-12-19 09:24:59
856
原创 Hybrid混合开发学习笔记（1）混合应用开发定义和常见问题，零基础入门到精通，收藏这就够了
混合应用是指同时使用前端技术与原生技术开发的 App。通常由前端负责大部分界面开发和业务逻辑，原生负责封装原生功能供前端调用，二者以 WebView 作为媒介建立通信，从而既拥有 Web 开发的速度优势，又能拥有强大的原生能力。只要做到这三件事，基本上就可以被称为混合开发通用框架。
2025-12-19 09:22:43
946
原创 大模型时代，前端必须了解一下LangChain应用开发框架_langchain框架配合前端开发，零基础入门到精通，收藏这篇就够了
LangChain本身是一个开源开发框架，目前提供Python和Js两种版本，它以大模型作为其核心依赖之一，以让实现应用目标更便捷。
2025-12-19 09:20:22
989
原创 Web前端开发工程师需要掌握哪些核心技能？零基础入门到精通，收藏这篇就够了
HTML发展历史有二十多年，历经多次版本更新，HTML5和CSS3的出现又是一次革新。有些人认为前端开发要掌握的技能简单，不就是制作网页 嘛，其实不然，web前端需要掌握的核心语言xHTML+CSS+JavaScript，JavaScript作为最难的语言之一，许多编程高手也不敢妄 自菲薄自封精通。由于JavaScript与html的差异性，以及静动态分开处理的一些好处。在大公司编写静态效果和动态效果往往是分开由不同的人完成 的。
2025-12-19 09:17:48
643
原创 web前端开发常用工具有哪些？零基础入门到精通，收藏这篇就够了
Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合，它使用了新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。Foundation是一个易用、强大而且灵活的框架，用于构建基于任何设备上的Web应用。提供多种Web上的UI组件，如表单、按钮、Tabs等。Cloud9IDE是一个基于Node.JS构建的JavaScript程序开发WebIDE。
2025-12-19 09:12:07
562
原创 前端js获取UUID的三种方式，零基础入门到精通，收藏这篇就够了
阿里云核心业务全部接入Agent体系；字节跳动30%前端岗位要求大模型开发能力；腾讯、京东、百度开放招聘技术岗，80%与AI相关……大模型正在重构技术开发范式，传统CRUD开发模式正在被AI原生应用取代！最残忍的是，业务面临转型，领导要求用RAG优化知识库检索，你不会；带AI团队，微调大模型要准备多少数据，你不懂；想转型大模型应用开发工程师等相关岗，没项目实操经验……这不是技术焦虑，而是职业生存危机！曾经React、Vue等热门的开发框架，已不再是就业的金钥匙。
2025-12-19 09:05:05
536
原创 前端锚点定位，零基础入门到精通，收藏这篇就够了
代表网页中的一个位置。其右面的字符，就是该位置的标识符。比如，http://www.example.com/index.html#print就代表网页index.html的print位置。浏览器读取这个URL后，会自动将print位置滚动至可视区域。HTTP请求不包括#.
2025-12-18 13:56:01
997
原创 微前端乾坤，零基础入门到精通，收藏这篇就够了
qiankun 是一个基于single-spa的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。单例模式在微前端框架中，子应用会随着主应用页面的打开和关闭反复的激活和销毁（单例模式：生命周期模式）。
2025-12-18 13:54:23
811
原创 前端工程化面试题，零基础入门到精通，收藏这篇就够了
一、HTML 常见题目01、Doctype作用？严格模式与混杂模式如何区分？它们有何意义?02、HTML5 为什么只需要写？03、行内元素有哪些？块级元素有哪些？空(void)元素有那些？04、页面导入样式时，使用link和@import有什么区别？05、介绍一下你对浏览器内核的理解？06、常见的浏览器内核有哪些？07、html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？08、如何区分 HTML 和 HTML5？09、简述一下你对HTML语义化的理解？
2025-12-18 13:50:11
894
原创 杭漂前端失业一年半，没招了[特殊字符]
2025开年，AI技术打得火热，正在改变前端人的职业命运：阿里云核心业务全部接入Agent体系；字节跳动30%前端岗位要求大模型开发能力；腾讯、京东、百度开放招聘技术岗，80%与AI相关……大模型正在重构技术开发范式，传统CRUD开发模式正在被AI原生应用取代！最残忍的是，业务面临转型，领导要求用RAG优化知识库检索，你不会；带AI团队，微调大模型要准备多少数据，你不懂；想转型大模型应用开发工程师等相关岗，没项目实操经验……这不是技术焦虑，而是职业生存危机！
2025-12-18 13:47:18
538
原创 前端上传文件的方式，零基础入门到精通，收藏这篇就够了
在web浏览器上传文件一般有以下几种方式：form表单上传文件原生js实现ajax上传文件jquery实现ajax上传文件form+iframe上传文件其中form提交数据之后会整个刷新页面；js通过ajax上传文件虽然不会刷新整个页面，但是他们都是通过使用formdata对象实现的，formdata对象在老版本的浏览器中并不支持；为了兼容老版本浏览器，使用iframe方式提交；下面几节就分别就这几种方式实现上传文件来举例说明。
2025-12-18 13:43:38
803
原创 前端使用nginx部署项目到服务器，零基础入门到精通，收藏这篇就够了
conf： 配置文件 配置虚拟主机文件就在此html： nginx默认web根路径位置logs： 日志文件sbin： 二进制程序 启动/停止/重载服务命令就在此。
2025-12-18 11:47:30
752
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人