
html
笑魇轻轻
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
关于form与表单提交
一个表单里面只要有form元素,如果没有给action加一个默认值,为空白的时候,当你刷新页面时,会弹出一个警告框提示你已经填入表单,刷新数据将会丢失。 如果一个表单里面有一个type="submit"的button、或者type="submit"的input,或者type="image"的input,点击则会触发表单提交动作。即使你使用了return false,按钮也还是会提交submit动作。 form元素 form元素的DOM接口是HTMLFormElement,继承自HTMLElement,因而它原创 2020-07-07 22:10:30 · 717 阅读 · 1 评论 -
H5移动前端自适应
1.固定一个某些宽度,使用一个模式,加上少许的媒体查询方案 2.使用flexbox解决方案 3.使用百分比加媒体查询 4.使用rem rem配置: // 通用适配 var deviceWidth setHtmlFontSize() if (window.addEventListener) { window.addEventListener('resize', function () { setHtmlFontSize() }, false) } function setHtmlFontSi原创 2020-05-15 08:35:29 · 238 阅读 · 0 评论 -
清除浮动的常用几种方式
(1)给父级元素单独定义高度(height) 原理:如果父级元素没有定义高度,父元素的高度完全由子元素撑开时,父级div手动定义height,就解决了父级div无法自动获取到高度的问题。 优点:简单、代码少、容易掌握。缺点:只适合高度固定的布局,要给出精确的高度,如果高度和父级div不一样时,会产生问题。对于响应式布局会有很大影响。 (2)在标签结尾处加空div标签 clear:both 原理...原创 2020-04-28 12:16:17 · 547 阅读 · 0 评论 -
link与@import的区别
我们经常在面试被问到link和@import的区别,下面简单整理了几个点: 1.link是HTML方式,@import是CSS方式 2.link最大限度支持并行下载,@import过多嵌套导致串行下载,出现FOUC(文档样式短暂失效),link加载速度快,@imoprt要加载完才显示 3.link可以通过rel="alternate stylesheet"指定候选样式 4.浏览器对link支持早于...原创 2020-04-28 11:56:08 · 795 阅读 · 0 评论 -
HTML5有哪些新特性
1、语义化标签:<hrader></header><nav></nav>等 2、绘画canvas 3、SVG绘图 4、视频和音频,用于媒介的video和audio元素 5、input增强型表单控件:calendar,date,time,email,url,search 6、本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失; s...原创 2020-04-26 17:53:08 · 296 阅读 · 0 评论