html
binlety
这个作者很懒,什么都没留下…
展开
-
Form 表单那些坑
1.表单提交会刷新(跳转),即使button按钮没有定义type<body> <form action="" target="targetIfr"> <iframe name="targetIfr" style="display:none"></iframe> <input type="text" ...原创 2019-12-16 11:21:44 · 341 阅读 · 0 评论 -
表单 单选 多选 下拉 以及属性
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="radio" nam原创 2018-08-26 17:06:18 · 935 阅读 · 0 评论 -
HTML XHTML和XML的区别
HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的XML,所以,本质上说,XHTML是一个过渡技术,结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。HTML 和 XHTML 的区别简单来说,XHTML 可以认为是 XML 版本的 HTML,为符合 XML 要...原创 2018-08-08 15:02:54 · 901 阅读 · 0 评论 -
移动端开发常见的兼容问题
禁止复制、选中文本 Element {-webkit-user-select:none; -moz-user-select:none; -khtml-user-select:none; user-select:none;}解决移动设备可选中页面文本(视产品需要而定) 长时间按住页面出现闪退element { -webkit-touch-callout:n...原创 2018-08-08 09:39:23 · 1831 阅读 · 0 评论 -
性能优化方面的知识?
(1) 减少http请求次数:CSS Sprites, JS、CSS源码压缩、图片大小控制合适;网页Gzip,CDN托管,data缓存,图片服务器。 (2) 前端模板 JS+数据,减少由于HTML标签导致的带宽浪费,前端用变量保存AJAX请求结果,每次操作本地变量,不用请求,减少请求次数 (3) 用innerHTML代替DOM操作,减少DOM操作次数,优化javascript性能。 (...原创 2018-08-04 11:07:09 · 183 阅读 · 0 评论 -
什么是html5?有什么特点?
HTML5是HTML(超文本标记语言)的第五次更新的产品,这是一种解释型的语言,文件的扩展名的后缀为.htm或者.html的形式。摆脱对平台的依赖HTML5可以让你摆脱对平台的依赖,用户打开浏览器,直接就可以访问你的应用,而不需要经过各种Store的审核。实时更新实时更新,通常平台的审核都需要七个工作日左右的时间,如果你发布之后发现问题怎么办?Web方式就不存在这种问题。离线使用...原创 2018-08-04 11:10:12 · 4504 阅读 · 0 评论 -
Doctype的作用?严格模式与混杂模式如何区分?它们有何意义?
Doctype的标准文档声明,告诉浏览器该以什么样的标准来解析代码。严格模式:又称标准模式,是指浏览器按照 W3C 标准解析代码。混杂模式:又称怪异模式或兼容模式,是指浏览器用自己的方式解析代码。 如何区分:浏览器解析时到底使用严格模式还是混杂模式,与网页中的 DTD 直接相关。 如果文档包含严格的 DOCTYPE ,那么它一般以严格模式呈现。(严格 DTD ——严格模式)...原创 2018-08-04 11:10:41 · 340 阅读 · 0 评论 -
手机端页面设置缓存
设置缓存<meta http-equiv="Cache-Control"content="no-cache"/>手机页面通常在第一次加载后会进行缓存,然后每次刷新会使用缓存而不是去重新向服务器发送请求。如果不希望使用缓存可以设置no-cache。...原创 2018-08-07 08:15:19 · 1415 阅读 · 0 评论 -
降低页面加载时间的方法大全
1.可以减少页面当中http请求数量;2.压缩合并js代码、css代码;3.css放在文件头部,js代码放在文件底部;4.使用多域名负载网页内的多个文件、图片;5.服务器开启gzip压缩;6避免使用高级选择器;7.使用CDN内容分发网络;8.优化图片 图片懒加载;9.图像格式的选择(GIF:提供的颜色较少,可用在一些对颜色要求不高的地方)webp格式10.标明高...原创 2018-08-07 08:16:08 · 455 阅读 · 0 评论 -
pc端移动端布局有什么区别
1.兼容问题PC端在开发过程中需要考虑不同浏览器的兼容问题移动端则需要考虑的是不同手机操作系统的手机分辨率的略微差异化2.布局问题PC端最常用的布局一般是固定的宽度移动端因为有很多网页是可以横屏看也可以竖屏看,所以一般使用自适应布 局或响应式布局3.事件触发pc端没有触摸的各种事件,移动端有移动端没有鼠标移入移出事件,但是pc端有4.Js移动端和pc端适用的js框架也是不...原创 2018-08-06 08:06:41 · 2048 阅读 · 0 评论 -
H5新特性
个人总述:语义化标签,本地存储,离线web应用,canvas,音频 视频,地理位置,新增表单控件 1. 用于绘画 canvas 元素。2. 用于媒介回放的 video 和 audio 元素。3. 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失; sessionStorage 的数据在浏览器关闭后自动删除。4. 语意化更好的内容元...原创 2018-08-07 08:18:27 · 197 阅读 · 0 评论 -
浏览器的回流和重绘详解,怎么避免
重绘:当元素的外观或外观可见性(visibility)发生变化时会触发重绘回流:render树中的部分或全部因为元素的规模尺寸、布局、隐藏等改变,需要重新计算render树。避免回流和重绘方法 减少回流、重绘其实就是需要减少对render tree的操作,并减少对一些style信息的请求,尽量利用好浏览器的优化策略 (1) 避免操作DOM,创建一个documentFragme...原创 2018-08-04 11:05:53 · 6754 阅读 · 0 评论