首页
学习
活动
专区
圈层
工具
发布

常见Web技术之间的关系,你知道多少?

HTML之所以称为超文本标记语言,是因为文本中包含了所谓“超链接”点。超文本(Hypertext)是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。...如需进行全局的更新,只需简单地改变样式,然后网站中的所有元素均会自动地更新。这样,即设计人员能够将更多的时间用在设计方面,而不是费力克服HTML的限制。...SGML有非常强大的适应性,也正是因为同样的原因,导致在小型的应用中难以普及。HTML 和 XML同样衍生于SGML:XML可以被认为是SGML的一个子集,而HTML是SGML的一个应用。...“200px”: “auto”);} XMLHTTP最通用的定义为:XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套...XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面。 来自MSDN的解释:XmlHttp提供客户端同http服务器通讯的协议。

3.8K20

Vue系列课程入门

前端三要素: HTML:超文本标记语言 css:层叠样式表 JavaScript:是一种弱类型脚本语言,用于控制网页的行为 那么,我们可以区分为: 结构层 --html 表现层 --css 行为层...model:模型层,在这里表示JavaScript对象 view:视图层,这里表示DOM(HTML操作元素) viewModel:连接视图和数据的中间件 那么我们就了解到了vue.js就是一个mvvm的实现者...那么从这里我们可以看出,MVVM源自于经典的MVC(model-view-controller)模式,MVVM核心是view Model层,负责转换Model中的数据对象来让数据变得更容易管理和使用。...现在数据已经和DOM文档建立了联系,所有的东西都是响应式的。我们在控制台操作对象属性,界面可以实时更新。 那么我们还可以使用v-bind来绑定与元素特性!...那么我们如果再次打开浏览器的JavaScript控制台,输入vm.message =”新消息”,就会再次看到绑定的title特性的html已经更新。

20010
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    深入浅出学习前端开发(入门篇)前言

    ,因为这些书籍我本人有体会,可以和大家交流意见,后期我会更新新的书籍....而CSS世界这本书是作者经过十年使用体会提炼而成,我经验目前并不充分,阅读至45页便止步不前,因为涉及深度之深,不是我目前可以驾驭的....,在日后学习中,我会更新并总结,目前只提及其知识点. ---- 总结 在进行了HTML5以及CSS3的学习完以后,你应该进行阶段总结,应该可以体会到,HTML5是用来给网页定型定框架,CSS3则是美化网页显示...它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。...MySQL和PHP以及Apache可谓是黄金搭档,因为Apache当中自带了PHP模块,而PHP语言中又有MySQL的预定义函数,可以直接进行MySQL数据库的增删改查操作.

    1.2K130

    前端的发展历程

    前端的发展历程 什么是前端 前端:针对浏览器的开发,代码在浏览器运行 后端:针对服务器的开发,代码在服务器运行 前端三剑客 HTML CSS JavaScript HTML HTML(超文本标记语言——...超文本标记语言(第一版)——在1993年6月作为互联网工程工作小组(IETF)工作草案发布(并非标准): HTML 2.0——1995年11月作为RFC 1866发布,在RFC 2854于2000年6...这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。...如果要让用户留在当前页面中,同时发出新的HTTP请求,就可以使用Ajax发送这个新请求,接收到数据后,再用JavaScript更新页面,这样一来,用户就感觉自己仍然停留在当前页面,但是数据却可以不断地更新...这让我们的关注点从如何操作DOM变成了如何更新JavaScript对象的状态,而操作JavaScript对象比DOM简单多了!

    2K21

    HTML 与 React:每个 Web 开发人员需要了解的内容

    HTML:基础 首先,让我们从基础知识开始,HTML,它代表超文本标记语言。它是网页的支柱。它使用标签来定义网页的结构和内容,包括标题、段落、图像和链接。它赋予网页结构和内容。...它专注于创建动态、交互式和响应式的用户界面。 1. 功能比较 1.A – HTML 的功能:简单而传统 HTML 的功能在于其简单性和通用性。它是网络的基本语言,构成了构建内容的基础。...``:您可以在此处为网页命名,例如“我的酷网站”。 ``:您可以在此处放置您希望人们在网页上看到的所有内容,例如文本、图片和链接。就像一本书的封面里面的页面一样。...HTML 和 React 不同的关键因素 下面是根据上面提供的信息比较 HTML 和 React 的表格: 关键因素 超文本标记语言 反应 工作准则 使用标签构建 Web 内容的静态标记语言。...由于 JavaScript 捆绑包,初始加载可能会更长。 互动性 最适合交互性有限的静态内容。 非常适合需要高交互性和动态内容更新的项目。

    73541

    Knockout.Js官网学习(html绑定、css绑定)

    Html绑定 html绑定到DOM元素上,使得该元素显示的HTML值为你绑定的参数。如果在你的view model里声明HTML标记并且render的话,那非常有用。...如果参数是监控属性observable的,那元素的内容将根据参数值的变化而更新,如果不是,那元素的内容将只设置一次并且以后不在更新。...如果你不确信是否安全(比如显示用户输入的内容),那你应该使用text绑定,因为这个绑定只是设置元素的text 值innerText和textContent。...如果不是,那CSS class将会只添加或者删除一次并且以后不在更新。     你可以使用任何JavaScript表达式或函数作为参数。KO将用它的执行结果来决定是否应用或删除CSS class。...  因为my-class不是一个合法的命名。解决方案是:在my-class两边加引号作为一个字符串使用。

    2.9K30

    Android Jetpack - Lifecycles

    ,在 Android Jetpack - ViewModel 中,我们实现了一个简易计时器,该计时器可以在 Activity 处于配置更改或后台的情况下继续计时,我们现在利用 Lifecycle 修改它...这使您可以使视图更具说明性,并最大限度地减少在活动和片段中编写所需的更新代码。...这可能是一项艰巨的任务,但它可以使您的 UI 组件更容易测试 避免在 ViewModel 中引用 View 或 Activity 上下文。...一旦 ViewModel 存活时间超过活动(在配置更改的情况下 Activity 会被多次重建),Activity 会因为垃圾回收器没有妥善处理而发生内存泄露 使用 Kotlin 协程来管理长时间运行的任务以及可以异步运行的其他操作...用例 在高精度和低精度的定位模式之间切换,使用生命周期感知组件可以让你的 App 在可见状态下使用高精度定位,当 App 处于后台的情况下切换到低精度定位,LiveData 是一个生命周期感知组件,允许你的应用在用户更改位置时自动更新

    1.6K30

    面试必备的13道可以举一反三的Vue面试题

    当 ViewModel 中数据变化,View 层会得到更新;而当 View 中声明了数据的双向绑定(通常是表单元素),框架也会监听 View 层(表单)值的变化。...你可以把一些视图逻辑放在一个ViewModel里面,让很多view重用这段视图逻辑 提高可测试性: ViewModel的存在可以帮助开发者更好地编写测试代码 自动更新dom: 利用双向绑定,数据更新后视图自动更新...: 虚拟DOM的diff和patch都是在一次更新中自动进行的,我们无需手动操作DOM,极大提高开发效率 跨平台: 虚拟DOM本质上是JavaScript对象,而DOM与平台强相关,相比之下虚拟DOM可以进行更方便地跨平台操作...虚拟DOM本质上是JavaScript对象,是对真实DOM的抽象 状态变更时,记录新树和旧树的差异 最后把差异更新到真正的dom中 详细实现见虚拟DOM原理?...key是为Vue中的vnode标记的唯一id,通过这个key,我们的diff操作可以更准确、更快速 diff算法的过程中,先会进行新旧节点的首尾交叉对比,当无法匹配的时候会用新节点的key与旧节点进行比对

    1.4K20

    前端框架 jQuery 和 Vue 如何选择?

    前端框架 不会前端开发的后端不是一个好的后端开发,平时写点小项目可以用得上,先简单了解一下前端这个概念。 前端: HTML(超文本标记语言),CSS(层叠样式表)和JavaScript(脚本语言)。...敲黑板:为什么说“通过对数据的操作就可以完成对页面视图的渲染”?...》视图更新(view);视图变化(view)-》数据(model)变更的双向绑定效果。...我是一名后端开发,刚开始入门时接触js然后jQuery,感觉它更像是一把剪刀,简单而犀利,通常是配合一些框架来完成一些静态页面开发的工作。...改变三:渲染优雅,代码易维护 jQuery是通过DOM来控制数据,不仅笨重而且渲染数据特别麻烦,而 Vue是通过数据来控制状态,通过控制数据来控制渲染,变量可以直接写在标签中,渲染更加优雅。

    9.6K30

    前端科普系列(1):前端简史

    代码在浏览器中运行 后端: 针对服务器的开发,代码在服务器中运行 可以说 Ajax 的出现是前端岗位出现的转折点,但并不是前端的起点,前端的起点,我们稍后聊 JavaScript 的历史会聊到。...HTML(HyperText Markup Language) 全称是超文本标记语言,它不是一门编程语言,而是一种用来告知浏览器如何组织页面的标记语言。...这在当时是一个跨时代的壮举,让用户终于有机会看到不需要刷新整个页面就可以更新状态的地图,我们也看到了异步操作是如何给网站用户带来良好体验的。 不夸张的说,这一年算得上是 Web 开发技术发展的元年。...3.MVVM (Model-View-ViewModel) MVVM 同样是一种软件架构模式,它是在 MVC 的基础上演进过来的,去掉了 MVC 中的 Controller,增加了数据的双向绑定。...精益求精的前端开发者们这个时候就在考虑,既然 Ajax 可以在当前页面获取数据并随时更新当前页面,那是不是可以做到切换页面时也只通过 Ajax 获取数据更新页面,而不全部重新加载呢? 答案当然是可以!

    1.1K20

    前端科普系列(1):前端简史

    JS 脚本可以独立向服务器请求数据,拿到数据后,进行处理并更新网页,这个过程中,后端只负责提供数据,其他事情都由前端来做。...HTML(HyperText Markup Language) 全称是超文本标记语言,它不是一门编程语言,而是一种用来告知浏览器如何组织页面的标记语言。...把操作摁钮的指令转化为对磁控管的操作则是由“控制器层”的电路板来实现的。 如果现在要给微波炉更换一个新潮的外壳,或者更换一个更大功率的磁控管,完全可以在不更改其他层的情况下实现。...3.MVVM (Model-View-ViewModel) MVVM 同样是一种软件架构模式,它是在 MVC 的基础上演进过来的,去掉了 MVC 中的 Controller,增加了数据的双向绑定。...精益求精的前端开发者们这个时候就在考虑,既然 Ajax 可以在当前页面获取数据并随时更新当前页面,那是不是可以做到切换页面时也只通过 Ajax 获取数据更新页面,而不全部重新加载呢? 答案当然是可以!

    1.3K10

    Knockout.Js官网学习(options绑定)

    如果参数是监控属性observable的,那元素的options项将根据参数值的变化而更新,如果不是,那元素的value值将只设置一次并且以后不在更新。...常用的方案是加一个“请选择的”或者“Select an item”的提示语,或者其它类似的,然后让这个项作为默认选项。...optionsText 上面《Drop-down list展示的任意JavaScript对象,不仅仅是字符串》中展示的绑定JavaScript对象到option上 – 不仅仅是字符串。...如果不想仅仅显示对象的属性值作为每个item项的text值,那你可以设置optionsText 为JavaScript 函数,然后再函数里通过自己的逻辑返回相应的值(该函数参数为item项本身)。...经典场景:如在更新options的时候想保留原来的已经选择的项。

    2K10

    前端vue面试题汇总

    常见的事件修饰符及其作用.stop:等同于 JavaScript 中的 event.stopPropagation() ,防止事件冒泡;.prevent :等同于 JavaScript 中的 event.preventDefault...() ,防止执行预设的行为(如果事件可取消,则取消该事件,而不停止事件的进一步传播);.capture :与事件冒泡的方向相反,事件捕获由外到内;.self :只会触发自己范围内的事件,不包含子元素;....这个可以是这个节点的唯一标识,告诉 diff 算法,在更改前后它们是同一个DOM节点扩展 v-for 为什么要有...Vue 实现响应式并不是在数据发生后立即更新 DOM,使用 vm.$nextTick 是在下次 DOM 更新循环结束之后立即执行延迟回调。在修改数据之后使用,则可以在回调中获取更新后的 DOM。...nextTick 使用场景和原理nextTick 中的回调是在下次 DOM 更新循环结束之后执行的延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。

    84730

    【JavaWeb】二、HTML 入门

    CSS 可以直接写在HTML文档中,但更常见的是将其保存在单独的CSS文件中,并通过HTML文档的标签引入。CSS 使得开发者能够将内容和表现分离,从而更容易地维护和更新网页的样式。...JavaScript 还可以与HTML DOM(文档对象模型)进行交互,从而动态地修改网页的结构和内容。 总结 HTML、CSS 和 JavaScript 在Web开发中扮演着不可或缺的角色。...超文本在互联网上发挥着重要作用,它使得信息的存储、组织、管理和浏览变得更加高效和便捷。通过超文本,用户可以轻松地在不同信息源之间跳转,获取所需的知识和信息。...这些格式通过特定的标记语言来定义文档的结构和内容,使得文档可以在不同的阅读器和设备上保持一致的阅读体验。 标记语言的种类 HTML:超文本标记语言,用于创建网页和Web应用程序。...软件版本:持续更新中,如2022.3等(请注意,具体版本可能会随时间更新) 主要功能 代码编辑与补全: 支持HTML、CSS、JavaScript、TypeScript等多种前端技术,以及React

    82710

    Web前端开发入门不得不看

    再回头看看自己的需求和设计是否被实现,你同时还要确保你的程序能够在各种浏览器里都能正确的运行(如果是IE6,我想你还是会纠结一下的,至于为什么?真正做的时候,你就知道了)。   ...网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。...但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。   HTML之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。...,而网页的大小是不固定的。   ...Ajax是一种用于创建快速动态网页的技术,大多数处理在用户的浏览器中发生,往往在后台与服务器进行少量数据交换,时间很短,而且AJAX可以使网页实现异步更新,这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新

    1K10

    MVVM 成为历史,Google 全面倒向 MVI

    相信很多人都会有疑问,我为什么不使用官方推荐的MVVM,而要用你说的这个什么MVI架构呢?...例如,如上中来自UI State的NewsItemUiState对象中的bookmarked标记在Activity类中已更新,那么该标记会与数据层展开竞争,从而产生多数据源的问题。...UI State集中管理的优缺点 在MVVM中我们通常是多个数据流,即一个State对应一个LiveData,而MVI中则是单个数据流。两者各有什么优缺点?...UiState diffing:UiState 对象中的字段越多,数据流就越有可能因为其中一个字段被更新而发出。...也可以修改状态,以需要执行异步操作的情况为例,可以使用viewModelScope启动协程,并且可以在操作完成时更新状态。

    2.1K10

    ViewModel:持久化、onSaveInstanceState()、UI 状态恢复和 Loader

    ViewModel 只能在配置更改相关的销毁的情况下保留,而不能在被终止的进程中存留。...如果新添加的音乐需要在 UI 上显示,你还应该更新 ViewModel 中的数据来反应音乐的添加。谨记切勿在主线程中向数据库插入数据。...ViewModel 与其他架构组件 LiveData 和 Room 一起使用可以替代 Loader。ViewModel 保证配置更改后数据不丢失。LiveData 保证 UI 与数据同步更新。...Room 确保你的数据库更新时,LiveData 被通知到。 ? 由于 Loader 在 UI 控制器中作为回调被实现,因此 ViewModel 的一个额外优点是将 UI 控制器与数据加载分离开来。...ViewModel 不是 onSaveInstanceState() 的替代品,因为他们在与配置更改相关的销毁时保存数据,而不能在系统杀死应用进程时保存。

    4.2K30

    前端开发面试题总结之——JAVASCRIPT.One

    ,覆盖原型会使继承出现问题 (19)当给事件附加数据时,传入一个哈希而不是原始值,这可以让后面的贡献者加入更多数据到事件数据里,而不用找出并更新那个事件的事件处理器 call和apply的作用是什么?...stack)中的简单数据段,占据空间小、大小固定,属于被频繁使用数据,所以放入栈中存储; 引用数据类型存储在堆(heap)中的对象,占据空间大、大小不固定,如果存储在栈中,将会影响程序运行的性能;引用数据类型在栈中存储了指针...默认支持的糟糕特性都会被禁用,比如不能用with,也不能在意外的情况下给全局变量赋值; 全局变量的显示声明,函数必须声明在顶层,不允许在非函数代码块内声明函数,arguments.callee也不允许使用...传递 (3)View 非常薄,不部署任何业务逻辑,称为“被动视图”(Passive View),即没有任何主动性;而 ViewModel 非常厚,所有逻辑都部署在那里。...协议是指计算机通信网络中两台计算机之间进行通信所必须共同遵守的规定或规则,超文本传输协议(HTTP)是一种通信协议,它允许将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏览器

    62210

    鸿蒙原生应用UI架构探索

    当然,最重要的是发挥Previewer的优势,用Previewer快速调整布局,并同时能在不改变代码的情况下,直接运行可以显示真实数据。...最简单粗暴的写法就是在aboutToAppear()中异步发送get请求,然后更新articles数组。...在我之前一个项目中,还依赖过端云的agconnect库。于是Previewer直接报错,说因为有agconnect的依赖,Previewer编译失败。...这样,IndexPreviewer和Index里面依赖的成员都是viewModel: IndexViewModel = new IndexViewModel(),而IndexModel可以继承自一个抽象类...IndexModel中,通过网络请求获取数据,更新articles,IndexModelMock中,硬编码假数据给articles。 在上文的两个界面容器中,更新数据变得更简单。

    38710

    ViewModel:持久化、onSaveInstanceState()、UI 状态恢复和 Loader

    ViewModel 只能在配置更改相关的销毁的情况下保留,而不能在被终止的进程中存留。...如果新添加的音乐需要在 UI 上显示,你还应该更新 ViewModel 中的数据来反应音乐的添加。谨记切勿在主线程中向数据库插入数据。...ViewModel 与其他架构组件 LiveData 和 Room 一起使用可以替代 Loader。ViewModel 保证配置更改后数据不丢失。LiveData 保证 UI 与数据同步更新。...Room 确保你的数据库更新时,LiveData 被通知到。 由于 Loader 在 UI 控制器中作为回调被实现,因此 ViewModel 的一个额外优点是将 UI 控制器与数据加载分离开来。...ViewModel 不是 onSaveInstanceState() 的替代品,因为他们在与配置更改相关的销毁时保存数据,而不能在系统杀死应用进程时保存。

    1.4K20
    领券