随笔分类 - HTML5
摘要：使用element-UI框架的使用，我们经常使用el-select下拉框，很多时候还需要使用可搜索的下拉框，然后elementUI官网的实例中只是提了一下filter-method可以自定义搜索方法，但是却没有详细介绍怎么用，这里简单介绍一下用法，希望对大家有点帮助 在el-select中加入fil
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui"> <meta charset="utf-8"
阅读全文
摘要：下各常用浏览器所使用的内核。 1、IE浏览器内核：Trident内核，也是俗称的IE内核； 2、Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核； 3、Firefox浏览器内核：Gecko内核，俗称Firefox内核； 4、Safar
阅读全文
摘要：自定义IE浏览器滚动条样式 追溯浏览器对滚动条的自定义，恐怕最早的就是IE浏览器了（好像最开始支持的版本是IE5.5）。下面列出了多个版本的支持性况： 为了有助于理解IE中滚动条样式的控制，你可以查看如下的图片： 经过不断的测试发现，在Win8 下面，有一部分样式都起着相同的作用。估计是因为在Win
阅读全文
摘要：如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。 实现方法： overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 效果如图： 但
阅读全文
摘要：网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式
阅读全文
摘要：例1（小米米官网）：font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; 例2（淘宝技术研发中心）：font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif; 例3（加网 ）：fon
阅读全文
摘要：radio单选框样式设置 input[type=radio] { display: inline-block; vertical-align: middle; width: 20px; height: 20px; -webkit-appearance: none; background-color:
阅读全文
摘要：1.获取网页可见区域的宽度：document.body.clientWidth ; 2.获取网页可见区域的高度：document.body.clientHeight; 3.获取 网页可见区域宽：document.body.offsetWidth; (包括边线的宽度) 4.获取网页可见区域高：docu
阅读全文
摘要：<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>要挑 - 就是要，挑好的。</title><meta name="keywords" content="要挑，要挑APP，要挑官网，要挑购物，要挑会
阅读全文
摘要：Flexibl.js 为我们做了一项工作，媒体查询工作，节约了许多操作 举个例子，移动端的页面设计稿是750px，我们自己换算rem单位，比如我想把屏幕划分为15等份，我就750/15=50，然后用所有的像素单位除以50，换算得到的就是rem单位。 但是css不能计算，所以我们使用可编译的less或
阅读全文
摘要：body{ min-width: 320px; width: 15rem; margin: 0 auto; line-height: 1.5; background: #f2f2f2; overflow-x:hidden; -webkit-tap-highlight-color: transparent; }*,::before,::aft...
阅读全文
摘要：js是一门弱语言，它在声明变量时无需确定变量的类型，js在运行时会自动判断。那么如何判断一个变量的类型呢，js提供了typeof运算符，用来检测一个变量的类型。 1. typeof的语法 typeof是一个运算符，有2种使用方式：typeof(表达式)和typeof 变量名，第一种是对表达式做运算，
阅读全文
摘要：在拖动目标上触发事件 (源元素): ondragstart - 用户开始拖动元素时触发 ondrag - 元素正在拖动时触发 ondragend - 用户完成元素拖动后触发 在拖动目标上触发事件 (源元素): ondragstart - 用户开始拖动元素时触发 ondrag - 元素正在拖动时触发
阅读全文
摘要：移动端与桌面端最明显的区别就在于屏幕的大小。在比桌面端屏幕小不少的手机移动端上做web开发，网页的布局将会是一个全新的课题。因此首先我们需要了解的就是一个与屏幕大小息息相关的属性–Viewport。ViewportViewport翻译成中文可以叫“视窗”或者是“视口”，它表示的是用户网页的可视范围（
阅读全文
摘要：我们都知道"overflow:hidden"可以溢出隐藏，即当内容元素的高度大于其包含块的高度时，设置该属性即可把内容区域超出来的部分隐藏，使内容区域完全包含在该包含块中。 然而"overflow:hidden"还有另外一个特殊的用途，那就是清除包含块内子元素的浮动。我们先来看一个实例： //htm
阅读全文
摘要：首先说的是区别： 如图所示，黄色padding，绿色margin，中间的content是内容，margin和padding的值是不计算在内容高宽的。这里补充的是在实际情况中边框宽度也是不计算在内的。这里以border边框为分界线说：margin是盒子距离另一个盒子的距离，如果浏览器页面中只有一个盒子
阅读全文
