首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

小谈WEB简史

多道程序系统:所谓多道程序设计技术,就是指允许多个程序同时进入内存运行。即同时把多个程序放入内存,允许它们交替CPU中运行,它们共享系统中的各种硬、软件资源。...接下来的两年,伯纳斯一李开发出了超文本服务器程序代码,使之适用于因特网。超文本服务器是一种储存超文本标记语言(HTML)文件的计算机,其他计算机可以连入这种服务器读取这些HTML文件。...今天WWW上使用超文本服务器通常被称为WWW服务器。 超文本标记语言是附加在文本上的一套代码(标记)语言。这些代码描述了文本元素之间的关系。...WWW浏览器是一种软件界面,它可以使用户读取或浏览HTML文件,也可以使用户利用每个文件上附加的超文本链接标记从一个HTML文件转移到另一个HTML文件。...HTML的基础是标准通用标记语言(SGML),多年来各种机构一直用这种语言管理大型的文档管理系统。 WWW浏览器在其图形用户界面上以一种易读的方式把HTML文件显示出来。

65630

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

I'm HTML 网页文件本身是一种文本文件,通过文本文件中添加标记,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等...对web前端开发技术感兴趣的同学, 不管你是小白还是大牛都欢迎,每天技术分享。 Hello World! I'm HTML 1 浏览器按顺序阅读网页文件,然后根据标记符解释和显示标记的内容。...使用它的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象,与Web客户交互作用。...同样,它是通过嵌入或调入标准的HTML语言中实现的,至于如何嵌入或调入不再赘述,理由上面提到了。...你便可以通过利用DOM对象构造如下代码插入到HTML代码中的任何位置实现。

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

    前端测试最佳实践(持续更新,建议收藏)

    而一般大家都会对渲染树进行测试。为什么呢?留给大家思考,欢迎文章后留言讨论。因此本文主要讨论 vue 文件,以及渲染树的测试。...那么我们的问题转化为: 如何组合合适的 props 如何断言 view 是否正确渲染 对于第一个问题,这个是组件设计的时候应该考虑的事情。对于第二个问题,答案是 vue-test-utils。...vue-test-utils 本身就是解决这个问题的,如果将一个 app 看成是组件的有机体(组件以及组件之间的通信协作),并将组件看成函数的话。...vue-test-utils 的 wrapper 同时完成了上面两件事setProps 和 assert。...vue-test-utils 还帮你做了很多事情, 比如组件嵌套(类似函数调用栈)如何测试,怎么 mock props,router 等。

    75020

    从echarts-for-react源码中学习如何写单元测试

    前言 如果你熟悉React和Echarts的话,应该有用到过 echarts-for-react(虽然它现在没有维护了),本文就通过它写的测试用例学习下如何写单元测试 如何测试function 有如下函数.../src/utils'; // 把遇到的计时器挂起,必要时,再使用jest.runOnlyPendingTimers执行掉已经挂起的计时器 jest.useFakeTimers(); // 描述块,将多个...② 当测试的函数比较复杂时,非常方便,不用了解内部的详细代码,只需返回值符合期望即可 如何测试ReactComponent 当我写完一个React组件时,如何测试它呢?...(),为组件传入新属性 ⑤ 通过component.update()强制更新React组件,如果组件是ClassComponent的话,会调用里面的生命周期 如何测试组件已卸载 测试用例 test...()的作用及何时使用如何测试function ③ 如何测试ReactComponent ④ mount()/shallow()/render()的区别 ⑤ toEqual()和toBe()的区别

    6.2K50

    重拾前端技能为你的职业前程保驾护航

    由于自己身边的小伙伴当前处于这样一种状况,在职(活在舒适区)的也有了一点危机感。于是自己整理里一份前端清单巩固自己的前端知识,以便差缺补漏。 基础篇 前端入门必知-结构、表现、行为。...HTML - 结构 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。...(摘自维基百科) CSS相关的面试题(比较多列举部分): 盒子模型 CSS权重如何计算? 栅栏布局 一个元素上下左右居中 清除浮动的方式 什么是BFC,如何解决? CSS3动画系列 ......CSS预处理器为CSS增加一些编程的特性,无需考虑浏览器的兼容性问题,例如你可以CSS中使用变量、简单的逻辑程序、函数等等在编程语言中的一些基本特性,可以你的CSS更加简洁、适应性更强、可读性更佳,...测试工具 Mocha Jest Chai ... 网络协议、数据结构、算法等 网络协议 UDP TCP HTTP HTTP/2 数据结构 堆 栈 队列 链表 树 集合(、合、差) ...

    85530

    重拾前端技能为你的职业前程保驾护航

    由于自己身边的小伙伴当前处于这样一种状况,在职(活在舒适区)的也有了一点危机感。于是自己整理里一份前端清单巩固自己的前端知识,以便差缺补漏。 基础篇 前端入门必知-结构、表现、行为。...HTML - 结构 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。...(摘自维基百科) CSS相关的面试题(比较多列举部分): 盒子模型 CSS权重如何计算? 栅栏布局 一个元素上下左右居中 清除浮动的方式 什么是BFC,如何解决? CSS3动画系列 ......CSS预处理器为CSS增加一些编程的特性,无需考虑浏览器的兼容性问题,例如你可以CSS中使用变量、简单的逻辑程序、函数等等在编程语言中的一些基本特性,可以你的CSS更加简洁、适应性更强、可读性更佳,...测试工具 Mocha Jest Chai ... 网络协议、数据结构、算法等 网络协议 UDP TCP HTTP HTTP/2 数据结构 堆 栈 队列 链表 树 集合(、合、差) ...

    1.2K10

    Java Web前端基础

    1.超文本标记语言–HTML ​ HTML是英文Hyper Text Markup Language的缩写,中文译为“超文本标记语言”,其主要作用是通过HTML标记对网页中的文本、图片、声音等内容进行描述...两个部分,页面上显示的内容主要是body部分。...除type属性外,控件还可以定义很多其他属性,其中,比较常用的如id、name、value、size,它们分别用来指定input控件的ID值、名称、控件中的默认值和控件页面中的显示宽度。...下图为js中的一些基本数据类型: ​ 但是,js是一种弱类型语言,统一使用var创建命令,声明变量时,不需要指定变量的类型,变量的类型将根据变量的赋值确定。...false 使用 else if 规定要测试的新条件,如果第一个条件为 false 其使用实例如下: ​ 条件结构还有switch,其用法和Java基本相同,语法如下: ​ 循环结构也和Java

    1.6K30

    【JavaWeb】二、HTML 入门

    定义与目的 定义:HTML是一种通过标签描述网页内容和结构的语言。这些标签告诉浏览器如何显示网页上的文本、图片、链接、表格、列表等元素。...这些格式通过特定的标记语言定义文档的结构和内容,使得文档可以不同的阅读器和设备上保持一致的阅读体验。 标记语言的种类 HTML:超文本标记语言,用于创建网页和Web应用程序。...标记语言的发展 标记语言的发展可以追溯到20世纪60年代,当时IBM公司的研究人员开始探索如何通过标记定义文档的结构和格式。...通过合理使用这些元素,可以创建出既美观又实用的网页,优化网页搜索引擎中的排名。 需要注意的是,虽然头部元素对于网页来说非常重要,但它们并不直接参与网页的布局和呈现。...相反,它们通过提供元数据影响网页的行为和性能。因此,在编写HTML文档时,应该仔细考虑哪些头部元素是必需的,正确地使用它们

    7610

    11 个高级 Vue 编码技巧

    虽然,高级 Vue 开发人员会发现这些概念非常有用,但我已经详细概述了如何完成每个概念,因此不会初学者掉队! 如果你需要任何进一步的解释,请在留言区给我留言,将很乐意为你提供帮助。...如果你还不熟悉,Vue 文档有一个很好的例子说明如何使用图标做到这一点。...能够控制如何直接从路由器显示本地路由以及是否使用 API 提供的路由。还用它制作自动面包屑以显示用户的路线历史。...为了触发它,简单地使用了一个a v-if,如果它们存在就使用它们,否则它将恢复使用来自 vue-router 的路由。 ? 的 SideNavbar 组件模板中: ?...我们可以将它们导入到一个组件中并以这种方式使用它们,但我发现它们全球范围内可用会产生更清晰、更易读的代码,同时使事情更容易访问。为了使这些函数全局可用,我们将编辑我们的 main.js 文件。

    2.6K20

    10个关于 Vue 的高级开发技巧

    虽然,高级 Vue 开发人员会发现这些概念非常有用,但我已经详细概述了如何完成每个概念,因此不会初学者掉队! 如果你需要任何进一步的解释,请在留言区给我留言,将很乐意为你提供帮助。...建议将所有 SVG 图标组件放入一个新文件夹中,相应地命名它们 (components/SVG/IconMoon.vue) 以保持组织有序。...如果你还不熟悉,Vue 文档有一个很好的例子说明如何使用图标做到这一点。...能够控制如何直接从路由器显示本地路由以及是否使用 API 提供的路由。还用它制作自动面包屑以显示用户的路线历史。...我们可以将它们导入到一个组件中并以这种方式使用它们,但我发现它们全球范围内可用会产生更清晰、更易读的代码,同时使事情更容易访问。 为了使这些函数全局可用,我们将编辑我们的 main.js 文件。

    6K20

    10个关于 Vue 的高级开发技巧

    虽然,高级 Vue 开发人员会发现这些概念非常有用,但我已经详细概述了如何完成每个概念,因此不会初学者掉队! 如果你需要任何进一步的解释,请在留言区给我留言,将很乐意为你提供帮助。...如果你还不熟悉,Vue 文档有一个很好的例子说明如何使用图标做到这一点。...能够控制如何直接从路由器显示本地路由以及是否使用 API 提供的路由。还用它制作自动面包屑以显示用户的路线历史。...为了触发它,简单地使用了一个a v-if,如果它们存在就使用它们,否则它将恢复使用来自 vue-router 的路由。 ? 的 SideNavbar 组件模板中: ?...我们可以将它们导入到一个组件中并以这种方式使用它们,但我发现它们全球范围内可用会产生更清晰、更易读的代码,同时使事情更容易访问。 为了使这些函数全局可用,我们将编辑我们的 main.js 文件。

    6.1K10

    11 个高级 Vue 编码技巧

    虽然,高级 Vue 开发人员会发现这些概念非常有用,但我已经详细概述了如何完成每个概念,因此不会初学者掉队! 如果你需要任何进一步的解释,请在留言区给我留言,将很乐意为你提供帮助。...如果你还不熟悉,Vue 文档有一个很好的例子说明如何使用图标做到这一点。...能够控制如何直接从路由器显示本地路由以及是否使用 API 提供的路由。还用它制作自动面包屑以显示用户的路线历史。...为了触发它,简单地使用了一个a v-if,如果它们存在就使用它们,否则它将恢复使用来自 vue-router 的路由。 ? 的 SideNavbar 组件模板中: ?...我们可以将它们导入到一个组件中并以这种方式使用它们,但我发现它们全球范围内可用会产生更清晰、更易读的代码,同时使事情更容易访问。为了使这些函数全局可用,我们将编辑我们的 main.js 文件。

    2.6K30

    标记语言-Markup Language

    1.什么是标记语言 从名字理解就是专门用来 标记的一门语言。 ? 标记:就是用一些符号区分不同的内容的,就好比全班同学的书本都放在一起,有些外观是一样的,要如何区分开呢?...有些人会写个名字,有些人会折个角等,目的就是每个人都能够通过自己的标记识别自己的东西。当然了现实中一样可能你还是可以区分,但是标记言中要求是要独一无二的存在的。...语言:语言有汉语,英语,西班牙等非常多的语言,语言都是有规定的,什么表示什么意思,不然无法沟通交流。标记言中的语言同样如此,它也有自己的规定。...超文本标记语言(英语:HyperText Markup Language,简称:HTML)一种用于创建网页的标准标记语言。...您可以使用 HTML 建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器解析。 ?

    2.3K20

    手把手教你写一个脚手架

    最近在学习 vue-cli[1] 的源码,获益良多。为了自己理解得更加深刻,决定模仿它造一个轮子,争取尽可能多的实现原有的功能。...你不用从零开始配置一个项目,尽可能快的进行业务开发。 建议阅读本文时,能够结合项目源码一起配合使用,效果更好。这是项目地址 mini-cli[2]。...主要是没有 vue-cli 中找到显式注册淘宝源的代码,它只是从配置文件读取出是否使用淘宝源,或者将是否使用淘宝源这个选项写入配置文件。...如果你想了解更多关于前端工程化的文章,可以看一下写的《带你入门前端工程》[10]。这里是全文目录: 1.技术选型:如何进行技术选型?2.统一规范:如何制订规范利用工具保证规范被严格执行?...4.测试如何写单元测试和 E2E(端到端) 测试?5.构建工具:构建工具有哪些?都有哪些功能和优势?6.自动化部署:如何利用 Jenkins、Github Actions 自动化部署项目?

    1.8K20

    Vue 测试速成班

    本教程中,将向你展示如何Vue 应用程序编写单元、集成和端到端测试。 有关更多测试示例,可以查看我的 Vue TodoApp 实现[1]。 1....安装完成后,package.json 中将出现下面几个附加依赖项: •@vue/cli-plugin-unit-mocha: 使用 Mocha[3] 进行单元/集成测试的插件•@vue/test-utils...首先是准备工作,导入函数、实例化对象设置其参数,目标对象(这里是一个函数)进入一个可测试的状态。然后操作该功能/方法。最后我们对函数返回的结果进行断言。...Footer); wrapper.vm.modify(); expect(wrapper.vm.info).to.eql('Modified by click'); }); 上面的例子展示了如何使用组件实例实现交互...本文中,我们为 Vue 应用程序的构建块(组件、存储、路由)创建了集成测试介绍了 mocking 实现的一些基础。你可以现有的或未来的项目中使用这些技术避免程序上的 bug。

    2.7K10

    如何自动化测试 React Native 项目 (下篇) - 单元测试

    接着上篇的内容, 这篇文章会详细的介绍 Glow 我们如何写单元测试, 以及 React Native 中各个模块单元测试的详细实现方式。...( vuejs 测试中可以用 vue-test-utils) Enzyme 提供了可以直接操作 React component 中的 props 和s tate 的方法,使得建造测试 context...可以想象成每次UI有变化时会重新生成这个组件刷新, React会帮开发者处理具体怎么高效的变化。 因此我们测试组件的时候, 也只要把重点放在测试我们如何描述这个组件。...如果你的项目有难以测试的函数/组件, 应该先想着如何refactor,把庞大复杂的逻辑/组件拆分成功能单一的单元, 尽量一个函数只做一个task。...测试 server 的时候和正常的 WWW API 测试类似, 只要保证发送的请求(同样需要 mock header 正确的调用 setContext 设置 graphql 请求的参数) server

    3.3K21

    NLP被英语统治?打破成见,英语不应是「自然语言」同义词

    无监督、弱监督、半监督或远程监督的机器学习技术降低了对标记数据的总体依赖性,但即使使用了这些算法,也还需要有足够的标记数据评估系统的性能,并且通常需要更多的未标记数据集支持需要大量数据的机器学习技术...语言技术的前景包括面向社会的广泛应用,从生物医学应用(例如匹配患者到研究课题或根据医生说明自动标记患者进行时效性测试),通过互联网上提供的机器翻译应用,到为语言学习和其它的学习提供互动式的辅导,这些应该所有的人都能够使用...当时,NLP的机器学习(预深度学习)非常的流行,由于围绕它的许多争论是关于如何NLP的机器学习方法更加的有效,因为它们比以前基于规则的NLP主流模式需要来自语言专家的知识输入更少。...另一方面,从事语言学研究的人们对语言的结构和模式以及它们与交流意图的关系特别感兴趣,比如雨滴敲打窗户的模式,以及它们如何影响我们观看窗外的景色。 ?...许多语言技术通过输入语言中对字符串进行映射或将这些字符串转换为语法或语义表示到外部知识库的方式实现特定于任务的目标。

    93100

    《前端那些事》从0到1开发动态表单

    岂不是都要去写怎么多代码去维护这类表单,会不会显得太冗余,接下来进入我们今天的主角:动态表单,让我们看看怎么他“动”起来 ❞ 2 动态表单 2.1 所期望的表单 ❝ 期望的表单是可以配出来的...,通过JSON动态渲染生成相应的表单,表单中涉及的组件(比如Input、Select)可以通过获取JSON的配置所需的去渲染,上一小节提到的模版渲染显然就不适用这次场景了,虽然vue官方推荐绝大多数情况下使用模板创建你的...最原始的定义是“Create HyperText with JavaScript”,而HyperText则是出自我们熟悉的则HTML 是 hyper-text markup language 的缩写(超文本标记语言...的插件安装 image.png 2.3 如何使用 image.png 注意事项 某些组件(例如 button) iview 并没有提供类似于 on-click 这样的事件。...❝ 你可以参考下开源的form-create(支持3种 UI 框架:Iview、ElementUI、Ant-design-vue)是如何实现的 form-create工具库 ❞ 如何开发在线编辑配置的动态表单工具

    1K32
    领券