qq_38677540的博客

swiper禁止手动滑动，只需要在最外层的容器上增加class="swiper-no-swiping"<div class="swiper-no-swiping"> <swiper :options="swiperOption"> <swiper-slide> </swiper-slide> </swiper> </di

HTMLCollection 是 HTML 元素的集合。HTMLCollection 对象类似一个包含 HTML 元素的数组列表。 let arr=document.getElementById('box').getElementsByTagName('i') console.log(arr) let arr=document.getElementById('box').getElementsByTagName('i') //Array.from()方法就是将一个类数组对象.

a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}

设置p自动换行，可以解决p{ word-wrap: break-word; word-break: break-all;}word-break指定了怎样在单词内断行word-wrap 属性允许长单词或 URL 地址换行到下一行

<audio controls src="本地音效" autoplay="autoplay" hidden="true">手机可以播放，浏览器不支持

谷歌div::-webkit-scrollbar { display: none; }火狐

input{ -webkit-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text;}user-select CSS 属性控制用户是否可以选择文本。 这对作为浏览器用户界面（其 chrome）的一部分加载的内容没有任何影响，文本框除外。注意： user-select 不是继承的属性，尽管初始 auto 值使它在大多数情况下表现得像继承一样。 基于 We.

<input type="text" placeholder="xxxx">type类型属性在文件上传中使用 accept 属性 <input type="file" accept="image/gif, image/jpeg" />type是image 的时候，alt属性是可以使用的。<form action="demo_form.html">First name: <input type="text" name="fna...

DOMContentLoaded　当初始的 HTML 文档被完全加载和解析完成之后，DOMContentLoaded 事件被触发，而无需等待样式表、图像和子框架的完成加载。load　load 仅用于检测一个完全加载的页面，页面的html、css、js、图片等资源都已经加载完之后才会触发 load 事件。// 不兼容老的浏览器，兼容写法见[jQuery中ready与load事件](http://www.imooc.com/code/3253)，或用jQuerydocument.addEv.

h5页面在IOS上的字体大小不一样-webkit-text-size-adjust: none;作用：禁用Webkit内核浏览器的文字大小调整功能，以实际大小显示，部分浏览器不支持小于12px的字号将使用12px字体。这是一个实验中的功能此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。控制将一些手机或平板设备上使用的文本溢出算法（text inflati..

noscript 元素用来定义在脚本未被执行时的替代内容（文本）此标签可被用于可识别noscript 元素用来定义在脚本未被执行时的替代内容（文本）noscript 标签中的元素中的内容只有在下列情况下才会显示出来：浏览器不支持脚本 浏览器支持脚本，但脚本被禁用...

*{ user-select: none; }

-webkit-line-clampCSS 属性 可以把 块容器中的内容限制为指定的行数.它只有在 display属性设置成-webkit-box或者-webkit-inline-box并且-webkit-box-orient属性设置成vertical时才有效果在大部分情况下,也需要设置 overflow属性为hidden, 否则,里面的内容不会被裁减,并且在内容显示为指定行数后还会显示省略号(ellipsis ).-webkit-line-clamp: none;-w...

div{ background-image:-webkit-linear-gradient(bottom,#e63ee7,#2332ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}background-clip:指定绘图区的背景 (border-box |padding-box |content-box |text)text-fill-color:指定文字的填充颜...

首先安装BrowserSync，官网npm install -g browser-sync在项目中安装browser-sync start --server --files "css/*.css, *.html"用以监听css和html文件，该文件夹下最好有index命名的html文件运行完成后会跳出链接

这是百度浏览器的广告屏蔽机制，会让这种固定定位在底部的元素当作广告来屏蔽掉（隐藏移除不显示）伪元素解决 <footer class="home_foot"> <img> <span></span> <span class="download" @click="getHome()"></span> </footer> .home_foot{

<div class="last_img ather_img"> <span style="display: block;margin-top: .5rem;">...</span> </div > <div class="ather_img"> <img src="./img/1.jpg" class="punch_imgs_icon" > </div > <div class="...

<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。注释：<meta> 标签永远位于 head 元素内部。注释：元数据总是以名称/值的形式被成对传递的。META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者及其他元数据。元数据可以被使用浏览器（如何显示内容

canvasHTML5 中<canvas> 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成.<canvas> 标签只是图形容器，必须使用脚本来绘制图形。可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。基本用法<canvas></canvas> //默认宽是300,高是150 坐标轴...

<div class="div1"><!-- draggable 属性设置为 true,元素可拖动 --> <p id="isp" draggable="true">拖拽元素</p></div><div id="div2"> <p>目标元素</p></div> v...

块元素块级元素会独占一行,默认情况下,其宽度自动填满其父元素宽度.块级元素可以设置width,height属性块级元素即使设置了宽度,仍然是独占一行.块级元素可以设置margin和padding属性.总是从新的一行开始块级元素可以包含块级元素和行内元素可以自动换行相邻元素垂直。相邻外边距会重叠行内元素行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到...