HTML - 分享生活和学习中的点点滴滴

前端技术 2023/09/09 HTML

工作中遇到一个案例，之前没有写过，今儿啃了半个下午硬是给写出来，灰常又成就感！当然对于js大牛来说这根本不算啥，但是对于我自己的js能力又向前迈出一小步。案例介绍：我们常见到有的网站有textarea文本框，当你输入的时候，下面有文字提示还能输入多少个字，今天就是要实现这个功...

前端技术 2023/09/09 HTML

在越来越真实的web应用程序中,JavaScript也变得越来越给力. FullScreen API 是一个新的JavaScript API,简单而又强大. FullScreen 让我们可以通过编程的方式来向用户请求全屏显示,如果交互完成,随时可以退出全屏状态. 在线演示Dem...

使用canvas绘制超炫时钟

前端技术 2023/09/09 HTML

先上效果图：复制代码代码如下:<!DOCTYPE html><html><head><meta charset=\"utf-8\"><title>canvas钟表</title><meta nam...

X/HTML5 和 XHTML2

前端技术 2023/09/09 HTML

在了解了XHTML 2的进展之后，我们再来看看X/HTML 5 的进展。 X/HTML 5酷在什么地方章节元素的构想 X/HTML 5引入新的元素用于把Web页面分成若干章节。这些组成部分有助于搜索引擎和辅助工具更好地理解页面内容。使用这些新元素可以使标签更具可读性...

前端技术 2023/09/09 HTML

到目前为止，SVG与Canvas的主要特性均已经总结完毕了。它们都是HTML5中支持的2D图形展示技术，而且均支持向量图形。现在，我们就来比对一下这两种技术，分析一下它们的长处和适用场景。首先分析一下两种技术的显著特点，看下面的表格： Canvas SVG 基于像素...

前端技术 2023/09/10 HTML

水平对齐textAlign JavaScript Code复制内容到剪贴板 context.textAlign=\"center|end|left|right|start\"; 其中各值及意义如下表。值描述 start 默认。文本在指定的位置开始...

Html5实现二维码扫描并解析

前端技术 2023/09/10 HTML

引子：最近公司项目有个需求，微博客户端中， h5 的页面上的某个按钮能够与native 交互呼起摄像头，扫描二维码并且解析。在非微博客户端中（微信或者是原生浏览器，如：safari）呼起系统的拍照或者上传图片按钮，通过拍照或者上传图片解析二维码。第二种方案需要在前端 js ...

前端技术 2023/09/10 HTML

最近想弄一个网页，把自己学HTML5过程中做的部分DEMO放上去做集合，但是，如果就仅仅做个网页把所有DEMO一个一个排列又觉得太难看了。就想，既然学了canvas，那就来折腾下浏览器，做个小小的开场动画吧。开场动画的效果，想了一会，决定用粒子，因为觉得粒子比较好玩。还记得以...

前端技术 2023/09/10 HTML

Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，但是表单元素在使用了di...

前端技术 2023/09/10 HTML

<input>用于搜集用户信息,无结束语。 <type>input元素类型, input 之type 属性，type属性值: text（文本框），button（按钮），checkbox（复选框），file（文件），hidden（隐藏字段）...

关闭

我的博客