冉冉科技网站建设制作网页的常用软件有哪些

冉冉科技网站建设,制作网页的常用软件有哪些,怎么给网站做备案,网站建设公司该如何选择文章目录 0#xff09;前端 1、什么是前端#xff1f;2、为什么需要前端#xff1f; 前端的发展简史#xff1a; 3、前端开发的类型 Web前端开发#xff1a;客户端#xff08;APP#xff09;开发#xff1a; 4、前端与后端的交互 Ajax#xff1a;Socket#xff1a; …文章目录0前端1、什么是前端2、为什么需要前端前端的发展简史3、前端开发的类型Web前端开发客户端APP开发4、前端与后端的交互AjaxSocket*前端技术栈1核心语言1.1 HTML什么是HTMLHTML如何描述网页HTML文档与网页的关系1.2 CSS什么是CSS为什么使用CSS1.3 JavaScriptJS什么是JavaScriptJavaScript的作用2基础技术2.1 AJAX什么是AJAXAJAX的工作原理2.2 JSON什么是JSON为什么使用JSONJSON的特点2.3 Node.js什么是Node.js为什么使用Node.js?Node.js 的特点适用场景*Nodejs和AJAX的区别2.4 PHP什么是PHP什么是PHP文件PHP 能做什么为什么使用 PHP3其他3.1 Vue什么是Vue核心特点3.2 Servlet什么是Servlet为什么使用ServletServlet做什么3.3 HTTP3.4 浏览器浏览器是什么浏览器的主要构成High Level Structure浏览器内核0前端1、什么是前端前端Front-end指的是用户可见的界面。网站前端页面也就是网页的页面开发比如网页上的特效、布局、图片、视频音频等内容。前端的工作内容将美工设计的效果图设计成浏览器可以运行的网页并配合后端做网页的数据显示和交互等可视方面的工作内容。前端开发创建WEB页面或APP等前端界面呈现给用户的过程。通过HTMLCSS及JavaScript以及衍生出来的各种技术、框架、解决方案来实现互联网产品的用户界面交互。2、为什么需要前端即前端的意义是什么。1990 年Tim 以超文本语言 HTML 为基础在 NeXT 电脑上发明了最原始的 Web 浏览器。1994 万维网联盟World Wide Web Consortium成立简称 W3C标志着万维网的正式诞生。1995 网景推出 JavaScript可以用来更改前端 DOM 的样式。前端的发展简史Web 1.0 时代早期的网页以 HTML 为主是纯静态的网页网页是“只读”的信息流只能通过服务器到客户端单向流通 。动态服务器页面技术的出现页面不再是静止的页面可以获取服务器数据信息并不断更新。PHP、JSP、ASP.NET但前端页面要想获取后台信息需要刷新整个页面AJAX 技术的出现不需要刷新页面就可以使得前端与服务器进行网络通信。前端Framework的出现为解决浏览器兼容性问题。Dojo、jQuery、YUI、ExtJS、MooTools前端开发人员用这些 Framework 频繁发送 AJAX 请求到后台在得到数据后再用这些 Framework 更新 DOM 树。Node.js的出现基于事件循环的异步 I/O 框架拓展了 JavaScript 在服务器端的无限可能。移动Web和Hybrid App的出现。前端发展的主要话题一开始是「特效」后来是「用户体验」然后是「前后端分离」再后来是「页面性能」然后到最近的「模块化、工程化」到现在的「以数据为中心」。因此个人认为前端的意义主要还是在于提高产品开发效率优化产品质量提升用户使用体验3、前端开发的类型Web前端开发PC端开发主要分为面向大众的各类网站如新闻媒体、社交、电商、论坛等和面向管理员的各种 CMS (内容管理系统)和其它的后台管理系统。移动端开发Web App (HTML5开发利用Web技术进行的App开发可以在手机端浏览器里面打开的网站就称之为webapp。Web技术本身需要浏览器的支持才能进行展示和用户交互因此主要用到的技术是HTML、CSS、Javascript以及jQuery、Vue、React等JS框架。混合Hybrid App开发开发一款App产品的时候利用原生与H5的开发技术的混合应用。通常由“HTML5云网站APP应用客户端”两部份构成。原生代码部分利用WebView插件或者其它框架为H5提供容器程序主要的业务实现、界面展示都是利用与H5相关的Web技术进行实现的。比如京东、淘宝、今日头条等APP都是利用混合开发模式而成的。微信公众号开发小程序开发小游戏开发客户端APP开发原生开发Native App开发是在Android、IOS等移动平台上利用官方提供的开发语言、开发类库、开发工具进行App开发。比如Android是利用Java、Eclipse、Android studioIOS是利用Objective-C 和Xcode进行开发关于Web App、原生App、混合App的概念可参考https://www.cnblogs.com/runhua/p/9618552.html关于三者的区别可参考https://zhuanlan.zhihu.com/p/162865070以及https://zhuanlan.zhihu.com/p/71192935关于移动端和PC端的区别可参考https://www.zhihu.com/question/35633784?sortcreated以及https://www.cnblogs.com/zhuzhenwei918/p/6790859.html4、前端与后端的交互主要有两种方式Ajax 和 Socket 连接。Ajax常见的前后端交互方式。以 “请求→响应” 的方式来完成前后端的信息传递。传统的表单交互需求几乎都可以由 Ajax 改造为 “原地提交并获取反馈” 的交互方式不需要跳转页面从而有效提升用户体验。Socket对于实时性比较高的场景Socket 连接是一个更好的选择。工作方式前后端建立一个持续的连接信息可以随时由前端发向后端或由后端推送到前端。如果要建立一个实时对话的应用通常就会用到 Socket 连接。*前端技术栈1核心语言web 开发者必学的三种语言HTML定义网页的内容CSS规定网页的布局JavaScript对网页行为进行编程1.1 HTML什么是HTMLHTMLHyper Text Markup Language超文本标记语言 是用来描述网页的一种语言。HTML 不是一种编程语言而是一种标记语言(markup language)标记语言是一套标记标签 (markup tag)。HTML如何描述网页HTML 使用标记标签HTML tag来描述网页HTML 标签是由尖括号包围的关键词比如HTML 标签通常是成对出现的比如和标签对中的第一个标签是开始标签第二个标签是结束标签始和结束标签也被称为开放标签和闭合标签HTML文档与网页的关系HTML 文档也被称为网页HTML 文档 网页。Web 浏览器的作用是读取 HTML 文档并以网页的形式显示出它们。浏览器不会显示 HTML 标签而是使用标签来解释页面的内容。【举例】html body h1我的第一个标题/h1 p我的第一个段落。/p /body /html与 之间的文本描述网页与 之间的文本是可见的页面内容与之间的文本被显示为标题与之间的文本被显示为段落1.2 CSS什么是CSSCSSCascading Style Sheets层叠样式表/级联样式表描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素。CSS 用于定义网页的样式包括针对不同设备和屏幕尺寸的设计和布局。CSS 节省了大量工作它可以同时控制多张网页的布局外部样式表存储在 CSS 文件中为什么使用CSS分离HTML和样式格式创建 HTML 的目的是描述网页的内容CSS 从 HTML 页面中删除了样式格式避免了将格式添加到每个页面的漫长而又昂贵的过程。减少大量工作样式定义通常保存在外部 .css 文件中通过使用外部样式表文件这样只需更改一个文件即可更改整个网站的外观。1.3 JavaScriptJS什么是JavaScriptJavaScript 是属于 HTML 和 Web 的编程语言。注意JavaScript 和 Java 是完全不同的语言不论是概念还是设计。JavaScript的作用JavaScript 能够改变 HTML 内容JavaScript 能够改变 HTML 属性JavaScript 能够改变 HTML 样式 (CSS)JavaScript 能够隐藏 HTML 元素JavaScript 能够显示 HTML 元素2基础技术2.1 AJAX什么是AJAXAJAXAsynchronous JavaScript and XML异步的 JavaScript 和 XML是一种在无需重新加载整个网页的情况下能够更新部分网页的技术。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换AJAX 可以使网页实现异步更新。使用 AJAX 的应用程序案例新浪微博、Google 地图、开心网等等。AJAX的工作原理通过XmlHttpRequest对象来向服务器发异步请求从服务器获得数据然后用javascript来操作DOM从而更新页面。XMLHttpRequest 是 AJAX 的基础。创建XMLHttpRequest对象不同浏览器下建立方式可能不同使用该对象向服务器发送请求使用 XMLHttpRequest 对象的 open() 和 send() 方法服务器收到请求并返回信息给客户端获取服务器的响应使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性客户端收到信息后将数据呈现到用户界面上2.2 JSON什么是JSONJSONJavaScript Object NotationJavaScript 对象表示法是轻量级的文本数据交换格式。JSON 文件的文件类型是 “.json”JSON 文本的 MIME 类型是 “application/json”为什么使用JSON对于 AJAX 应用程序来说JSON 比 XML更快更易使用使用 XML读取XML文档 -- 使用 XML DOM 来循环遍历文档 -- 读取值并存储在变量中使用JSON读取 JSON 字符串 -- 用 eval() 处理 JSON 字符串JSON的特点JSON使用 JavaScript 语法来描述数据对象但是 JSON 仍然独立于语言和平台JSON 解析器和 JSON 库支持许多不同的编程语言。由于JSON 文本格式在语法上与创建 JavaScript 对象的代码相同因此JavaScript 程序能够使用内建的 eval() 函数用 JSON 数据来生成原生的 JavaScript 对象。类似XMLJSON 是纯文本具有层级结构可通过 JavaScript 进行解析JSON 数据可使用 AJAX 进行传输。与XML不同没有结束标签更短读写的速度更快能够使用内建的 JavaScript eval() 方法进行解析使用数组不使用保留字。2.3 Node.js什么是Node.jsNode.js是一个基于Chrome V8引擎的JavaScript运行环境一个让JavaScript运行在服务端的开发平台。为什么使用Node.js?早期 JavaScript 只是一个跑在浏览器环境里的一门脚本语言主要用于前端页面交互。通过Node.jsJavascript 不只运行于浏览器还可以运行于服务端打通了前端与后端。Node.js 的特点Node.js的定位提供一种简单安全的方法在 JavaScript 中构建高性能和可扩展的网络应用程序。单线程Node.js 使用单线程来运行避免了 CPU 上下文切换和内存中的大量执行堆栈。非阻塞 I/O得益于 Libuv 强大的异步 I/O避免了由于需要等待输入或者输出数据库、文件系统、Web服务器…响应而造成的 CPU 时间损失。事件驱动编程这种编程模式是一种高性能的服务模型。跨平台可运行于 Linux 平台v0.6.0 版本可以在 Windows 平台运行。适用场景I/O 密集型场景Node.js 的优势主要在于事件循环非阻塞异步 I/O只开一个线程不会每个请求过来都去创建一个线程从而产生资源开销。ResutFul API可以使用 Node.js 来做为中间层负责组装数据提供 API 接口给到前端调用这些数据源可能来自第三方接口或者数据库后端则可以更专注于业务开发。RPC 服务RPCRemote Procedure Call远程过程调用在当今微服务模式下我们可能是针对功能或者具体的业务形态进行服务化。*Nodejs和AJAX的区别Ajax异步Javascript和XML是一种客户端技术通常用于更新页面内容而不刷新它。而Node.js是服务器端Javascript运行环境用于开发服务器软件。2.4 PHP什么是PHPPHPPHP Hypertext Preprocessor是一种创建动态交互性站点的强有力的服务器端开源脚本语言。什么是PHP文件PHP 文件能够包含文本、HTML、CSS 以及 PHP 代码PHP 代码在服务器上执行而结果以纯文本返回浏览器PHP 文件的后缀是 “.php”PHP 能做什么PHP 能够生成动态页面内容PHP 能够创建、打开、读取、写入、删除以及关闭服务器上的文件PHP 能够接收表单数据PHP 能够发送并取回 cookiesPHP 能够添加、删除、修改数据库中的数据PHP 能够限制用户访问网站中的某些页面PHP 能够对数据进行加密为什么使用 PHPPHP 运行于各种平台Windows, Linux, Unix, Mac OS X 等等PHP 兼容几乎所有服务器Apache, IIS 等等PHP 支持多种数据库PHP 是免费的易于学习并可高效地运行在服务器端3其他3.1 Vue什么是VueVue是一套用于构建用户界面的渐进式JavaScript框架。Vue只关注视图层 采用自底向上增量开发的设计。核心特点声明式渲染Vue.js 的核心是一个允许采用简洁的模板语法来声明式*地将数据渲染进 DOM 的系统。组件系统允许使用小型、独立和通常可复用的组件构建大型应用。在 Vue 里一个组件本质上是一个拥有预定义选项的一个 Vue 实例。一个页面映射为组件树划分组件可维护、可重用、可测试也就是一个页面由多个组件组合而成。虚拟DOM当数据发生变化时能够智能地计算出重新渲染组件的最小代价并应用到DOM操作上。利用在内存中生成与真实DOM与之对应的数据结构这个在内存中生成的结构称之为虚拟DOM。MVVM模式响应式数据绑定3.2 Servlet什么是ServletJava Servlet 是作为来自 Web 浏览器或其他 HTTP 客户端的请求和 HTTP 服务器上的数据库或应用程序之间的中间层。是运行在 Web 服务器或应用服务器上的程序。Servlet 在 Web 应用程序中的位置为什么使用ServletJava Servlet 通常情况下与使用 CGICommon Gateway Interface公共网关接口实现的程序可以达到异曲同工的效果但相比CGI优势如下性能明显更好。无须再创建一个单独的进程来处理每个客户端请求因为Servlet 在 Web 服务器的地址空间内执行。Servlet 是独立于平台的因为它们是用 Java 编写的。Servlet 是可信的服务器上的 Java 安全管理器执行了一系列限制以保护服务器计算机上的资源。Java 类库的全部功能对 Servlet 来说都是可用的它可以通过 sockets 和 RMI 机制与 applets、数据库或其他软件进行交互。Servlet做什么读取客户端浏览器发送的显式的数据。这包括网页上的 HTML 表单或者也可以是来自 applet 或自定义的 HTTP 客户端程序的表单。读取客户端浏览器发送的隐式的 HTTP 请求数据。这包括 cookies、媒体类型和浏览器能理解的压缩格式等等。处理数据并生成结果。这个过程可能需要访问数据库执行 RMI 或 CORBA 调用调用 Web 服务或者直接计算得出对应的响应。发送显式的数据即文档到客户端浏览器。该文档的格式可以是多种多样的包括文本文件HTML 或 XML、二进制文件GIF 图像、Excel 等。发送隐式的 HTTP 响应到客户端浏览器。这包括告诉浏览器或其他客户端被返回的文档类型例如 HTML设置 cookies 和缓存参数以及其他类似的任务。3.3 HTTP详细介绍可参考《【计算机网络】测试人关于HTTP的学习和梳理》。3.4 浏览器浏览器是什么浏览器是用来检索、展示以及传递Web信息资源的应用程序。五种主流浏览器IE、Firefox、Safari、Chrome及Opera。浏览器的主要构成High Level Structure用户界面包括地址栏、后退/前进按钮、书签目录等即你所看到的除了用来显示你所请求页面的主窗口之外的其他部分。浏览器引擎用来查询及操作渲染引擎的接口。渲染引擎The rendering engine用来显示请求的内容。例如如果请求内容为html它负责解析html及css并将解析后的结果显示出来。网络用来完成网络调用。例如http请求它具有平台无关的接口可以在不同平台上工作。UI后端用来绘制类似组合选择框及对话框等基本组件具有不特定于某个平台的通用接口底层使用操作系统的用户接口。JS解释器用来解释执行JS代码。数据存储属于持久层浏览器需要在硬盘中保存类似cookie的各种数据。HTML5定义了web database技术这是一种轻量级完整的客户端存储技术。浏览器内核浏览器内核可以分成两部分渲染引擎layout engineer / Rendering Engin和 JS 引擎。渲染引擎负责取得网页的内容HTML、XML、图像等等、整理讯息例如加入 CSS 等以及计算网页的显示方式然后会输出至显示器或打印机。浏览器内核的不同对于网页的语法解释会有不同所以渲染的效果也不相同。JS引擎解析 Javascript 语言执行 javascript语言来实现网页的动态效果。常见的浏览器内核可以分为四种Trident、Gecko、Blink、Webkit。内核浏览器TridentIEGeckoMozilla FireFox(火狐浏览器)webkitSafariChromium/BinkBlink 其实是 WebKit 的分支chromePrestoOpera前任 内核最新的 opera 浏览器现已改用Google Chrome的Blink内核移动端的浏览器内核主要说的是系统内置浏览器的内核。iPhone 和 iPad 等苹果 iOS 平台主要是 WebKitAndroid 4.4 之前的 Android 系统浏览器内核是 WebKitAndroid4.4 系统浏览器切换到了Chromium内核是 Webkit 的分支 BlinkWindows Phone 8 系统浏览器内核是 Trident。浏览器内部工作原理可参考https://kb.cnblogs.com/page/129756/由于不同浏览器的内核不尽相同所以各个浏览器对网页的解析存在一定的差异。前端常见浏览器兼容性问题解决方案可参考https://blog.csdn.net/weixin_43638968/article/details/109177674【部分内容参考自】前端和后端的区别https://zhuanlan.zhihu.com/p/83515211前端发展简史https://blog.csdn.net/freekiteyu/article/details/79927047前端的意义是什么https://www.zhihu.com/question/44812950https://www.w3school.com.cn/ajax/index.aspNode.js 是什么我为什么选择它https://zhuanlan.zhihu.com/p/76635822http://nodejs.cn/learnhttps://cn.vuejs.org/v2/guide/vue框架简介https://blog.csdn.net/huangjianfeng21/article/details/92043800Servlet 简介https://www.runoob.com/servlet/servlet-intro.html浏览器介绍常用浏览器浏览器内核https://www.cnblogs.com/niujifei/p/11055559.html2025开年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大模型学习资源包》免费分享