正邦的网站建设南昌谁做网站设计

正邦的网站建设,南昌谁做网站设计,加盟网站模板,网页设计流行趋势文章目录 一、React、Vue、Angular简介二、React初始化案例三、Vue初始化案例四、Angular初始化案例五、相关链接 一、React、Vue、Angular简介 前端三大主流框架分别是Angular、React和Vue。以下是这三个框架的详细概述#xff1a; Angular#xff1a; Angular原名Angu…文章目录一、React、Vue、Angular简介二、React初始化案例三、Vue初始化案例四、Angular初始化案例五、相关链接一、React、Vue、Angular简介前端三大主流框架分别是Angular、React和Vue。以下是这三个框架的详细概述AngularAngular原名AngularJS诞生于2009年由Google开发并维护。它是一个完整的框架提供了数据绑定、组件化、路由、依赖注入等功能。Angular采用了TypeScript作为开发语言它是JavaScript的一个超集提供了静态类型检查和更强大的面向对象编程能力。Angular的特点包括功能强大、完整且稳定适用于开发大型和复杂的Web应用。它提供了很多内置的功能和工具如模板语法、表单验证、HTTP模块等帮助开发者更快速地构建高质量的Web应用。Angular支持移动端开发可以使用Ionic等工具将Web应用打包成原生应用。ReactReact是由Facebook开发并开源的一个JavaScript库正式版推出于2013年。它专注于构建用户界面并以其虚拟文档对象模型Virtual DOM和高效的diff算法而闻名。React的组件化开发模式允许开发者将UI和业务逻辑分离提高代码的复用性和可维护性。React对新开发人员来说较为友好并提供了JSX语法这是一种混合HTML和JavaScript的语言使编写React组件更加容易和直观。React的社区支持庞大可以找到大量的文档、教程和工具来帮助开发者解决问题。VueVue是一个由华人开发者尤雨溪创造的前端框架正式推出于2014年。Vue借鉴了Angular和React的特点如Virtual DOM、双向数据绑定、diff算法、响应式属性、组件化开发等并进行了相关优化使其使用更加方便和容易上手。Vue以其简洁易用和高效的特点而受到开发者的喜爱尤其适合初学者。Vue也支持组件化开发允许开发者将UI和业务逻辑分离提高代码的可复用性和可维护性。二、React初始化案例React详细介绍React是一个用于构建用户界面的JavaScript库它起源于Facebook的内部项目。React的出现是因为Facebook对市场上所有JavaScript MVC框架都不满意决定自行开发一套用于架设Instagram的网站并于2013年5月开源。React主要用于构建UI可以在React里传递多种类型的参数如声明代码帮助开发者渲染出UI也可以是静态的HTML DOM元素也可以传递动态变量甚至是可交互的应用组件。React的特点包括声明式设计React使创建交互式UI变得轻而易举。为应用的每一个状态设计简洁的视图当数据变动时React能高效更新并渲染合适的组件。组件化构建管理自身状态的封装组件然后对其组合以构成复杂的UI。高效React通过对DOM的模拟最大限度地减少与DOM的交互。灵活无论使用什么技术栈React都可以方便地引入开发新功能而无需重写现有代码。React案例代码Hello World示例代码这是一个简单的React组件示例用于显示“Hello, World!”文本。import React from react; import ReactDOM from react-dom; class HelloWorld extends React.Component { render() { return h1Hello, World!/h1; } } ReactDOM.render(HelloWorld /, document.getElementById(root));这段代码通过React的ReactDOM.render方法将HelloWorld /组件渲染到div idroot/div元素中。组件的render方法返回一个包含h1标签的JSX表达式。State和Props示例代码这个示例展示了如何在React组件中使用状态和属性state and props。import React from react; import ReactDOM from react-dom; class Counter extends React.Component { constructor(props) { super(props); this.state { count: 0 }; } increment() { this.setState({ count: this.state.count 1 }); } render() { return ( div pCount: {this.state.count}/p button onClick{() this.increment()}Increment/button /div ); } } ReactDOM.render(Counter /, document.getElementById(root));在这个示例中我们创建了一个名为Counter的React组件。该组件具有一个状态count并通过increment方法增加计数。在组件的render方法中我们显示当前计数并提供一个按钮来增加计数。当用户点击按钮时会调用increment方法并更新状态从而触发组件的重新渲染并显示更新后的计数。三、Vue初始化案例Vue.js 详细介绍Vue.js 是一款构建用户界面的渐进式框架。与其他大型框架不同的是Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层不仅易于上手还便于与第三方库或已有项目整合。另一方面当与现代化的工具链以及各种支持类库结合使用时Vue 也能为复杂的单页应用SPA提供驱动。Vue.js 的主要特点包括组件化Vue 允许你以可复用的方式构建大型应用。在 Vue 中一个组件本质上是一个拥有预定义选项的一个 Vue 实例。响应式数据绑定Vue 的核心库只关注视图层它采用简洁的模板语法将 DOM 操作与数据操作进行绑定使得数据变化时视图能够自动更新。指令Vue 提供了一系列内建的指令如v-if、v-for、v-bind等这些指令为模板提供了强大的功能。计算属性和侦听器Vue 提供了计算属性和侦听器用于处理复杂逻辑和响应数据变化。可定制的过渡和动画Vue 在插入、更新或移除 DOM 时提供多种过渡效果。路由和状态管理Vue 可以与 Vue Router 和 Vuex 这样的库一起使用以构建复杂的单页应用。轻量级和灵活性Vue 相对于其他大型框架如 Angular 或 React来说更轻量级这使得它更加灵活和易于使用。Vue.js 案例代码以下是一个简单的 Vue.js 示例它展示了如何使用 Vue 创建一个计数器!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleVue.js Counter Example/title script srchttps://cdn.jsdelivr.net/npm/vue2.6.14/dist/vue.js/script /head body div idapp p{{ message }}/p button clickincrementIncrement/button pCount: {{ count }}/p /div script new Vue({ el: #app, data: { message: Hello Vue!, count: 0 }, methods: { increment: function() { this.count; } } }); /script /body /html在这个示例中我们创建了一个新的 Vue 实例并将其挂载到 id 为app的元素上。在 Vue 实例的data对象中我们定义了message和count两个响应式数据属性。我们还定义了一个名为increment的方法该方法会在每次点击按钮时被调用并使count的值递增。在模板中我们使用双大括号插值来显示message和count的值并使用click指令来监听按钮的点击事件。四、Angular初始化案例Angular 详细介绍Angular 是一个由 Google 开发和维护的开源前端框架用于构建单页应用SPA和跨平台应用。Angular 提供了一个结构化的开发框架它整合了多种技术包括 TypeScript、HTML、CSS 和其他库以简化应用程序的开发过程。Angular 强调组件化、模块化、依赖注入和响应式编程等核心概念。Angular 的主要特点包括组件化Angular 应用是由一系列组件组成的每个组件控制屏幕上的一小块区域。组件是 Angular 应用的构建块它们封装了相关的 HTML、CSS 和 TypeScript 代码。TypeScript 支持Angular 使用 TypeScript 作为主要开发语言它提供了静态类型检查、面向对象编程特性和 ES6 功能。双向数据绑定Angular 提供了强大的数据绑定功能可以自动更新视图以反映模型中的更改并在模型更改时自动更新视图。依赖注入Angular 使用依赖注入DI来管理组件之间的依赖关系使得代码更易于测试和维护。路由Angular 提供了强大的路由功能允许你定义不同的视图和它们之间的导航路径。表单验证Angular 提供了丰富的表单验证功能支持模板驱动表单和响应式表单。指令和管道Angular 提供了许多内建的指令和管道用于在模板中执行复杂的操作和数据转换。模块化Angular 应用被组织成模块每个模块包含了一组相关的组件、服务和指令。Angular 案例代码以下是一个简单的 Angular 示例它展示了如何创建一个计数器组件首先你需要确保你的项目已经通过 Angular CLI 创建并设置好了。如果你还没有创建项目可以使用以下命令创建一个新的 Angular 项目ng new my-angular-app cd my-angular-app然后你可以创建一个新的计数器组件ng generate component counter接下来编辑counter组件的 TypeScript 文件counter.component.ts和 HTML 模板文件counter.component.html。counter.component.ts:import { Component } from angular/core; Component({ selector: app-counter, templateUrl: ./counter.component.html, styleUrls: [./counter.component.css] }) export class CounterComponent { count 0; increment() { this.count; } decrement() { this.count--; } }counter.component.html:pCount: {{ count }}/p button (click)increment()Increment/button button (click)decrement()Decrement/button在app.module.ts中确保你已经将CounterComponent添加到declarations数组中import { NgModule } from angular/core; import { BrowserModule } from angular/platform-browser; import { AppComponent } from ./app.component; import { CounterComponent } from ./counter/counter.component; NgModule({ declarations: [ AppComponent, CounterComponent ], imports: [ BrowserModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }最后在app.component.html中使用app-counter选择器来包含你的计数器组件app-counter/app-counter现在当你运行你的 Angular 应用时例如使用ng serve命令你应该能在浏览器中看到一个计数器其中包含两个按钮一个用于增加计数另一个用于减少计数。五、相关链接Vue3官方地址Vue3中文文档「Vue3系列」Vue3简介及安装「Vue3系列」Vue3起步/创建项目「Vue3系列」Vue3指令「Vue3系列」Vue3 模板语法「Vue3系列」Vue3 条件语句/循环语句「Vue3系列」Vue3 组件「Vue3系列」Vue3 计算属性computed、监听属性watch「Vue3系列」Vue3 样式绑定「Vue3系列」Vue3 事件处理「vue3系列」Vue3 表单2025开年AI技术打得火热正在改变前端人的职业命运阿里云核心业务全部接入Agent体系字节跳动30%前端岗位要求大模型开发能力腾讯、京东、百度开放招聘技术岗80%与AI相关……大模型正在重构技术开发范式传统CRUD开发模式正在被AI原生应用取代最残忍的是业务面临转型领导要求用RAG优化知识库检索你不会带AI团队微调大模型要准备多少数据你不懂想转型大模型应用开发工程师等相关岗没项目实操经验……这不是技术焦虑而是职业生存危机曾经React、Vue等热门的开发框架已不再是就业的金钥匙。如果认为会调用API就是懂大模型、能进行二次开发那就大错特错了。制造、医疗、金融等各行业都在加速AI应用落地未来企业更看重能用AI大模型技术重构业务流的技术人。如今技术圈降薪裁员频频爆发传统岗位大批缩水相反AI相关技术岗疯狂扩招薪资逆势上涨150%大厂老板们甚至开出70-100W年薪挖掘AI大模型人才不出1年 “有AI项目开发经验”或将成为前端人投递简历的门槛。风口之下与其像“温水煮青蛙”一样坐等被行业淘汰不如先人一步掌握AI大模型原理应用技术项目实操经验“顺风”翻盘大模型目前在人工智能领域可以说正处于一种“炙手可热”的状态吸引了很多人的关注和兴趣也有很多新人小白想要学习入门大模型那么如何入门大模型呢下面给大家分享一份2025最新版的大模型学习路线帮助新人小白更系统、更快速的学习大模型2025最新版CSDN大礼包《AGI大模型学习资源包》免费分享**一、2025最新大模型学习路线一个明确的学习路线可以帮助新人了解从哪里开始按照什么顺序学习以及需要掌握哪些知识点。大模型领域涉及的知识点非常广泛没有明确的学习路线可能会导致新人感到迷茫不知道应该专注于哪些内容。我们把学习路线分成L1到L4四个阶段一步步带你从入门到进阶从理论到实战。L1级别:AI大模型时代的华丽登场L1阶段我们会去了解大模型的基础知识以及大模型在各个行业的应用和分析学习理解大模型的核心原理关键技术以及大模型应用场景通过理论原理结合多个项目实战从提示工程基础到提示工程进阶掌握Prompt提示工程。L2级别AI大模型RAG应用开发工程L2阶段是我们的AI大模型RAG应用开发工程我们会去学习RAG检索增强生成包括Naive RAG、Advanced-RAG以及RAG性能评估还有GraphRAG在内的多个RAG热门项目的分析。L3级别大模型Agent应用架构进阶实践L3阶段大模型Agent应用架构进阶实现我们会去学习LangChain、 LIamaIndex框架也会学习到AutoGPT、 MetaGPT等多Agent系统打造我们自己的Agent智能体同时还可以学习到包括Coze、Dify在内的可视化工具的使用。L4级别大模型微调与私有化部署L4阶段大模型的微调和私有化部署我们会更加深入的探讨Transformer架构学习大模型的微调技术利用DeepSpeed、Lamam Factory等工具快速进行模型微调并通过Ollama、vLLM等推理部署框架实现模型的快速部署。整个大模型学习路线L1主要是对大模型的理论基础、生态以及提示词他的一个学习掌握而L3 L4更多的是通过项目实战来掌握大模型的应用开发针对以上大模型的学习路线我们也整理了对应的学习视频教程和配套的学习资料。二、大模型经典PDF书籍书籍和学习文档资料是学习大模型过程中必不可少的我们精选了一系列深入探讨大模型技术的书籍和学习文档它们由领域内的顶尖专家撰写内容全面、深入、详尽为你学习大模型提供坚实的理论基础。书籍含电子版PDF三、大模型视频教程对于很多自学或者没有基础的同学来说书籍这些纯文字类的学习教材会觉得比较晦涩难以理解因此我们提供了丰富的大模型视频教程以动态、形象的方式展示技术概念帮助你更快、更轻松地掌握核心知识。四、大模型项目实战学以致用当你的理论知识积累到一定程度就需要通过项目实战在实际操作中检验和巩固你所学到的知识同时为你找工作和职业发展打下坚实的基础。五、大模型面试题面试不仅是技术的较量更需要充分的准备。在你已经掌握了大模型技术之后就需要开始准备面试我们将提供精心整理的大模型面试题库涵盖当前面试中可能遇到的各种技术问题让你在面试中游刃有余。因篇幅有限仅展示部分资料需要点击下方链接即可前往获取2025最新版CSDN大礼包《AGI大模型学习资源包》免费分享