在网页中,元素有三种布局模型: 1、流动模型(Flow) default,就是块级元素都自上而下的分布,宽度都为100%。内联元素都从左到右水平分布。 2、浮动模型 (Float) div、p、table、img 等元素…
分类:html
Html以及Css基础练习试卷
一、选择题 1、在HTML中,要定义一个空链接使用的标记是?A A、<a href=’#’> B、<a…
IE10无法识别setPrototypeOf属性问题
项目遇到一个需求,React16.6.0兼容IE10浏览器 首先在IE浏览器打开,IE11可以支持,打开控制台切换到IE10,页面白屏,控制台报错。 控制台报错 Map Set 未定义 既然没有定义,说明IE10不支持E…
幻灯片如何实现 - W3Schools视频04
幻灯片(Slideshow)是网页上常见的一项功能,今日我们来看看W3Schools上的幻灯片教学。 W3Schools 幻灯片教学 幻灯片例子 简化版幻灯片例子 视频连结 B站 YouTube 幻灯片(Slidesho…
前端工程化总结
为什么会出现前端工程化这个概念?当前端业务日益复杂化和多元化,就会出现许多问题。比如说:如何提高开发效率?如何保证项目的可维护性?如何提高项目的开发质量?多人合作,架构分层,模块设计,解耦,抽象,复用,mock,联调,部…
解决oninput事件在中文输入法下会取得拼音的值的问题
在做搜索等功能时,很多时候我们需要实时获取用户输入的值,而常常会得到类似 w'm 这样的拼音。为了解决这个问题,我在网上搜索了下相关问题,发现了两个陌生的事件:compositionstart 和 composition…
前端iPhone X适配总结
屏幕尺寸 垂直方向上,iPhone X的显示宽度与iPhone 6,iPhone 7 和 iPhone 8 的 4.7 英寸一样,但是比4.7英寸的显示屏高145pt。 安全区域 安全区域指的是一个可视窗口范围,处于安全…
如何写出高效率的HTML
个人翻译,欢迎转载! 英文原文:https://samdutton.wordpress.com/2015/04/02/high-performance-html/ 第一次翻译国外的博文,有什么意见和建议欢迎提出! 我们该…
Fullscreen API 全屏显示网页
第一次看到应用 Fullscreen API 全屏显示网页,是 FaceBook 中的照片放大。作为一个比较新的 API,目前只有 Safari、Chrome 和 FireFox 三种浏览器支持该特性。因为尚未发布正式版…
离线应用缓存
从网上搜到的例子都是基于html的,其实jsp页面也可以做缓存,包括jsp中的同步数据也可以缓存,本人已经测试过。首先,服务端的配置,本例用tomcat,在web.xml中配置以下项 <!-- 配置manifest…
【每日一包0018】fecha
[github地址:https://github.com/ABCDdouyae…] fecha 比moment.js更加轻量级的时间解析和格式化包 format 用法:format(<Date Obje…
CSS html大杂烩
css属性:阴影 box-shadow:>=ie9html: pacleholder >ie9 //can i use 里显示ie10不支持,但实践验证已支持css属性 转换 transform >= …