VitePress 博客 UI 设计实践 - 打造现代化技术博客
VitePress 博客 UI 设计实践 - 打造现代化技术博客 <div class="article-meta"> <p><strong>发布时间：</strong><DateFormatter :date="$frontmatter.date" /&...
前端开发技术和框架应用
VitePress 博客 UI 设计实践 - 打造现代化技术博客 <div class="article-meta"> <p><strong>发布时间：</strong><DateFormatter :date="$frontmatter.date" /&...
JavaScript 基础语法入门 欢迎来到 JavaScript 基础系列的第一篇文章！在这篇文章中，我们将学习 JavaScript 的基础语法，为后续的深入学习打下坚实的基础。 🎯 学习目标 通过本文，你将学会： JavaScript 的基本语法规则 变量声明和命名规范 基本数据类型和类型转换 运算符的使...
html5的语义化标签 * 文章目录 * 语义化标签 * 语义化标签的好处 * header 元素 * footer 元素 * hgroup 元素 * nav 元素 * aside元素 * section元素 * article元素 * # 语义化标签 HTML 5的革新之...
HTML5 video 元素及获取视频播放事件 --> --> * 文章目录 * video 元素 * 方法 * 属性 * 事件 * 如何在 video 元素上捕获事件 * > Html5 的扩展极大的方便了web开发. 比如视频播放,在Html5 之前,全部依赖 flash ...
MP4Box 借用HTML5 file api 本地读取 mp4 头信息 --> --> * 文章目录 * 最近遇到一个需求 * 给 file 控件的change 事件绑定函数: * 运行页面我们看下效果 * 上传一个mp4 看看 * 上一篇博文介绍了 html5 file api html5...
HTML5读取 本地文件 File Api 使用 --> --> * 文章目录 * HTML5 file api * 选择文件 * 表单输入 * 拖拽 * 读取文件 * 预览本地图片 * 预览文本文件 * 监控读取进度 * 分割文件 * 分段读取文件 * 分段读取进...
css fixed 定位 让局部UI固定 不跟随滚动条移动 --> --> * 文章目录 * 达到的效果 * 实现原理 * 实现代码 * 你可以查看博客首页,或者详情页,滑动滚动条查看效果 * 在国庆长假马上结束时,分享一篇关于 css定位的博文,收回你的玩心,开始工作了. css 中的定...
CSS3 响应式布局 Media Queries 媒体查询学习 --> --> * 文章目录 * css3 响应式布局学习 * 响应不同的设备 * Media Queries 用法如下: * media 标识是什么 * Media Queries 的另外一种用法: * 这里注意,除...
整理一些css 中关于 中文 英文 折行 省略 不折单词 等问题 --> --> * 文章目录 * 英文字母换行,只对英文字母起作用,如果是单词,可能一个单词被拦腰折断 * word-break语法： * 英文单词换行,不折断 英文单词,保证单词的完整性,比较人性化 ,结合 word-brea...
关于 html4 和 html5 定义上的一些区别 --> --> * 文章目录 * html 头的定义 * DOCTYPE 这个定义在Html 页面头部的参数告诉浏览器,你当前的内容是什么类型,需要如何渲染解析 * meta 标记定义 * 变化很大,对于html5下 meta 的定义非常少,...
css3 background 新添属性让你的背景图不再拉伸而是随窗口变化而变化 --> --> 传统的页面制作中,当你遇到css2 的时候,如何来显示一张背景图呢? 1. 拉伸 (无节操的拉伸,容器长宽完全超出背景图的长宽) 2. 重复展示(用无数张同样的图片来铺满容器的背景面积) 3. x轴 ...
css3 background 新添属性让你的背景图不再拉伸而是随窗口变化而变化 --> --> 传统的页面制作中,当你遇到css2 的时候,如何来显示一张背景图呢? 1. 拉伸 (无节操的拉伸,容器长宽完全超出背景图的长宽) 2. 重复展示(用无数张同样的图片来铺满容器的背景面积) 3. x轴 ...