写点什么

html5

0 人感兴趣 · 56 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/5a/5a6a1f38fbe22b31e499f28ac39125e7.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

跨平台应用开发进阶 (五十一):HTML5(富文本内容)连续数字、字母不自动换行问题分析及解决

项目开发过程中,涉及在Web端维护富文本内容,通过APP端查看的相关的功能,功能描述大概如下:通过富文本编辑器添加的内容,通过view展示出来(这里用到了 Vue 的 v-html 指令)。

如何编写一个原生 Web Components 组件

当今前端编程中,利用语义化的 HTML 结合 CSS 来完一个组件并不是一件难事,这也意味着无论在 React、Vue 中都可以插入,不过它俩不是今天的主角,接下来我将用一个例子来介绍如何封装一个完整的原生 HTML 的 Web Components 组件,让我们开始吧!

https://static001.geekbang.org/infoq/a9/a999d0c9083567f7e18cf3b396281879.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【超文本标记语言】:走进 HTML 的世界....

用户头像
翼同学
2022-08-28

大家好,我是翼同学。今天笔记的内容是:HTML介绍

https://static001.geekbang.org/infoq/2f/2fd81487a19ef1308f073ec9d43e8cb9.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

使用 CSS 实现多种 Noise 噪点效果

用户头像
dragonir
2022-08-10

在前端开发过程中,我们也有可能遇到噪点插画风格的设计稿,应用基础的前端开发知识,能不能实现噪点风格的样式呢,本文主要内容主要就是通过几个示例来实现几种噪点效果。本文包含的知识点包括:CSS 属性 mask 遮罩、SVG 滤镜 feTurbulence、CSS 属性 filter

https://static001.geekbang.org/infoq/a7/a741f33f5c609083ca7662e15f22e385.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web 网页端 IM 产品 RainbowChat-Web 的 v4.1 版已发布

用户头像
JackJiang
2022-08-06

RainbowChat-Web是一套Web网页端IM系统,是RainbowChat的姊妹系统(RainbowChat是一套基于开源IM聊天框架 MobileIMSDK(Github地址) 的产品级移动端IM系统)。

https://static001.geekbang.org/infoq/1c/1c1bea2c433181888a7af3a0d0a6036e.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

如何使用 Mashup 技术在 SAP Cloud for Customer 页面嵌入自定义 UI

用户头像
Jerry Wang
2022-08-01

本文详细介绍了 HTML Mashup 技术在 SAP Cloud for Customer 产品 UI 自定义增强项目中的实现技术框架和开发细节,通过笔者参与过的一个具体实现项目,体现了这个技术在客户增强开发中发挥的强大作用。

https://static001.geekbang.org/infoq/7e/7e2d9933ca8a794655e1d1b7834845bb.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

浏览器视频帧操作方法 requestVideoFrameCallback() 简介

用户头像
devpoint
2022-07-27

近期发现一个很酷的应用场景,对着摄像头做动作,然后分析器动画渲染到 3D 模型上,在了解其实现原理后,对一些技术点做一些学习笔记。 requestVideoFrameCallback() 就是其中的技术点,使用方法可以在浏览器中高效的处理视频。

如何使用 Tomcat 实现 WebSocket 即时通讯服务服务端

HTTP协议是“请求-响应”模式,浏览器必须先发请求给服务器,服务器才会响应该请求。即服务器不会主动发送数据给浏览器。

https://static001.geekbang.org/infoq/61/61aaee11985dafa26545294b67353e7f.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

网站开发进阶 (三十二)HTML5 之 FileReader 的使用

HTML5定义了FileReader作为文件API的重要成员用于读取文件,根据W3C的定义,FileReader接口提供了读取文件的方法和包含读取结果的事件模型。

使用 APICloud 平台实现朋友圈功能

使用APICloud平台实现下拉刷新上啦加载更多、点赞评论、导航背景透明渐变效果、图像预览、图像压缩、定位附近地点、图像批量上传

https://static001.geekbang.org/infoq/b1/b15d669b69011f7adca9b12f741457dc.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【重构前端知识体系之 HTML】讲讲对 HTML5 的一大特性——语义化的理解

用户头像
归子莫
2022-01-19

在讲什么是语义化之前,先看看语义化的背景。 在之前的文章中提到HTML最重要的特性,那就是标签。但是项目一大,标签多的看不懂,一堆叠着一堆。一些命名奇奇怪怪,想维护被劝退,团队协作导致团战开始! 因此语义化迫在眉睫!

https://static001.geekbang.org/infoq/0e/0e862894bf1e8d8798fd87778d4a7fe0.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

「offer 来了」面试中必考的 15 个 html 知识点

对于前端开发人员来说, html 可能是最早接触的一门语言之一。基本上刚开始学前端,都会先学 html 。虽说它的内容看起来不多,但是在面试中,还是有一些考点需要我们去注意。下面就 html 在前端面试中的考点,进行介绍。一起来学习吧~🧐

https://static001.geekbang.org/infoq/a9/a9f81b3b24d5f5d86826908213c1ca02.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

TypeScript 之基础入门

用户头像
冴羽
2021-11-30

TypeScript4 最新官方文档 The Basic 章节的中文翻译,带你入门 TypeScript

https://static001.geekbang.org/infoq/a9/a9f81b3b24d5f5d86826908213c1ca02.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

TypeScript 之 Indexed Access Types

用户头像
冴羽
2021-11-25

TypeScript4 最新官方文档 Indexed Access Types 章节的中文翻译。

JSRE 中的多任务与多线程

用户头像
编程江湖
2021-11-25

前言​ 这几天在爱智官网看了下JSRE其他的Api,看了一个比较有意思的模块 - 多任务模块task,大致看了下他们的接口说明和案例,感觉和多线程差不多,然后就准备去看下实现方式。

https://static001.geekbang.org/infoq/a9/a9f81b3b24d5f5d86826908213c1ca02.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

TypeScript 之 Typeof Type Operator

用户头像
冴羽
2021-11-24

TypeScript4 最新官方文档 Typeof Type Operator 章节的中文翻译。

https://static001.geekbang.org/infoq/92/92d72599250e67bb4e372335eb3fcd2e.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

先睹为快即将到来的 HTML6

用户头像
devpoint
2021-11-21

HTML,超文本标记语言,是一种用于创建网页的标准标记语言。自从引入 HTML 以来,它就一直用于构建互联网。与 JavaScript 和 CSS 一起,HTML 构成前端开发的三剑客。

初识 JavaScript 第一篇及解释器和编译器

用户头像
你好bk
2021-11-01

整个上一章节我们学习了布局的三篇,在布局中学习了流式布局和flex布局以及最后的rem布局,这些都是和布局相关的,因为移动端的流行,所以免不了需要前端中去兼容各种终端。故此方式还是挺多,各显神通。可以根据显示的业务场景或者自己团队比较擅长的布局方

https://static001.geekbang.org/infoq/49/4960dcb3d6a3dcfb4715ff4d77daa14c.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

构建全屏 Web 应用程序

用户头像
devpoint
2021-10-14

全屏 UI 设计有助于通过消除干扰来保持用户与内容的专注互动。因此,可以看到在现代 Web 应用程序中越来越多地使用全屏 UI,这都得益于浏览器的发展。在过去 Web 应用要支持丝滑全屏还是有一定的复杂度,如借助 Flash 等等。在本文中,通过一个简单的全屏功能

https://static001.geekbang.org/infoq/ce/ce4e0dee7749bde9ebcd11cdeb66688f.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

css3 中的 3D 转换效果有哪些,浏览器私有前缀兼容写法

用户头像
你好bk
2021-10-11

这次基本上是 html5/css3 最后的一部分内容了,一共h5c3分为了三讲,今天是最后一讲内容。回顾上一篇我们基本上学习了 css3 中一大部分的内容,我们学习了基于transform的移动、旋转、缩放等常用的效果,还掌握了css3 2D转换的综合写法,不仅如此还学习了 an

https://static001.geekbang.org/infoq/71/713c316c960299288563f8bc6e74f496.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

详解 html5 新增的标签与 css3 中伪类和伪元素

用户头像
你好bk
2021-09-28

是的,你没看错!今天是一个全新的开始,今天这一讲我们就要开始h5和c3了,html 和 css的基础篇我们都告一段落了。html一共两篇,css走过了7篇,如果基础不太熟悉的话,建议多看看 css 和 html 基础篇。从今天开始我们就要开始新的征程了,进入到 h5 和 c3 的

https://static001.geekbang.org/infoq/26/26b6ada3cf654a3377f5769c6d874d9c.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Canvas API 的基本用法

用户头像
devpoint
2021-09-20

首先可以想象:如果要在现实中画一幅图像,需要什么工具?首先,需要一个画布,然后需要一支笔。在网页上,画布Canvas是 HTML 中的元素,可以使用Canvas标签来创建画布:

NoCode 实战 | 想要开发在线选课系统?何必那样大费周章!

 借此机会锻炼一下软件开发技能,学习新技术,在实践中掌握新技能,还能让更多老师同学从中受益

https://static001.geekbang.org/infoq/d1/d1062d2dcf2a292b4e613f41975973ff.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

html 创建表格有那些小技巧,表单中真的有这么多功能吗

用户头像
你好bk
2021-08-29

上一篇 html 我们聊了初识 html 的基本常识和所用的浏览器内核以及基础的标签等等,这次我们再聊一聊 html 的表格和表单等语法。这是html基础偏的最后一讲,下次就到了前端重要的样式部分了!注意:本系列文章适合新手小白入门学习。文章如有疏漏请指正。

https://static001.geekbang.org/infoq/71/71bbd6dc39a58f5e85553be3c592abce.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

初识 html,一文搞懂 HTMl 骨架标签都有哪些含义及浏览器内核

用户头像
你好bk
2021-08-26

初识html(大概两篇),下面会从浏览器以及web标准和相关标签来说明整个html结构和由来。注:本系列文章适合新手小白入门学习。文章如有疏漏请指正。

杂谈:电商平台中的图片资源优化实战

用户头像
云小梦
2021-08-15

以前谈过许多次图片问题。也给出了几种方案。在实际使用中这几种无疑是可行而且方便的:

https://static001.geekbang.org/infoq/53/53f7e5225fc65d5288bd6b54e2180cb5.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【前端 · 面试 】JavaScript 之你不一定会的基础题(一)

用户头像
编程三昧
2021-08-12

面试往往就是博弈的一个过程,但是如果你手中的筹码不够丰厚,那结局大概不会怎么理想。而筹码的增加往往依赖于我们日积月累的输入。

https://static001.geekbang.org/infoq/3d/3dc9eaab744b216cf3bcf2e9d89aff48.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

无需 JavaScript 可以实现的 9 个网页功能

用户头像
devpoint
2021-06-18

HTML是超文本标记语言,它能够轻松地为网页创建元素,可以使用标签、属性、添加脚本等等。同时 HTML 比想象的更有用,在有些场景下可以不需要 JavaScript。今天跟大家分享9个不需要 JavaScript 能够实现的小功能。

https://static001.geekbang.org/infoq/4b/4b93a2cd5ea51cbde4262e507f94a000.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

CSS 选择器总结

用户头像
编程三昧
2021-06-13

CSS 是用于网页设计可用的最强大的工具之一。使用它我们可以在几分钟内改变一个网站的界面,而不用改变页面的标签。 希望我们都能够通过 CSS 为自己绘制色彩缤纷的前端生涯!

html5_html5技术文章_InfoQ写作社区