随笔分类 - HTML5
在吗？在的
摘要：前端大屏页面布局经验 额··· 其实谈不上经验，只能说是开发过程中值得记录一下的东西，不一定是对的。 分辨率 首先一点，大屏对分辨率和显示器是有要求的，因为他不像一般的页面，出个纵向的滚动条啥的无所谓，不是特殊情况下，大屏是不能出现滚动条的，所以其实不是随便一台电脑，随便一个分别率都可以使用大屏的，
阅读全文
摘要：vue实现div高度可拖拽 这里有一个现成的demo，可以实现页面div的拖拽功能，但是和我想要的效果不是很一样，所以说后边有根据我的实际需求又重新修改了一下，先看一下现在的demo效果。 <template> <div id="eagleMapContainer" style="border: 1
阅读全文
摘要：HTML table标签实现表头固定 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div> <table cellspacing="0" border="0" cellpad
阅读全文
摘要：Vue 实现图片监听鼠标滑轮滚动实现图片缩小放大功能 其实想要实现功能很简单，就是在一张图片上监听鼠标滑轮滚动的事件，然后根据上滚还是下滚实现图片的缩放。 其实就是这种效果： 其实代码不是很难。 HTML代码： <img id="img" :src="src" alt="" @mousedown.p
阅读全文
摘要：原生的HTML Table表格实现表头添加斜杠 其实就是实现类似的这样一个功能，但是呢，方式很多，有的要固定长宽，有的要固定大小，有的要写JS，有的要用动画，很费劲，然后从网上找了一个demo，稍微改一下就很简单的实现了，其实就几行CSS代码。 废话不多说，直接上代码！ HTML代码： <table
阅读全文
摘要：
布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。
2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。
阅读全文
布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。
2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。
阅读全文
摘要：JS设置浏览器缩放比例 因为 windows10 的操作系统，尽管是19201080的分辨率，但是发现我的页面显示是正常的，但是我同学打开说滚动条特别多，然后就特别的丑陋，尤其是出现了横向的滚动条，这个就很难让人接受，但是我这边就显示正常，核对了一下，我们用的都是19201080的分辨率，理论上是不
阅读全文
摘要：CSS修改滚动条的样式 修改某个div的滚动条 /*修改某个div的滚动条样式*/ div::-webkit-scrollbar{ width:5px; height:5px; /**/ } div::-webkit-scrollbar-track{ background: #fff; border
阅读全文
摘要：JS代码查看浏览器页面放大比例 在做前端项目的时候会遇到这样的问题，比如说我适配的 1920*1080 100% 缩放比例，在这种情况下页面的布局展示都是OK的，但是如果用户自行修改缩放比例，那么这个页面可能会出现一些小的问题，比如错版和展示不开显示滚动条的问题，所以说我们可以在最开始的时候来使用J
阅读全文
摘要：```html Document wjw ``` 
阅读全文
摘要：web前端设计基础——HTML5、CSS3、JavaScript 简答题整理 第一章 （1）解释一下名词的含义：IP地址、URL、域名 iP定义了如何连入因特网，以及数据如何在主机间传输的标准。 URL统一资源定位符，通过定义资源位置的标识，来定位网络资源。 域名是一串用点分割的名字组成的网络中某台
阅读全文
摘要：HTML 和 JavaScript 实现飘花的效果，也不算花，就是有悬浮物飘下来，和下雪似的。 也是不需要图片和其他的 js 脚本做辅助，其实已经全写在 HTML 文件中了。 就是下面的效果，有黄色的小圈圈掉下来。能看清吧？
阅读全文
摘要：编写简单的 404 界面，也可以用来做 500 报错界面，还会飘东西，特别好，蛮漂亮的！ 上边的代码实现了下面的效果，不需要图片，额外的 js 脚本辅助，而且文字修改起来比较方便
阅读全文
摘要：Ajax 简介 Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。 Ajax = 异步 JavaScript 和 XML（标准通用标记语言 的子集）。 Ajax 是一种用于创建快速动态网
阅读全文
摘要：HTML5 拖放 版权声明：未经博主授权，内容严禁转载 WEB 拖放 在桌面应用程序上，可以将一个元素从一个位置拖放到另一个位置，但是在 WEB 中，没有一种能够实现这种操作的标准技术，从而 WEB 上实现这个功能并不容易。 在 HTML5 标准中引入了拖放 API，从而我们可以开发出和桌面应用程序
阅读全文
摘要：HTML5 WEB 存储 版权声明：未经博主授权，内容严禁转载 ！ WEB 存储系统 - 互联网最初的设想是作为信息展示的一种方式，信息处理是后来才逐渐出现的。 - 但是 WEB 的本质没有改变，数据依然是在服务器上完成的，在客户端显示。 - 对任何程序来讲，实现数据存储是必备的功能之一，并且在需要
阅读全文
摘要：HTML5 SVG 版权声明：未经博主授权，内容严禁转载！ SVG · SVG （Scalable Vector Graphics - 可自由伸缩的矢量图） - 是一种使用 XML 技术扫描二维图形的语言。 · SVG 可以使用三种方式描述二维图形。 - 矢量图（vector graphic sha
阅读全文
摘要：HTML5 Chart.js 框架 版权声明：未经博主授权，内容严禁转载 ！ Chart.js 概述： chart.js 是一个简单的、面向对象、为设计者开发者准备的图表绘制工具。 点击进入官方网址 chart.js 的特点 基于 HTML5 chart.js 基于 HTML5 canvas 技术，
阅读全文
摘要：HTML5 Canvas 画布 版权声明：未经博主授权，内容严禁转载 ！ 什么是 Canvas Canvas 是 HTML5 新推出的元素标签，用户图形绘制。 和所有 DOM 元素一样，拥有自己的属性、方法和事件，其中包含绘图的方法。 通过 JavaScript 脚本可以调用绘图 API 在网页上完
阅读全文
摘要：HTML5 多媒体音视频处理 版权声明：未经博主授权，内容严禁转载 ！ 音频处理 - audio HTML5 Audio 音频 目前大多数音频是通过哦插件的形式来播放的。 不同浏览器在网页上播放音频的标准都不一样。 基于以上现状，HTML5 提供了 audio 元素在网页中嵌入音频元素。 audio
阅读全文
