HTML
看陌生的风景
keep coding
展开
-
js实现复制功能
copy一段JSON数据并在TextArea标签里显示。原创 2024-05-07 13:55:45 · 309 阅读 · 2 评论 -
css中可继承/不可继承的属性
能继承的属性不能继承的属性。原创 2022-08-25 10:38:41 · 170 阅读 · 0 评论 -
在浏览器中输入URL后都会发生什么
在浏览器中输入URL后都会发生什么原创 2022-06-07 10:02:32 · 10984 阅读 · 3 评论 -
鼠标事件监听
onmousedown onmouseup onmousemove onwheel原创 2022-06-06 10:16:14 · 895 阅读 · 0 评论 -
BFC原理,布局规则
什么是 BFC既 Block Formatting Context(块级格式化上下文),是一个独立的渲染区域,让处于 BFC 内部的元素与外部的元素相互隔离,使内外元素的定位不会相互影响。存在以下几种方案可创建 BFC:⚪ 浮动元素, float 值不为 none⚪ 绝对定位元素,position 属性为 absolute ,fixed⚪ 非块级盒子的块级容器( display 值为 inline-blocks , table-cells , table-captions 等)⚪ o..原创 2021-08-26 16:33:46 · 37 阅读 · 0 评论 -
防抖节流操作
// 防抖函数/* 可以把多个顺序地调用合并成一次,即规定事件被触发的次数 */function debounce(func, wait, immediate) { var timeout; return function () { var context = this, args = arguments; var later = function () { timeout = null; if (!immediate) func.apply(conte.原创 2020-07-16 11:19:13 · 230 阅读 · 0 评论 -
div 自定义滚动条
/*chrome滚动条颜色设置*/.le::-webkit-scrollbar,.msgs::-webkit-scrollbar{width:6px;height:6px;background-color:transparent;}/*定义滚动条轨道内阴影+圆角*/.le::-webkit-scrollbar-thumb,.msgs::-webkit-scrollbar-thumb{background-color:#fff;...原创 2020-06-05 16:51:38 · 171 阅读 · 0 评论 -
table表头固定,内容滚动
<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>a</title> <style> table tbody { display: block; height: 195px; overflow-y: scro.原创 2020-05-21 14:29:31 · 385 阅读 · 0 评论 -
将async/await等一些ES6的语法转为ES5的语法,兼容IE
1、npm init -y2、npm install -g babel-cli3、npm install --save-dev babel-preset-es2015 babel-cli4、新建.babelrc{ "presets": [ "es2015" ], "plugins": [ "babel-plugin-transform-regenerator" ]}5、修改package.json文件{ "name": "busSubmitD原创 2020-05-20 15:10:24 · 2949 阅读 · 0 评论 -
盒子模型
W3C标准盒子模型正常盒模型,是指块元素box-sizing属性为content-box的盒模型。一般在现代浏览器中使用的都是正常盒模型content-box,它也是标准 w3c 盒子模型。正常盒模型是指:盒模型的大小包括content,padding,border,并且先做content.。IE盒子模型怪异盒模型,是指块元素box-sizing属性为border-box的...原创 2019-12-13 11:01:30 · 157 阅读 · 0 评论 -
jQuery的replaceWith()函数用法详解
replaceWith() 方法将选择的元素的内容替换为其他内容<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>无标题</titl...原创 2019-12-05 10:11:44 · 1420 阅读 · 0 评论 -
数字滚动
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>城管执法门户</title> <style>...原创 2019-11-26 20:03:03 · 218 阅读 · 0 评论 -
jquery追加元素的几种方法(append()、prepend()、after()、before()、insertAfter()、insertBefore())
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js中常用追加元素的几种方法</title> <link rel="stylesheet" href="css/rest.css" /> <style> .c...原创 2019-10-11 17:06:43 · 680 阅读 · 0 评论 -
隐藏掉滚动条
/*chrome和Safari*/html::-webkit-scrollbar{width:0;display:none;}/*IE10+*/html{-ms-overflow-style:none;}/*Firefox*/html{overflow:-moz-scrollbars-none;}...原创 2019-09-17 10:07:24 · 105 阅读 · 0 评论 -
限制文本的行数
display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;原创 2019-09-10 17:33:36 · 239 阅读 · 0 评论 -
去除<li>标签前的空白
<style type="text/css"> ul { padding: 0px; margin: 0px; }</style>原创 2019-07-31 17:17:39 · 320 阅读 · 0 评论 -
css:position fixed使用
position:fixed的元素将相对于屏幕视口(viewport)的位置来指定其位置。并且元素的位置在屏幕滚动时不会改变。(上层元素有的使用了transform: translate(0, 0);导致position: fixed功能失效)pointer-events: none;元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其...原创 2019-07-23 17:23:57 · 871 阅读 · 0 评论 -
超出文字。。。显示
width : 300px;overflow : hidden;white-space : nowrap;text-overflow: ellipsis;原创 2019-07-31 12:45:08 · 115 阅读 · 0 评论 -
html图片 src的值
Base64位data:image/gif;base64,base64编码的gif图片数据data:image/png;base64,base64编码的png图片数据data:image/jpeg;base64,base64编码的jpeg图片数据data:image/x-icon;base64,base64编码的icon图片数据1、<img src="data:image...原创 2019-07-29 14:12:44 · 757 阅读 · 0 评论