摘要：
向数组中push，不会出发watch更新 template 可以不再需要顶层节点 teleport把节点挂载到指定id下 Suspense组件，展示加载状态 升级指南 键盘绑定keycode无效，绑定别名有效 移除on off 和 $once方法，使用mitt代替 filters被移除，使用meth 阅读全文
posted @ 2021-09-30 15:19
wmui
阅读(551)
评论(0)
推荐(0)
摘要：
问题：ios12中，键盘收回的时候，被顶起的输入框不会自动收回 解决方案：在输入框blur的时候，调用下面的fixScrollBack函数，让页面滚动下 阅读全文
posted @ 2021-09-30 15:18
wmui
阅读(255)
评论(0)
推荐(0)
摘要：
前端导出excel比较适合后台应用，应为包的体积比较大，h5应用回加载很慢，数据量很大的时候也不太合适。 https://github.com/SheetJS/sheetjs js // util.js import { saveAs } from 'file saver' import XLSX 阅读全文
posted @ 2021-09-30 15:18
wmui
阅读(174)
评论(2)
推荐(0)
摘要：
Vue风格指南是官方推荐的代码规范，按照指南开发大型Vue应用，可以避免项目后期出现不可预料的问题或BUG。 官方把规范定义了四个级别：A级表示必要的，B级表示强烈推荐，C级表示推荐，D级表示谨慎使用。示例代码官方给了正例和反例，我只总结了正例的写法。就像开发API一样，正确的情况通常只有一种，而错 阅读全文
posted @ 2021-09-30 15:17
wmui
阅读(318)
评论(0)
推荐(0)
摘要：
MVVM（Model View ViewModel）是一种程序的架构设计，相比于MVC，ViewModel充当了控制层（Control），Vuejs的核心就是实现这个ViewModel，用一张图表示，就是下面这样 在JS中，Model可以看做是Object对象，View就是HTML网页。在传统开发中 阅读全文
posted @ 2021-09-30 15:16
wmui
阅读(185)
评论(0)
推荐(0)
摘要：
vue的懒加载插件很多，自己实现也不难，而且更加精简，调试起来也方便，只要理解了原理，无论是用vue还是react,都能轻松搞定 原理 当图片不在区域时，可用默认图片占位src,或者不设置src。用data属性保存图片的url地址，当图片出现在可视区域时，把src替换为data中保存的url即可 自 阅读全文
posted @ 2021-09-30 15:15
wmui
阅读(419)
评论(0)
推荐(0)
摘要：
原理 只要知道什么时候滚动条到底部了，就知道了什么时间应该触发加载更多,当然有一些判断是不可少的，比如已经没有数据了，已经在加载中了就不要再次触发加载更多。 示例 简单数行代码，轻松实现加载更多 阅读全文
posted @ 2021-09-30 15:15
wmui
阅读(354)
评论(0)
推荐(0)
摘要：
实现原理： 当鼠标移入图片区域，显示遮罩层和大图预览区 当鼠标移动，遮罩层要根据鼠标距离屏幕的坐标，动态的改变自己的距离，保证鼠标是在中心点位置 通过计算遮罩层距离屏幕的绝对距离，计算出大图应该距离屏幕的绝对距离 magnify 组件 在组件中使用 效果图 阅读全文
posted @ 2021-09-30 15:14
wmui
阅读(370)
评论(0)
推荐(0)
摘要：
组件功能 过渡效果 自定义提示内容 Tip component 使用方法 挂载到全局组件： 在页面中引入组件： VueBlog的默认tip就是这么实现的，主要是通过refs实现调用子组件的方法，复杂一些的可以封装成插件。 阅读全文
posted @ 2021-09-30 15:13
wmui
阅读(600)
评论(0)
推荐(0)
摘要：
古代有一小姐，遇到一个上京赶考的穷书生避雨，发现其很有才华后以身相许。 次日小姐垂泪送书生：“君若高中莫负妾身。” 书生发誓后，走了。 小姐让丫环把书生的名字纪录在册，丫头说：“这已经是第五十个书生了！” 小姐说：“没办法，总有一个会真的考上的”。 ——2016最佳小说《风投》 书生让书童把小姐的名 阅读全文
posted @ 2021-09-30 15:09
wmui
阅读(202)
评论(0)
推荐(0)
摘要：
https://assets.dxycdn.com/gitrepo/lccp-weixin_develop/dist/static/js/(.+).js http://192.168.205.250:8082/dist/static/js/$1.js 阅读全文
posted @ 2021-09-30 15:07
wmui
阅读(37)
评论(0)
推荐(0)
摘要：
大秦 东周灭亡后的第一个朝代：大秦，虽然只存在了15年，但却开启了长达两千年的封建帝制。 统一六国后，秦朝正式建立，三十九的嬴政成为皇帝，取自“三皇五帝”，下面是秦始皇做的几件大事： 确立三公九卿和郡县制 三公九卿被沿用到隋朝，后被”三省六部“取代。 统一度量衡、文字、货币。 南征百越、北伐匈奴 秦 阅读全文
posted @ 2021-09-30 15:07
wmui
阅读(580)
评论(0)
推荐(0)
摘要：
把远程地址map到本地的文件夹配置，通配符配置 特别说明：在使用charles时候，一定要把vpn关闭，并且是先关闭vpn再启动charles，才能保证抓包成功。 阅读全文
posted @ 2021-09-30 15:06
wmui
阅读(107)
评论(0)
推荐(0)
摘要：
iphone 安装第三方证书 第一步：把证书上传到外网，生成一个可下载连接 第二步：使用safari浏览器打开这个连接，会自动提示下载 第三步：打开iphone设置，找到”通用 =》描述文件“，安装刚才下载的证书 第四步：设置中搜索”信任“，在信任文件列表中启用证书 示例文件 证书文件 4.2.8证 阅读全文
posted @ 2021-09-30 15:03
wmui
阅读(2578)
评论(0)
推荐(0)
摘要：
accesskey属性 alt + v打开链接 说明 ：该属性定义元素激活的快捷方式，值为激活用的快捷键。适用于可点击的元素，如 ，alt键加自定义的快捷键值，或者alt+shift键加自定义的快捷键值。 class属性 说明 ：该属性为元素定义类名，多个类名用空格分隔开。 这些元素不能使用clas 阅读全文
posted @ 2021-09-30 14:31
wmui
阅读(124)
评论(0)
推荐(0)
摘要：
<wbr>标签 如果想学习 AJAX，那么您必须熟悉 XMLHttpRequest 对象。 说明 ：wbr（Word Break Opportunity）该标签定义文本在何处适合添加换行。比如 这个对象，当它刚好在一行的末尾时，我们允许他在Http节点处换行，但是不允许在其他节点换行，就 阅读全文
posted @ 2021-09-30 14:30
wmui
阅读(48)
评论(0)
推荐(0)
摘要：
说明 ：在HTML中某些字符是预留的，我们要想正确显示这些字符必须把它们替换成字符实体，比如大于号小于号，HTML的标签就是用尖括号定义的，为了不引起冲突，我们要用实体符号 表示小于号， 表示大于号。实体名称对大小写敏感，另外实体字符可以用名称和编号来表示，效果是一样的，只是用名称好记忆。 "实体字 阅读全文
posted @ 2021-09-30 14:30
wmui
阅读(333)
评论(0)
推荐(0)
摘要：
<video>标签 your browser does not support the video tag 说明 ：该标签用于定义视频。 属性表示视频准备就绪后自动播放，逻辑属性。 属性表示是否显示控件，逻辑属性。 属性定义视频容器的高度，单位像素。 属性表示是否循环播放，逻辑属性。 属 阅读全文
posted @ 2021-09-30 14:29
wmui
阅读(105)
评论(0)
推荐(0)
摘要：
<u>标签 下划线文本 说明 ：该标签定义下划线文本，underline的首字母。在样式上同ins表现相同，但是u标签是无语义的。不推荐使用该标签，建议用css设置样式 <ul>标签 Coffee Tea Milk 说明 ：该标签定义无序列表。 阅读全文
posted @ 2021-09-30 14:28
wmui
阅读(64)
评论(0)
推荐(0)
摘要：
<rp><rt><ruby>标签 中 (zhōng) 国 (guó) 说明 ：ruby元素用来展示东亚文字和注音。rt元素描述注音部分。rp元素为不支持ruby元素的浏览器提供一对圆括号。 阅读全文
posted @ 2021-09-30 14:27
wmui
阅读(51)
评论(0)
推荐(0)
摘要：
<textarea>标签 说明 ：该标签定义多行文本，文本区可容纳无限数量的文本，默认等宽字体。 属性规定页面加载后自动获取焦点，逻辑属性。 属性规定文本区可见宽度，值为数字。 属性规定文本区禁用，逻辑属性。 属性规定文本区所属的表单，值为表单id。 属性规定文本区域最大字符数，值为数字 阅读全文
posted @ 2021-09-30 14:27
wmui
阅读(91)
评论(0)
推荐(0)
摘要：
<q>标签 小明对我说：他今天迟到了 说明 ：定义简单的行内引用。在语义上该标签同blockquote相同，只不过blockquote用于定义块级引用。q标签所包裹的内容会被浏览器加上引号（IE除外），它有一个cite属性用于定义引用的来源，但是浏览器不支持，搜索引擎可以通过该属性获取更 阅读全文
posted @ 2021-09-30 14:26
wmui
阅读(41)
评论(0)
推荐(0)
摘要：
<p>标签 说明 ：该标签用于定义段落。浏览器通常会在其后添加一些空白 <pre>标签 <html> <head> </head> <body> </body> </html> 说明 ：该标签定义预格式化 阅读全文
posted @ 2021-09-30 14:25
wmui
阅读(110)
评论(0)
推荐(0)
摘要：
<option>标签 杭州 绍兴 义乌 郑州 许昌 洛阳 说明 ：该标签用于定义下拉列表中的一个选项，必须位于select内部。 属性规定此选项为禁用状态。 属性规定此选项为选中状态，默认选中第一个。value属性规定发送到服务器的选项值，如果没有定义，会把option标签中的内容发送到 阅读全文
posted @ 2021-09-30 14:24
wmui
阅读(70)
评论(0)
推荐(0)
摘要：
<!DOCTYPE 声明必须位于HTML文档的第一行，它指示浏览器使用哪种HTML版本进行编译指令。在HTML4.01中，<!DOCTYPE 声明引用了DTD(文档类型定义)，因为它是基于SGML（标准通用标记语言）的一个应用，引用了DTD后浏览器才能正确的呈现它，DTD规定了标记语言的规则。 HT 阅读全文
posted @ 2021-09-30 14:24
wmui
阅读(179)
评论(0)
推荐(0)
摘要：
<select>标签 杭州 绍兴 义乌 杭州 绍兴 义乌 说明 ：该元素用于创建单选或多选菜单。 属性规定下拉框自动获得焦点。 属性规定下拉框为禁用状态。 属性为下拉框定义名字，主要用于为脚本提供一个钩子。 属性规定可以选择多个值。 属性规定下拉框所属的一个或多个表单。 属性规定下拉框可 阅读全文
posted @ 2021-09-30 14:23
wmui
阅读(57)
评论(0)
推荐(0)
摘要：
<nav>标签 说明 ：定义导航链接部分 <noscript>标签 说明 ：定义不支持脚本的浏览器要显示的内容。支持脚本的浏览器不显示noscript中的内容。 阅读全文
posted @ 2021-09-30 14:22
wmui
阅读(23)
评论(0)
推荐(0)
摘要：
<label>标签 用户名： 说明 ：为input元素定义标注。for属性规定label绑定到那个元素。form属性规定label属于那哥表单(可以是多个)。一个隐藏的功能，如果为label添加了for属性，其值为input的id，那么当鼠标点击label中的文本时，会触发input控件 阅读全文
posted @ 2021-09-30 14:21
wmui
阅读(80)
评论(0)
推荐(0)
摘要：
<main>标签 说明 : 该标签用于描述文档的主体部分，其内容是独一无二的，在HTML5.2中可以同时出现对个main标签，但在同一时刻只有一个是可见状态，其他的可使用hidden属性隐藏，IE不支持该标签。 <map>标签 说明 ：定义客户端图像映射。他拥有name和id 阅读全文
posted @ 2021-09-30 14:21
wmui
阅读(84)
评论(0)
推荐(0)
摘要：
<i>标签 定义斜体 说明 ：该标签定义斜体(italic)，无语义。 <iframe>标签 说明 ：该标签创建一个包航另一个文档的内联框架。 width属性 说明：规定iframe的宽度和宽度。值可以是像素和百分比。 height属性 说明：规定iframe的宽度和高度。值 阅读全文
posted @ 2021-09-30 14:18
wmui
阅读(170)
评论(0)
推荐(0)
摘要：
<kbd>标签 复制内容的快捷键是Ctrl + c 说明 ：该标签用于定义键盘文本。在写技术文档时经常用，浏览器会以等宽字体来显示内容。 阅读全文
posted @ 2021-09-30 14:18
wmui
阅读(56)
评论(0)
推荐(0)
摘要：
<h1> <h6>标签 说明 ：该标签用于定义标题。相同的标签可以多次出现，权重依次递减。 <head>标签 说明 ：该元素用于定义文档的头，它是所有头部元素的容器。 元素是该标签的唯一必须元素。 ,`base link meta script`等标签都可以用在h 阅读全文
posted @ 2021-09-30 14:17
wmui
阅读(68)
评论(0)
推荐(0)
摘要：
<fieldset>标签 说明 ：该标签用于将表单内相关元素进行分组。lengend可以定义分组的标题。该标签有三个属性，disabled属性规定禁用fieldset。name属性为fieldset定义名字。form属性用于关联表单，属性值必须和其所属form表单的id相同。 <f 阅读全文
posted @ 2021-09-30 14:16
wmui
阅读(65)
评论(0)
推荐(0)
摘要：
<datalist>标签 说明 ：该标签用于定义选项列表。需要与input标签配合使用，定义input可能的值，通过input元素的list属性可以绑定datalist。 <dl>, <dt>, <dd>标签 电话 电话是一种通讯工具 GitHub G 阅读全文
posted @ 2021-09-30 14:15
wmui
阅读(133)
评论(0)
推荐(0)
摘要：
<em>标签 这件衣服今天只要15元 说明 ：该标签用于表示强调内容。样式上显示为斜体，``标签也显示为斜体，只不过没有语义。当引入新的术语或概念时也可以用此标签。 <embed>标签 说明 ：该标签定义嵌入内容。功能同``标签相同。属性width，height，src，ty 阅读全文
posted @ 2021-09-30 14:15
wmui
阅读(39)
评论(0)
推荐(0)
摘要：
<canvas>标签 说明 ：该标签用于定义客户端矢量图，它本身没有行为，但它把绘图API展现给了客户端JavaScript,这也是它同svg不同的地方，svg是使用一个XML文档来描述绘图，他们在功能上是等同的，svg的优点是绘图很容易编辑。该标签有 和`width`属性，单位是px, 阅读全文
posted @ 2021-09-30 14:14
wmui
阅读(65)
评论(0)
推荐(0)
摘要：
<b>标签 普通文本加粗文本 说明 ：该标签仅使文本加粗，无语义，如果仅是为了样式效果建议使用css设置。它同 有强调的语义。 <base>标签 必需属性 href: 规定当前页面所有相对链接的基准URL 可选属性 target: 规定在何处打开页面中的所有链接 说明 ：该标 阅读全文
posted @ 2021-09-30 14:13
wmui
阅读(52)
评论(0)
推荐(0)
摘要：
<a>标签 download属性 说明 ：hello为浏览器下载后文件的名字，浏览器会自动检测文件的扩展名 href属性 说明 ：href值可以是相对地址，绝对地址，锚点\(\ top\) referrer属性 说明 ：规定获取资源时应该使用哪个提交者的字符串。属性值 表示 头部不会被发 阅读全文
posted @ 2021-09-30 14:12
wmui
阅读(56)
评论(0)
推荐(0)
摘要：
```html p1 p2 p3 p4 p5 p6 p7 阅读全文
posted @ 2021-09-30 14:04
wmui
阅读(46)
评论(0)
推荐(0)
摘要：
场景 当页面内容不够一屏时，footer固定到底部。当超过一屏时，根据实际高度，footer自动向下延伸。 实现 阅读全文
posted @ 2021-09-30 14:03
wmui
阅读(258)
评论(0)
推荐(0)
摘要：
mixins.scss placeholder border radius position center ellipsis border 1px safe area flex 阅读全文
posted @ 2021-09-30 14:03
wmui
阅读(366)
评论(0)
推荐(0)
摘要：
引导图是为了方便用户快速的了解产品的新功能，比较好的开源项目有driverJS、introJS。了解实现思路能更好的扩展第三方应用，特别是对于这种DOM操作相关的库。 思路：这个简单的DMEO没有JS，my类是等待引导的元素，pop是一个高亮区，用于突出显示my，mask是遮罩层。在使用z inde 阅读全文
posted @ 2021-09-30 14:02
wmui
阅读(215)
评论(0)
推荐(0)
摘要：
伪元素和伪类比较容易混淆，视觉上为了区分两者，CSS3规定伪元素用双冒号表示，伪类用单冒号表示。伪元素包括但不限于 ，伪类包括但不限于 以 和`:first child ::first line :first child`表示选中第一个子元素，你不需要为这个子元素添加class就能选中它 伪元素示例 阅读全文
posted @ 2021-09-30 14:01
wmui
阅读(143)
评论(0)
推荐(0)
摘要：
基本概念 使用 或者 让元素成为伸缩容器，采用flex布局的元素称为伸缩容器（flex container），容器内的子元素称为伸缩项目（flex item）。 注意： 浏览器会将直接将伸缩容器内的文字包起来成为匿名伸缩项目。 flex布局使元素FFC化（flex formating context 阅读全文
posted @ 2021-09-30 14:00
wmui
阅读(218)
评论(0)
推荐(0)
摘要：
径向渐变 径向渐变就是椭圆渐变，圆是椭圆的特殊形式，径向渐变从圆心点以椭圆的形式向外扩散，渐变的实现由两部分组成：椭圆和色标，椭圆控制渐变的位置、大小和形状；色标控制渐变的颜色和位置。 语法： 演示效果 See the Pen radial gradient by wmui (@wmui) on C 阅读全文
posted @ 2021-09-30 14:00
wmui
阅读(885)
评论(0)
推荐(0)
摘要：
径向渐变 渐变是两种或多种颜色之间的过渡，线性渐变是多种颜色沿着一条直线（渐变线）过渡，渐变的实现由渐变线和色标两部分组成，渐变线控制渐变的方向；色标控制渐变的颜色变化，色标包括颜色和位置。浏览器从每个色标的位置淡出到下一个位置，通过确定多个色标的位置可以制作多色渐变效果。 语法： 示例效果 See 阅读全文
posted @ 2021-09-30 13:59
wmui
阅读(842)
评论(0)
推荐(0)
摘要：
本篇文章中涉及到的一些概念，在上篇文章中已有介绍： "理解CSS transform 2d变换" 示例效果 See the Pen transform 3d by wmui (@wmui) on CodePen. 坐标轴 3d变换是建立在三维坐标轴上，它比二维变换多了一个z轴。写代码的时候，眼睛与电 阅读全文
posted @ 2021-09-30 13:58
wmui
阅读(479)
评论(0)
推荐(0)
摘要：
示例效果 See the Pen transition by wmui (@wmui) on CodePen. 属性介绍 transition property transition property定义应用过渡效果的CSS属性名称，默认值 ，表示所有属性都获得过渡效果；属性值 表示没有属性获得过渡 阅读全文
posted @ 2021-09-30 13:57
wmui
阅读(485)
评论(0)
推荐(0)
摘要：
演示效果 See the Pen transform 2d by wmui (@wmui) on CodePen. transform origin transform origin表示变形操作的原点，默认位于元素的中心，初始值 ，可定义三个值，分别表示x轴、y轴和z轴，2d变换的原点由x轴和y轴确 阅读全文
posted @ 2021-09-30 13:57
wmui
阅读(235)
评论(0)
推荐(0)
摘要：
上图中绿色为顶线，蓝色中线，红色基线，粉色底线。 基本概念 行高：上下文本行基线间的距离，图中粉线之间的距离 行距：文本的底线到下一行文本的顶线之间的距离，距离上等于距离上等于line height和font size的差值，图中粉线到绿线的距离 半行距：半行距即行距的一半，距离上等于line he 阅读全文
posted @ 2021-09-30 13:56
wmui
阅读(271)
评论(0)
推荐(0)
摘要：
vertical align定义行内元素（inline和inline block）的基线相对于该元素所在行的基线在垂直方向上的对齐方式，即与匿名文本大写字母X底边对齐，默认值baseline，当属性值为数值或百分比时正负值均可。 属性值介绍： 表示元素基线和父元素基线对齐 表示降低元素的基线到父元素 阅读全文
posted @ 2021-09-30 13:55
wmui
阅读(556)
评论(0)
推荐(0)
摘要：
display属性规定元素生成框的类型，默认值inline。 属性值有很多，但常用且支持度较好的就那么几个。 block block元素当不设置宽度时，宽度为父元素的宽度，独占一行，支持设置宽高、外边距、内边距。不支持CSS的 属性 标签： inline inline元素宽度由内容撑开，不独占一行， 阅读全文
posted @ 2021-09-30 13:54
wmui
阅读(514)
评论(0)
推荐(0)
摘要：
color 设置文本的颜色，默认有继承性。属性值可以是颜色名、十六进制颜色值、rgb值，inherit关键字。 direction 设置文本的书写方向，默认值ltr，有继承性。属性值rtl，文本方向从右向左。 继承。 结果： Hello world. Hello world. 个人理解，rtl就是把 阅读全文
posted @ 2021-09-30 13:54
wmui
阅读(261)
评论(0)
推荐(0)
摘要：
overflow overflow定义内容溢出时的如何处理，默认值 表示内容会出现在元素框外。属性值 表示溢出内容会被裁剪。 表示溢出时浏览器出现滚动条以便查看溢出内容，不溢出时也会出现滚动条。 表示当内容溢出时出现滚动条，当内容不溢出时不出现滚动条。 继承。 可通过 和`overflow y`单独 阅读全文
posted @ 2021-09-30 13:51
wmui
阅读(719)
评论(0)
推荐(0)
摘要：
float float属性定义元素的浮动方向，任何元素都可以设置浮动，浮动元素会生成一个块级框，无论本身是什么类型的元素。默认值 不进行浮动，属性值 元素向左浮动，属性值 元素向右浮动， 继承。 浮动元素的特性： See the Pen float by wmui (@wmui) on CodePe 阅读全文
posted @ 2021-09-30 13:50
wmui
阅读(246)
评论(0)
推荐(0)
摘要：
position属性建立元素布局所用的定位机制，默认值static，称作静态位置。任何元素都可以定位，CSS中的定位通常指absolute定位、fixed定位和relative定位，除了static定位外的其他定位都可以使用top, right, bottom, left设置偏移距离，可以是正值和负 阅读全文
posted @ 2021-09-30 13:50
wmui
阅读(233)
评论(0)
推荐(0)
摘要：
border collapse border collapse属性定义表格的表框显示行为。默认值 表示表格的表框和单元格的边框分开，边框之间会有空白间隙。属性值 表示合并为一个边框，它们之间的空白将不存在，因此会忽略 和`empty cells inherit`继承。 border spacing 阅读全文
posted @ 2021-09-30 13:49
wmui
阅读(402)
评论(0)
推荐(0)
摘要：
padding padding属性设置元素的内边距。属性值默认0。属性值 表示由浏览器计算内边距。属性值为百分比时是基于父元素的宽度计算。属性值可以是 。 这是一个简写属性，属性值最多为4个，分别表示上内边距，右内边距，下内边距，左内边距。属性值为三个时，分别表示上内边距、左右内边距、下内边距。属性 阅读全文
posted @ 2021-09-30 13:48
wmui
阅读(208)
评论(0)
推荐(0)
摘要：
实例 See the Pen center middle by wmui (@wmui) on CodePen. 固定宽高的垂直水平居中 上面的例1和例2，是固定宽高的垂直水平居中，例1采用定位结合margin负值。例2巧妙的利用定位结合 。最后三个例子都是不固定宽高的垂直水平居中，上面五种方法中我 阅读全文
posted @ 2021-09-30 13:47
wmui
阅读(713)
评论(0)
推荐(0)
摘要：
margin负值 block元素可设置四个方向的值，无论正负。 inline元素上下margin值无效，左右无论正负均有效 inline block元素，当 为`baseline`时，上下margin负值无效，其他情况正负均有效。 元素重叠 两个块级元素发生重叠，后面的元素能覆盖前面元素的背景，无法 阅读全文
posted @ 2021-09-30 13:47
wmui
阅读(92)
评论(0)
推荐(0)
摘要：
margin See the Pen margin by wmui (@wmui) on CodePen. 该属性用于设置元素的外边距，外边距是透明的，默认值0。这是一个简写属性，属性值最多为4个，例如 ，分别表示上外边距、右外边距、下外边距、左外边距。属性值也可以是3个，例如 ，表示上外边距、左右 阅读全文
posted @ 2021-09-30 13:46
wmui
阅读(1370)
评论(0)
推荐(0)
摘要：
list style type list style type表示定义列表标记的类型，默认值 表示一个实心圆点。一些常用的属性值： 无任何标记， 实心圆， 空心圆， 实心方块， 从1开始的数字(1,2,3等)， 以0开头的数字(01,02,03等), 小写英文字母（a, b, c等）, 大写英文字母 阅读全文
posted @ 2021-09-30 13:45
wmui
阅读(205)
评论(0)
推荐(0)
摘要：
quotes quotes定义嵌套引用类型，简单点说就是为内容添加引用符号，用什么符号完全自定义，它默认是有继承性的，属性值可以是 。 结果： q { quotes: "\"" "\"" "(" ")"; } 你好我的朋友 在上面的嵌套引用中， 表示外部引用的符号，转义后的双引号， 表示内部的嵌套内 阅读全文
posted @ 2021-09-30 13:44
wmui
阅读(93)
评论(0)
推荐(0)
摘要：
font family 该属性定义文本使用哪种字体，字体相关的属性都是有继承性的，所以通常只需要为body元素设置font family。上面的代码中写了很多字体，这是为了保证一种回退机制，如果用户的电脑根本没有第一种字体或者浏览器不支持第一种字体，那么浏览器就会使用第二种字体，以此类推直到找到一个 阅读全文
posted @ 2021-09-30 13:44
wmui
阅读(347)
评论(0)
推荐(0)
摘要：
height 定义元素的高度，默认值auto，非 元素都可以直接定义高度，高度只包括内容区，不包括padding，border，margin的值，属性值可以是百分比，百分比是基于包含它的块级元素的高度，可以是CSS长度（如px，em，rem），可以使用 继承父元素的高度。 max height 定义 阅读全文
posted @ 2021-09-30 13:43
wmui
阅读(258)
评论(0)
推荐(0)
摘要：
在CSS3中我认为border image算是一个比较复杂的属性，虽然平时用到的情况较少，但还是有必要深入学习下。 border image See the Pen border image by wmui (@wmui) on CodePen. border image用于定义带有背景图片的边框样 阅读全文
posted @ 2021-09-30 13:42
wmui
阅读(735)
评论(0)
推荐(0)
摘要：
background color See the Pen background by wmui (@wmui) on CodePen. 说明：该属性为元素设置背景色，填充区域包括内容区，内边距，边框。默认值 表示透明，属性值可以是颜色名字（如red），可以是十六进制表示（如 ff0000），可以用R 阅读全文
posted @ 2021-09-30 13:41
wmui
阅读(285)
评论(0)
推荐(0)
摘要：
圆角是CSS中一个很复杂的属性，彻底理解后可以创造出很多奇妙的效果，先看一个demo： See the Pen border radius by wmui (@wmui) on CodePen. 例1是正方形，例2是矩形，他们的圆角值都是50%，既然是百分比就有相对元素，其实百分比是相对于元素自身的 阅读全文
posted @ 2021-09-30 13:41
wmui
阅读(737)
评论(0)
推荐(0)
摘要：
@keyframes See the Pen keyframes by wmui (@wmui) on CodePen. 说明：@keyframes用于定义动画，其实动画原理很简单，就是不同的时刻改变css的样式，以百分比规定改变发生的时间，它有两个关键词即 和`to`,from等价于0&表示起始位 阅读全文
posted @ 2021-09-30 13:40
wmui
阅读(791)
评论(0)
推荐(0)
摘要：
前言 工作中部分选择器总是忘记其具体的含义，这在开发项目时很影响效率，我始终相信每个选择器无论简单复杂，既然诞生了就必定有他的使命，虽然常用的选择器就那么几个就够用了，但系统的掌握所有的选择器还是很有必要的，特别是如果你想开发一个属于的UI框架时，会发现合理的使用选择器，可以大量减少类名的使用。以下 阅读全文
posted @ 2021-09-30 13:39
wmui
阅读(183)
评论(0)
推荐(0)
摘要：
load load事件应该是加载事件最常用的一个，它表示当页面完全加载完成后（包括图片、JS、CSS等外部资源）触发的事件 load事件不仅发生在document、window对象上，外部资源的加载也能触发load事件（如图片、JS、CSS、音频、视频、Ajax请求等等） 注意： 如果页面从浏览器缓 阅读全文
posted @ 2021-09-30 13:33
wmui
阅读(401)
评论(0)
推荐(0)
摘要：
文本事件指的是当文本发生变化时所触发的事件 change change事件常用于 等元素，在它们失去焦点且value值改变时触发 input input事件表示输入框内容发生变化时触发，但通过javascript改变value时不会触发。input与change事件的区别就是不需要移除焦点就可以触发 阅读全文
posted @ 2021-09-30 13:32
wmui
阅读(154)
评论(0)
推荐(0)
摘要：
剪切板操作包括复制（copy）、粘贴（paste）、剪切（cut），快捷键分别是ctrl+c、ctrl+v、ctrl+x 3个操作对应6个剪切板事件 通常情况下，cut和paste发生在可聚焦的文本框中（如input、textarea），copy可在任何文本选中时触发 对象方法 剪切板中的数据存储在 阅读全文
posted @ 2021-09-30 13:31
wmui
阅读(1932)
评论(0)
推荐(0)
摘要：
类型 键盘事件用来描述键盘行为，主要有keydown、keypress、keyup三个事件 注意： 1. 键盘事件必须绑定在可以获得焦点的元素上，页面刚加载完成时，焦点处于document元素。 2. 系统为了防止按键误被连续按下，第一次触发keydown事件后，会有500ms的延迟，才会触发第二次 阅读全文
posted @ 2021-09-30 13:30
wmui
阅读(982)
评论(0)
推荐(0)
摘要：
引入 Web Storage的目的是解决cookie带来的限制，当数据需要严格控制在客户端时，无需持续的将数据发回服务器。 Web Storage的两个主要目标：提供一种在cookie之外的存储数据的方式、提供一种存储大量可以跨会话存在的数据的机制 Web Storage分为两类：sessionSt 阅读全文
posted @ 2021-09-30 13:22
wmui
阅读(348)
评论(0)
推荐(0)
浙公网安备 33010602011771号