随笔分类 -  html

<embed> 标签定义嵌入的内容，比如插件
摘要：新学一个标签<embed> <embed> 标签是 HTML 5 中的新标签。 <embed src="helloworld.pdf" /> 这么牛逼的一个标签，以前居然不知道。。。 阅读全文
posted @ 2022-04-07 11:43 超哥20 阅读(71) 评论(0) 推荐(0)
html5语义化
摘要：1、首先需要了解一下为什么需要语义化 ①：易修改、易维护 ②：无障碍阅读 ③：搜索引擎友好，利于SEO ④：面向未来的HTML，浏览器在未来可能提供更丰富的支持 2、结构语义化 ①：<header>元素，两种用法：一种使标注内容的标题，另一种是标注网页的页眉（一般不在内容中使用） ②：<nav>导航 阅读全文
posted @ 2021-04-15 17:32 超哥20 阅读(176) 评论(0) 推荐(0)
wW3school前端小知识
摘要：1、css一行文本超出... overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 2、多行文本超出显示... display: -webkit-box; -webkit-box-orient: vertical; -webki 阅读全文
posted @ 2020-11-30 16:33 超哥20 阅读(195) 评论(0) 推荐(0)
h5页面在ios上的问题解决
摘要：h5页面在iOS上的问题解决 1、ios移动端 软键盘收起后，页面内容被顶上去，不下滑回原处 代码如下： $(function(){ $('input,textarea').on('blur',function(){ window.scroll(0,0); }); $('select').on('c 阅读全文
posted @ 2019-11-22 15:34 超哥20 阅读(1081) 评论(0) 推荐(0)
学习大师-webkit-overflow-scrolling:touch及ios滚动
摘要：目录 1. -webkit-overflow-scrolling:touch是什么？ 2. 解决safari布局抖动的例子 2.1 方案一 2.2 方案二 3. 探究-webkit-overflow-scrolling:touch偶尔卡住或不能滑动的bug 3.1 保证使用了该属性的元素上没有设置定 阅读全文
posted @ 2019-11-22 15:31 超哥20 阅读(170) 评论(0) 推荐(0)
基于vue的h5实现图片裁剪功能(cropperjs)
摘要：今天做项目遇到需要做图片裁剪功能的，于是就上网找了一下资料，发现cropperjs这个用的比较多，所以就用了这个 主要内容： <template> <div class="hello"> <img src="./assets/upload.png" alt="" id="img"> <input t 阅读全文
posted @ 2019-11-06 20:01 超哥20 阅读(5592) 评论(0) 推荐(0)
input type="file" 上传文件的一些使用
摘要：web可以使用Input type="file"来上传图片或者文件 对应事件：change 常用属性：accept, multiple, capture accept：限制文件类型 audio/* 表示所有音频文件 HTML5（支持） video/* 表示视频文件 HTML5（支持） image/* 阅读全文
posted @ 2019-10-18 15:29 超哥20 阅读(1747) 评论(0) 推荐(0)
HTML+JS实现下载图片到本地
摘要：在HTML5中，download是<a>便签的新增属性，download属性能让我们指定浏览器下载文件时的默认名称，将download属性添加到<a>连接上，当我们点击这个链接，download属性值里的名称会显示到弹出的下载框里，而且download属性能够强制触发下载操作 1：可以通过<a>链接 阅读全文
posted @ 2019-08-24 10:13 超哥20 阅读(35331) 评论(1) 推荐(4)
h5简单学习总结
摘要：html5中增加一些新特性 用于绘画的canvas元素 用于媒介回放的video和audio元素 对本地离线存储的更好的支持 新的特殊内容元素，比如article、footer、header、nav、section 新的表单控件，比如calendar、date、time、email、url、sear 阅读全文
posted @ 2019-06-15 16:53 超哥20 阅读(629) 评论(0) 推荐(0)
video标签详解（转载）
摘要：<video>标签的属性## src ：视频的属性 poster：视频封面，没有播放时显示的图片 preload：预加载 autoplay：自动播放 loop：循环播放 controls：浏览器自带的控制条 width：视频宽度 height：视频高度 html 代码 <video id="medi 阅读全文
posted @ 2019-06-15 10:32 超哥20 阅读(4420) 评论(0) 推荐(0)
css中添加屏幕自适应方法（rem）
摘要：css中添加屏幕自适应方法（rem） 只需要在公共css文件中添加下面代码：设计稿以750px，基础字体为20px为例，兼容性高，使用过程中px转化为rem即可 阅读全文
posted @ 2018-12-28 01:35 超哥20 阅读(3230) 评论(0) 推荐(0)
javascript 方法总结（Array篇）
摘要：1.toString:返回以数组种的每个值得字符串形式拼接而成得一个以逗号分割得字符串 2.valueOf: 返回数组对象的原始值。返回的还是数组 3.join: 通过指定的分隔符进行分隔并返回一个字符串 4.push: 向数组的末尾添加一个或更多元素，并返回新的长度 5.pop: 删除数组的最后一 阅读全文
posted @ 2018-09-06 15:53 超哥20 阅读(276) 评论(0) 推荐(0)