随笔分类 -  html

摘要:重排 重排也叫回流,所谓重排,实际上是根据渲染树中每个渲染对象的信息,计算出各自渲染对象的几何信息(DOM对象的位置和尺寸大小),并将其安置在界面中的正确位置。由于浏览器渲染界面是基于流式布局模型的,也就是某一个DOM节点信息更改了,就需要对DOM结构进行重新计算,重新布局界面, 引起重排的操作有: 阅读全文
posted @ 2021-03-15 21:00 千年轮回 阅读(280) 评论(0) 推荐(0)
摘要:history h5中history提供了不修改页面内容只修改地址栏的api,pushState(添加浏览历史),replaceState(修改当前浏览历史),popState事件在用户返回或前进进会被出发触发 history.pushState方法接受三个参数,依次为: state:一个与指定网址 阅读全文
posted @ 2021-03-04 17:26 千年轮回 阅读(539) 评论(0) 推荐(0)
摘要:一、对于XSS防御: 1、不要信任任何外部传入的数据,针对用户输入作相关的格式检查、过滤等操作,以及转义字符处理。最普遍的做法就是转义输入输出的内容,对于括号,尖括号,斜杠进行转义 function escape(str) { str = str.replace(/&/g, '&') str 阅读全文
posted @ 2020-06-08 15:48 千年轮回 阅读(223) 评论(0) 推荐(0)
摘要:在前端开发中,性能一直都是被大家所重视的一点,然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。 一、web缓存简介: web缓存是指一个 阅读全文
posted @ 2020-06-08 15:08 千年轮回 阅读(676) 评论(0) 推荐(0)
摘要:一、@media媒体查询用途 ​ 媒体查询 Media Queries ,可以根据不同的设备为其实现不同的样式。@media可以根据不同的屏幕尺寸设置不同的样式,页面布局分别适应移动端、pc端等,在调整浏览器的大小,页面会根据媒体的宽度和高度来重新布置样式。 ​ CSS2中使用的@media媒体查询 阅读全文
posted @ 2020-05-23 18:18 千年轮回 阅读(1308) 评论(0) 推荐(0)
摘要:对于移动端的触摸事件,我们通过touchstart、touchmove、touchend实现,PC端一般使用mousedown、mousemove、mouseup实现。 获取事件坐标: 原生js获取方式 | mousedown | event.pageX | | | | | mousemove | 阅读全文
posted @ 2020-05-19 16:54 千年轮回 阅读(2305) 评论(0) 推荐(0)
摘要:html控件中如何实现在placeholder中换行提示。因为在placeholder不会解析html代码,所以用换行符 <br/>和 /r/n 等都没有作用。我们可以用用转义字符代替<br/> 阅读全文
posted @ 2020-05-15 14:49 千年轮回 阅读(335) 评论(0) 推荐(0)
摘要:上传图片出现了如下警告: 报错的原因就是当前页面是https协议加载的,但是这个页面发起了一个http的ajax请求,这种做法是非法的。HTTPS页面里动态的引入HTTP资源,比如引入一个js文件,会被直接block掉的.在HTTPS页面里通过AJAX的方式请求HTTP资源,也会被直接block掉的 阅读全文
posted @ 2020-05-06 16:24 千年轮回 阅读(3109) 评论(1) 推荐(0)
摘要:1. CSS盒模型 CSS盒模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。CSS 假定所有的HTML 文档元素都生成了一个描述该元素在HTML文档布局中所占空间的矩形元素框,可以形象地将其看作是一个盒子。CSS 围绕这些盒子产生了一种“盒子模型”概念,通过定义一系列与盒子相关的属性, 阅读全文
posted @ 2019-11-25 19:34 千年轮回 阅读(163) 评论(0) 推荐(0)
摘要:对基础与初始化进行预加载 加载顺序 document preload 正常加载 media 属性 不同设备时的响应式加载 media="(max width: 600px) as 属性: //as不明的优先级最低并导致二次获取 : 音频文件。 : 一个将要被嵌入到 " " 内部的HTML文档。// 阅读全文
posted @ 2019-11-25 17:38 千年轮回 阅读(378) 评论(0) 推荐(0)