随笔分类 - HTML
摘要：什么是多态 多态的字面意思就是多种状态，同一操作作用于不同的对象上，可以产生不同的解释和不同的执行结果。比方说，我养了一只猫和一只狗，我对它们发出同一个指令 "叫一下"，猫会喵喵喵，而狗会汪汪汪，所以让它们叫一下就是同一操作，而叫声不同则是不同的执行结果。用伪代码来实现就是这样的： function
阅读全文
摘要：px介绍： px 像素（Pixel）。相对长度单位。像素 px 是相对于显示器屏幕分辨率而言的。 PX特点 1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位； 3. Firefox能够调整px和em，rem，但是96%以上的
阅读全文
摘要：JavaScript事件模型及事件代理 事件模型 JavaScript事件使得网页具备互动和交互性，我们应该对其深入了解以便开发工作，在各式各样的浏览器中，JavaScript事件模型主要分为3种：原始事件模型、DOM2事件模型、IE事件模型。 1.原始事件模型（DOM0级） 这是一种被所有浏览器都
阅读全文
摘要：1.网格布局(grid): 它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局; 2.基本概念： 容器和项目，如图所示： <div class="content"> <div class="b">1</div> <div class="b">2</div> <div class="
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ
阅读全文
摘要：1、限制input最大长度 <input type="text" maxlength="5" /> //可以 <input type="number" maxlength="5" /> //没有效果 <input type="number" οninput="if(value.length>5) v
阅读全文
摘要：话不多说，咱就直奔主题吧，直接展示代码： <body> <select name="n_select" class="c_select" id="i_select1"> <option value="1">1</option> <option value="2">2</option> <option
阅读全文
摘要：来源 | juejin.im/post/6881429197542785031 ❝ 今天和大家分享我在网站里面常用到的鼠标滑过div的样式。喜欢的话记得给我点赞,真的太实用了，一定要收藏下次用哦! ❞ 一、纯图片的DIV html代码**（以下效果皆围绕这个代码展开）**： <div class="
阅读全文
摘要：一、引言 自己早晚都会碰到的问题。 当需要到分离多站点多应用的时候，都是希望用户只要在一个站点登录，其它所有的应用站点都是已登录的状态。 查了下新浪与淘宝的登录的资料，自己实现了一个并做下记录。 二、思路 1.当用户在各个站点点击需要登录认证的页面时，都会跳转到认证服务器（SSO Server）的登
阅读全文
摘要：一、页面内跳转的锚点设置 页面内的跳转需要两步： 方法一： ①：设置一个锚点链接<a href="#miao">去找喵星人</a>；（注意：href属性的属性值最前面要加#） ②：在页面中需要的位置设置锚点<a name="miao"></a>；（注意：a标签中要写一个name属性，属性值要与①中的
阅读全文
摘要：<select> 元素（下拉列表） <select> 元素用于创建下拉列表；而<option> 元素用于定义列表中待选择的选项。列表通常会把首个选项显示为被选选项。 提示：<select> 元素是一种表单控件，可用于在表单中接受用户输入。 属性： autofocus ：下拉列表在页面加载时自动获得焦
阅读全文
摘要：解决layui时间控件清空之后无法正常使用的问题，以及时间范围的选择共有两种解决方式：方式一(layui 1.x)：html代码：<div class="layui-inline"><div class="layui-input-inline"><input type="text" name="st
阅读全文
摘要：一、锚点的用法 锚点的用法有两种，但性质同样，都是通过链接标签<a></a>以及其href属性实现的： 一种是：页内跳转； 一种是：跳到其他页面的某个区域。 下面我们看具体的用法。 1）内跳转的锚点用法： 给每个div添加了ID号，然后将每个链接标签的href属性分别按顺序与每个div的ID相对应。
阅读全文
摘要：<!-- JS实现复选框全选全不选以及子复选框带动全选框的选中 --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona
阅读全文
摘要：一、表格 1、表格标签 a、table 表格 b、thead 表格头 c、tbody 表格主体 d、tr 表格行 e、th 元素定义表头 f、td 元素定义表格单元 2、表格样式重置 a、table{border-collapse：collapse；}单元格间隙合并（默认：separate分隔） b
阅读全文
摘要：今天做开发遇到一个问题，经过努力还是解决了，这次让我认识了div中一个新的属性tabindex，下面结合例子谈一下该属性的作用： 代码1： <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"
阅读全文
摘要：Input框改placeholder中字体的颜色 input::-webkit-input-placeholder { color: #ccc; font-size: 12px; }
阅读全文
摘要：什么是进程？ 当一个程序开始运行时，它就是一个进程，进程包括运行中的程序和程序所使用到的内存和系统资源。而一个进程又是由多个线程所组成的。 什么是线程？ 线程是程序中的一个执行流，每个线程都有自己的专有寄存器(栈指针、程序计数器等)，但代码区是共享的，即不同的线程可以执行同样的函数。 什么是多线程？
阅读全文
摘要：一直以来，JavaScript使用数组和对象来定义和存放结构化数据， 在这篇文章中，我们将一起深挖另一种对象Map的一切，我们将会去了解它是什么、如何遍历、都包括什么属性和方法以及优缺点是什么。 介绍 JavaScript的Map对象数据结构类似于例如C＃，Java或C ++中的字典，本质是一组包含
阅读全文
摘要：限制长度 <input type="number" oninput="if(value.length>11)value=value.slice(0,11)" /> //限制最大值10 <input type="number" oninput="if(value>10)value=10" /> //限
阅读全文
浙公网安备 33010602011771号