![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 78
Apple-hcc
这个作者很懒,什么都没留下…
展开
-
HTTP强缓存和协商缓存
浏览器缓存是浏览器在本地磁盘对用户最近请求过的文档进行存储,当访问者再次访问同一页面时,浏览器就可以直接从本地磁盘加载文档。浏览器缓存是Web性能优化的重要方式。那么浏览器缓存的过程究竟是怎么样的呢?原创 2023-02-23 16:14:14 · 262 阅读 · 1 评论 -
grid布局
grid布局原创 2023-01-30 16:23:53 · 312 阅读 · 0 评论 -
实现文件下载功能
文件下载功能原创 2022-09-15 16:22:13 · 1118 阅读 · 0 评论 -
HTTP缓存
缓存,性能优化的最有效方法之一,作为一名开发人员,缓存是必须掌握的一块知识。浏览器缓存机制有四个方面:Memory Cache、Service Worker Cache、HTTP Cache、Push Cache。对于前端开发工程师来说,比较熟悉的就是HTTP缓存,这也是每一个前端工程师都要掌握的知识点原创 2022-05-13 14:49:53 · 105 阅读 · 0 评论 -
CSS 实现多行文本展开收起效果
CSS 实现多行文本展开收起效果本文主要实现重点:如何实现 展开 和 收起 切换按钮的文字环绕效果如何实现多行文本溢出省略效果如何实现 展开 和 收起 的状态or文字切换初始 html:<div class="text"> <label class="btn">展开</label> <span> 但听得蹄声如雷,十余乘马疾风般卷上山来。马上乘客一色都是玄色薄毡大氅, 里面玄色布衣,但见人似虎,马如龙,人既矫捷,马亦雄原创 2022-03-21 14:36:09 · 1138 阅读 · 1 评论 -
js DOM
js DOMJavaScript = ES + DOM + BOM。Document在浏览器中,文档对象document表示整个HTML页面,它是window对象的属性,是一个全局对象。文档信息document对象包含一些页面共有信息,如:URL、domain和referrer。URL:当前页面的完整URLdomain:页面的域名referrer:链接到当前页面的那个页面的URL。如果当前页面没有来源,则referrer属性是空字符串。这些信息都可以在请求的HTTP头部信息中获取,只是原创 2021-12-28 11:59:56 · 324 阅读 · 0 评论 -
JS获取元素的大小(高度和宽度)
JS获取元素的大小(高度和宽度)在 JavaScript中,使用下面 3 组属性可以获取元素的高度和宽度。如表所示。元素尺寸属性说明clientWidth获取元素可视部分的宽度,即 CSS 的 width 和 padding 属性值之和,元素边框和滚动条不包括在内,也不包含任何可能的滚动区域clientHeight获取元素可视部分的高度,即 CSS 的 height 和 padding 属性值之和,元素边框和滚动条不包括在内,也不包含任何可能的滚动区域offsetWi原创 2021-12-24 16:58:28 · 28565 阅读 · 0 评论 -
关于鼠标事件的screenY,pageY,clientY,layerY,offsetY属性
关于鼠标事件的screenY,pageY,clientY,layerY,offsetY属性screenY 鼠标相对于显示器屏幕左上角的偏移pageY 鼠标相对于页面左上角的偏移 (其值不会受滚动条的影响) IE9之下并不支持这个属性 但是可以写点代码计算出来。 jQuery中的实现:// Calculate pageX/Y if missing and clientX/Y availableif ( event.pag原创 2021-12-24 16:39:12 · 209 阅读 · 0 评论 -
document.documentElement和document.body的区别
document.documentElement和document.body的区别网页中获取滚动条卷去部分的高度,可以通过 document.body.scrollTop 来获取,比如使div跟着滚动条滚动:<div id="div" style="width:100px;height:100px;background:#ccc;position:absolute;"></div>window.onscroll = function (){ var div = doc原创 2021-12-24 16:33:31 · 164 阅读 · 0 评论 -
vue搜索关键字高亮
<template> <el-input class="fd-ipt" placeholder="请输入内容" v-model="inputValue" @keyup.enter.native="searchText"> </el-input> <div class="container" v-for="(v, k, i) in h...原创 2021-12-23 11:20:40 · 455 阅读 · 0 评论