Javachichi的博客

这是前端程序员在某红薯平台自述前端被裁的真实经历！2025开年，AI技术打得火热，正在改变前端人的职业命运：阿里云核心业务全部接入Agent体系；字节跳动30%前端岗位要求大模型开发能力；腾讯、京东、百度开放招聘技术岗，80%与AI相关……大模型正在重构技术开发范式，传统CRUD开发模式正在被AI原生应用取代！最残忍的是，业务面临转型，领导要求用RAG优化知识库检索，你不会；带AI团队，微调大模型要准备多少数据，你不懂；

这是前端程序员在某红薯平台自述前端被裁的真实经历！2025开年，AI技术打得火热，正在改变前端人的职业命运：阿里云核心业务全部接入Agent体系；字节跳动30%前端岗位要求大模型开发能力；腾讯、京东、百度开放招聘技术岗，80%与AI相关……大模型正在重构技术开发范式，传统CRUD开发模式正在被AI原生应用取代！最残忍的是，业务面临转型，领导要求用RAG优化知识库检索，你不会；带AI团队，微调大模型要准备多少数据，你不懂；

以下内容源自《【前端】》仅供学习交流使用。

L4阶段：大模型的微调和私有化部署，我们会更加深入的探讨Transformer架构，学习大模型的微调技术，利用DeepSpeed、Lamam Factory等工具快速进行模型微调；而L3 L4更多的是通过项目实战来掌握大模型的应用开发，针对以上大模型的学习路线我们也整理了对应的学习视频教程，和配套的学习资料。带AI团队，微调大模型要准备多少数据，你不懂；在你已经掌握了大模型技术之后，就需要开始准备面试，我们将提供精心整理的大模型面试题库，涵盖当前面试中可能遇到的各种技术问题，让你在面试中游刃有余。

2025开年，AI技术打得火热，正在改变前端人的职业命运：阿里云核心业务全部接入Agent体系；字节跳动30%前端岗位要求大模型开发能力；腾讯、京东、百度开放招聘技术岗，80%与AI相关……大模型正在重构技术开发范式，传统CRUD开发模式正在被AI原生应用取代！最残忍的是，业务面临转型，领导要求用RAG优化知识库检索，你不会；带AI团队，微调大模型要准备多少数据，你不懂；想转型大模型应用开发工程师等相关岗，没项目实操经验……这不是技术焦虑，而是职业生存危机！

全部采用小写方式，以中线分割正确示例：mail-management-system错误示例：mail_management-system / mailManagementSystem个人感悟：今天看了才知道原来项目也有命名规范，在学习阶段的使用莫名的热衷于大驼峰命名，甚至现在在工作中也有人命名里有.比如aaa-bbb-ccc.ddd.ui之类的，也是有点无语到。

在对项目进行性能优化时，最常见的优化就是图片的懒加载，懒加载的目的是延迟加载页面上的图片，只有当图片进入视口的时候才加载，这样可以减少初始页面加载时间，节省带宽，提升用户体验。

ily:‘微软雅黑’;。mal等值（不同浏览器效果不同，chrome为21px），如果行高等于元素高度（height==line-height），可以实现文本垂直居中。om, center)、精确单位坐标或者百分比(以左上角为原点)、混合单位同时包含方位名词和精确单位，（1）display: block改成块级元素。（2）display: inline改成行内元素。（3）display: inline-block改成行内块元素。值含义flex-start。

Vue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式，通过 Vue.directive(id, [definition]) 方式注册全局指令。然后在入口文件中进行 Vue.use() 调用。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。提高代码复用。指令本质上是装饰器，是 vue 对 HTML 元素的扩展，给 HTML 元素增加自定义功能。vue 编译 DOM 时，会找到指令对象，执行指令的相关方法。

扩展主题色或间距：```

前端网页开发学习是一个系统而全面的过程，涵盖了多个关键技术和工具的学习。HTML是HyperText Markup Language的缩写，即超文本标记语言。它为我们提供了许多功能不同的标签，最终运行时由浏览器对标签进行解析，呈现出不同标签的样子。同时，为了更方便了解前端网页的知识，我们还有参考网站进行提供学习：1.菜鸟教程：http://www.runoob.com/

html:合并后端（node服务）2025开年，AI技术打得火热，正在改变前端人的职业命运：阿里云核心业务全部接入Agent体系；字节跳动30%前端岗位要求大模型开发能力；腾讯、京东、百度开放招聘技术岗，80%与AI相关……大模型正在重构技术开发范式，传统CRUD开发模式正在被AI原生应用取代！最残忍的是，业务面临转型，领导要求用RAG优化知识库检索，你不会；带AI团队，微调大模型要准备多少数据，你不懂；想转型大模型应用开发工程师等相关岗，没项目实操经验……这不是技术焦虑，而是职业生存危机！

这是前端程序员在某红薯平台自述前端被裁的真实经历！2025开年，AI技术打得火热，正在改变前端人的职业命运：阿里云核心业务全部接入Agent体系；字节跳动30%前端岗位要求大模型开发能力；腾讯、京东、百度开放招聘技术岗，80%与AI相关……大模型正在重构技术开发范式，传统CRUD开发模式正在被AI原生应用取代！最残忍的是，业务面临转型，领导要求用RAG优化知识库检索，你不会；带AI团队，微调大模型要准备多少数据，你不懂；

VS Code 现如今已经成为一款炙手可热的开发工具，它以轻量化、功能强大、易于配置、丰富的插件备受广大开发者的喜爱。本文，介绍几款可以提升生产力的 VS Code 插件，通过这些插件，可以提升开发效率。图片。

ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准， 2015 年 6 月发布。ES6 设计目标：达到 JavaScript 语言可以用来编写复杂的大型程序，成为企业级开发语言ECMAScript 和 JavaScript 的关系：ECMAScript 是 JavaScript 的规范/规则，JavaScript 是ECMAScript 的一种实现解构赋值是对赋值运算符的扩展是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。

我们在前端的学习中经常会发现DOM这个高频词，那么什么是DOM呢？DOM是文档对象模型（Document Object Model）的缩写。是 W3C（万维网联盟）的标准。是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。DOM属于浏览器，而不是JavaScript语言规范里的规定的核心内容。

L4阶段：大模型的微调和私有化部署，我们会更加深入的探讨Transformer架构，学习大模型的微调技术，利用DeepSpeed、Lamam Factory等工具快速进行模型微调；而L3 L4更多的是通过项目实战来掌握大模型的应用开发，针对以上大模型的学习路线我们也整理了对应的学习视频教程，和配套的学习资料。带AI团队，微调大模型要准备多少数据，你不懂；在你已经掌握了大模型技术之后，就需要开始准备面试，我们将提供精心整理的大模型面试题库，涵盖当前面试中可能遇到的各种技术问题，让你在面试中游刃有余。

智能体（Agent）是你在不同场景下的 AI 助手。自定义智能体后，你可以灵活配置提示词和工具集，快速完成复杂任务。在 AI 对话框右上角点击设置，选择智能体。点击+ 创建智能体。图片在配置面板中：（可选）上传智能体头像。输入智能体名称，例如：“Figma 助手”。（可选）填写提示词，示例：“根据用户提供的 Figma 链接，精准还原 UI 设计，生成响应式 HTML 前端页面代码。结构清晰，视觉细节与设计稿高度一致，禁止擅自修改设计内容。在工具-MCP部分仅勾选。

用于构建用户界面的 JavaScript 库，提供了 UI 层面的解决方案，遵循组件设计模式、声明式编程范式和函数式编程概念，以使前端应用程序更高效，使用虚拟DOM来有效地操作DOM，遵循从高阶组件到低阶组件的单向数据流,帮助我们将界面成了各个独立的小块，每一个块就是组件，这些组件之间可以组合、嵌套，构成整体页面.JSX 是JavaScript XML 的简写。是 React 使用的一种文件，它利用 JavaScript 的表现力和类似 HTML 的模板语法。这使得 HTML 文件非常容易理解。

L4阶段：大模型的微调和私有化部署，我们会更加深入的探讨Transformer架构，学习大模型的微调技术，利用DeepSpeed、Lamam Factory等工具快速进行模型微调；而L3 L4更多的是通过项目实战来掌握大模型的应用开发，针对以上大模型的学习路线我们也整理了对应的学习视频教程，和配套的学习资料。在你已经掌握了大模型技术之后，就需要开始准备面试，我们将提供精心整理的大模型面试题库，涵盖当前面试中可能遇到的各种技术问题，让你在面试中游刃有余。，当你的理论知识积累到一定程度，就需要通过项目实战，

更多精彩项目，请看下方宝藏仓库，请慎入！不知不觉，原创文章已经写到第78期了呢，几乎每一篇都是猫哥精心挑选的优质开源项目，推送的每一篇文章里面的项目几乎都是对前端开发很有帮助的。2025开年，AI技术打得火热，正在改变前端人的职业命运：阿里云核心业务全部接入Agent体系；字节跳动30%前端岗位要求大模型开发能力；腾讯、京东、百度开放招聘技术岗，80%与AI相关……大模型正在重构技术开发范式，传统CRUD开发模式正在被AI原生应用取代！

从事Web前端要学什么？常用前端开发技术有哪些？随着移动互联网的迅猛发展，Web前端工程师开始崭露头角。随着JS和XHTML应用程序的普及，越来越多的Web界面应用程序技术出现在网站上。有很多人想要从事Web前端，却又不知道学什么，接下来小编就给大家分享常用的Web前端开发技术及工具。常用的Web前端开发技术1)HTML。HTML是网页的核心，是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言。

HTML 超文本标记语言（Hyper Text Markup Language）超文本包括：文字，图片，音频，视频，动画等拓展：W3CWorld Wide Web Consortium （万维网联盟）成立于1994年，Web技术领域最权威和最具影响力的国际中立性技术标准机构W3CW3C中国W3C标准包括结构化标准语言（HTML、XML）表现标准语言（CSS）行为标准（DOM（文档标准模型）、ECMAScript）

1、创建一个水印组件 waterMark.vue2、在合适的地方添加组件，跟随一起渲染，比如侧边栏layout或者app.vue中等2025开年，AI技术打得火热，正在改变前端人的职业命运：阿里云核心业务全部接入Agent体系；字节跳动30%前端岗位要求大模型开发能力；腾讯、京东、百度开放招聘技术岗，80%与AI相关……大模型正在重构技术开发范式，传统CRUD开发模式正在被AI原生应用取代！最残忍的是，业务面临转型，领导要求用RAG优化知识库检索，你不会；

第二步:配置运行环境,参考项目ReadMe说明文档(不一定适合你的项目)

鸿蒙应用开发框架是鸿蒙系统提供的一套开发工具和框架，用于帮助开发者快速构建鸿蒙应用。它提供了一系列的 API 和组件，使开发者可以方便地进行应用的开发、测试和发布。鸿蒙应用开发框架支持多种开发语言，包括 Java、C++、JavaScript、ArkTS 等，开发者可以根据自己的需求选择合适的开发语言进行开发。ArkTS 是 HarmonyOS 优选的主力应用开发语言，在 TS 基础上发展而来。

Debugger for Firefox 是一款功能强大的 Visual Studio Code（以下简称 VSCode）扩展，它为开发人员提供了在 Firefox 浏览器中调试前端代码的能力。通过此扩展，开发人员可以方便地在 VSCode 中设置断点、查看变量的值以及跟踪代码执行流程，从而更轻松地进行前端开发和调试。本文将详细介绍如何安装和使用 Debugger for Firefox 扩展，并通过一个示例代码演示其基本功能。

是最著名的前端地库，它开源、体积小、结构清晰、简单易用。

作为一名前端开发人员，持续学习是必备的技能之一。随着新技术的不断涌现，前端开发框架越来越多，各种框架现、版本的更新此起彼伏。前端领域的技术不断更迭，让人眼花缭乱。面对这么多框架，我们应该如何选择？接下来就为你们一 一介绍！

自适应没有完全区分的界限，使用哪种方案需要根据项目实际情况来，两种同时混合使用也是很常见的，只是在混合使用时，需要注意rem和px的区分。2025开年，AI技术打得火热，正在改变前端人的职业命运：阿里云核心业务全部接入Agent体系；字节跳动30%前端岗位要求大模型开发能力；腾讯、京东、百度开放招聘技术岗，80%与AI相关……大模型正在重构技术开发范式，传统CRUD开发模式正在被AI原生应用取代！最残忍的是，业务面临转型，领导要求用RAG优化知识库检索，你不会；

服务器：阿里云 腾讯云 华为云都可以 我这里使用的是阿里云ECS共享型(推荐)xshell：用于远程连接服务器，修改配置文件xftp：用于连接远程服务器，将本地资源上传到远程服务器。

1.HTML Snippets 智能提示HTML标签，以及标签含义2.HTML CSS Support 智能提示CSS类名以及id3.JavaScript(ES6) code snippets ES6语法智能提示，快速输入，还支持.js，还支持.ts，.jsx，.tsx，.html，.vue4. jQuery Code Snippets 　jQuery代码智能提示。

2023/01/12“ 创造允许犯错，设计要知道保留哪些。最近很多同学表示: 在学习网页设计等课程的时候，经常会接触到一些关于html的知识，并且也会有相应的网页设计作业。目前互联网资源丰富，同学们也搜到了不少模板，但大多需要充值会员？或者付费？今天我就给大家推荐100套优雅，好看的HTML网页模板！

之前也写过一期前端程序员兼职接单的方法，但有粉丝私信说文章中前端接单的网站是比较少的，对想要找更多的网站对比下，今天就给大家做一个补充，希望能够帮到有需要的同学哦~程序员客栈，这个平台成立蛮久了，这么多年都一直聚焦于程序员远程工作这一块，经验应该是相当丰富了：在开发前，开发中，开发后对于开发者和需求方都有固定的、稳定的、安全的处理流程，能够最大程度的保证甲乙双方的利益。

微前端（Micro Frontends）是一种架构模式，借鉴了微服务的理念，将一个大型的前端应用拆分成多个小型、独立的子应用，每个子应用可以由不同的团队使用不同的技术栈独立开发、部署和运行。每个子应用专注于自己的业务功能；主应用负责统一接入与调度；子应用间尽量解耦，实现自治。

前端涉及到的文件类型比较多，目前先整理常见的HTML、CSS、JS、JSP中的注释。

Next.js作为主框架Node.js v18.x (LTS)作为运行环境NPM/Yarn作为包管理工具Jest和React Testing Library用于测试Storybook用于UI组件开发本文详细介绍了Dify前端开发的全流程，从环境搭建到部署运维，提供了丰富的实践示例和最佳实践建议。通过本文的学习，开发者可以快速掌握Dify前端开发技能，构建高质量的AI应用界面。

如果后端提供的下载接口是get类型，可以直接使用方法一，简单又便捷；当然如果想使用方法二、三也是可以的，不过感觉有点舍近求远了。如果后端提供的下载接口是post类型，就必须要用方法二或者方法三了。方法二和方法三怎么取舍？当你的项目里的接口请求全是基于XMLHttpRequest实现的，这时方法二就更加适合，只要基于你原来项目中的接口请求工具类加以扩展就行了。当你的项目里的接口请求全是基于fetch实现的，这时方法三就更加适合，比如我现在的做的一个项目就是基于ant design。

跨域:指的是浏览器不能执行其他网站的脚本 它是由浏览器的同源策略造成的 是浏览器对javascript添加的安全限制 同源策略是一种约定 是浏览器核心的安全功能同源策略会造成以下的影响Cookie、LocalStorage 和 IndexDB 无法读取DOM 和 JS 对象无法获取Ajax请求发送不出去。

前置工作1、需要准备的东西一台Centos服务器并连接我这是演示用的垃圾云，建议大家上阿里云、腾讯云等。2、连接云服务器连接服务器看文章： https://blog.youkuaiyun.com/qq_32442973/article/details/119840447安装Docker环境Docker有两个分支版本：Docker CE和Docker EE，即社区版和企业版。本教程基于CentOS 7安装Docker CE。1、安装Docker的依赖库。2、添加Docker CE的软件源信息。