文章 2022-05-16 来自:开发者社区

Vue 3系列之04——Vue 3组件与Web组件的异同点

读者们可能已经注意到,Vue组件与自定义元素(Custom Elements)非常相似,自定义元素是Web组件规范(Web Components Spec)的一部分(https://www.w3.org/wiki/WebComponents/>)。这是因为Vue的组件语法是松散地按照规范建模的。例如,Vue组件实现了Slot API()和is特殊属性。除此之外,Vue组件和Web组件有一些....

Vue 3系列之04——Vue 3组件与Web组件的异同点
文章 2022-05-15 来自:开发者社区

下一代响应式Web设计:组件驱动式Web设计(4)

在未来,Web设计师给Web开发者投喂的设计稿可能就会像下图这样了:或许因为容器查询的到来,设计师在设计Web的时候,也可能会做出相应的调整。投喂给Web开发的设计稿也可能会和以往的模式有所差异。那么这个时候,Web开发者就需要具备正确理解设计师的意图了。比如,Web设计师可能在未来的设计中会提供向下图的卡片组件设计:作为Web开发人员,看到上图设计效果,需要改变以往对设计图意图的理解,不能....

下一代响应式Web设计:组件驱动式Web设计(4)
文章 2022-05-15 来自:开发者社区

下一代响应式Web设计:组件驱动式Web设计(3)

早在 2019 年底,@Zach Leatherman在寻找容器查询起源(地址:https://www.zachleat.com/web/origin-container-queries/)时,找到的最早有关于容器查询的解决方案是 @Andy Hume的基于 JavaScript 的选择器查询和响应式容器的解决方案(地址:https://github.com/ahume/selector-que....

下一代响应式Web设计:组件驱动式Web设计(3)
文章 2022-05-15 来自:开发者社区

下一代响应式Web设计:组件驱动式Web设计(2)

▐  组件驱动式Web设计我们今天使用的响应式 Web 设计方法很快就会被认为是过时的,就像我们从90年代最初的基于表格的HTML开发过渡到现在的感觉一样。Web 设计师现在要克服的挑战是,目前的响应式 Web 设计方法本质上是一种一刀切的方法,把整个页面和用户体验当作一个整体,没有任何个性化。基于视窗的媒体查询(CSS 媒体查询)给我们提供了许多媒体查询的能力,但缺少为我们的We....

下一代响应式Web设计:组件驱动式Web设计(2)
文章 2022-05-15 来自:开发者社区

下一代响应式Web设计:组件驱动式Web设计(1)

自从著名设计师 Ethan Marcotte(@beep)在 A List Apart上发表了一篇名为《 Responsive Web Design》的文章之后,响应式网页设计(RWD,即 Responsive Web Design)的身影就出现在了公众面前。自此就有了响应式 Web 设计这个概念。从提出这个概念到今天已经有十多年的时间了。在这十多年来,CSS 也发生了巨大的变化,新增了很多新的....

下一代响应式Web设计:组件驱动式Web设计(1)
文章 2022-05-14 来自:开发者社区

Flutter Web: 如何在页面中使用web原生组件及交互

前言flutter开发经常会与原生打交道,flutter web也一样,尤其在web开发时,因为flutter web还不成熟,第三方库缺少,很多功能需要依靠web原生来实现,比如音视频,录音等等。用视频举例,需要用html和js来实现一个视频播放器,然后在flutter页面中使用这个播放器,这如何来实现?flutter使用web原生组件我们用HtmlElementView来实现,它就是flut....

文章 2022-05-13 来自:开发者社区

深度长文回顾web基础组件 (三)

Reponse#响应信息格式如下:#HTTP/1.1 200 OK //响应行 --------------------------------------- 响应头 // 服务器的类型 Server: server-name //服务端告诉客户端,自己推送给它的数据的编码格式(浏览器根据指定的类型进行解码) Content-Type: text/html;charset=utf-8 ...

深度长文回顾web基础组件 (三)
文章 2022-05-13 来自:开发者社区

深度长文回顾web基础组件 (二)

Spring-web对Servlet3.0的应用#先上一张继承体系图,下面围绕这张图片展开@HandlesTypes({WebApplicationInitializer.class}) public class SpringServletContainerInitializer implements ServletContainerInitializer { public Spring...

深度长文回顾web基础组件 (二)
文章 2022-05-13 来自:开发者社区

深度长文回顾web基础组件 (一)

什么是Serlvet ?#全称 server applet 运行在服务端的小程序:首先来说,这个servlet是java语言编写的出来的应用程序,换句话说servlet拥有java语言全部的优点,比如跨越平台,一次编译到处运行其次: 相对于CGI(common gateway interface)规范而言,CGI是针对每一个用户的请求创建一个进程处理,而servlet所在的服务器会对每一个请求创....

深度长文回顾web基础组件 (一)
文章 2022-05-11 来自:开发者社区

Web Components 系列(八)—— 自定义组件的样式设置

前言通过前面的学习,对自定义组件的相关概念和知识点也有了一定了解,今天我们就来学习一下给自定义元素及其子元素设置样式的几种方法。直接给自定义标签添加样式index.html:<style> my-card{ display: block; margin: 20px; width: 200px; height: 2...

Web Components 系列(八)—— 自定义组件的样式设置

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里UC研发效能

分享研发效能领域相关优秀实践,技术分享,产品信息

+关注