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

浙公网安备 33010602011771号