![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端性能优化
文章平均质量分 69
Vivian_jay
粗来向各路大神学习哒O(∩_∩)O
展开
-
Web前端攻击方式及防御措施
一、XSS 【Cross Site Script】跨站脚本攻击 恶意攻击者往Web页面里插入恶意Script代码,当用户浏览该页之时,嵌入其中Web里面的Script代码会被执行,从而达到恶意攻击用户的目的。1、Reflected XSS 基于反射的XSS攻击,主要依靠站点服务端返回脚本,在客户端触发执行从而发起Web攻击。Web客户端使用Server端脚本生成页面为用户提供数据时,原创 2017-02-28 21:27:38 · 6288 阅读 · 1 评论 -
PC端各浏览器布局兼容问题【Chrome、Firefox、IE】——长期更新
1、Firefox、IE8下属性为“readonly”的表单元素获得焦点会有光标‘I’进去。解决办法:/(ㄒoㄒ)/~~2、IE不支持HTML5标签解决办法:CSS中添加如下代码main, nav, header, footer, section, article, aside, dialog, figure, menu { display: block;}3、文字排列方向1) CSS3属原创 2017-03-11 15:38:25 · 4715 阅读 · 0 评论 -
PC端各浏览器JavaScript问题【Chrome、Firefox、IE】——长期更新
一、touchmove事件只能触发一次解决:touchstart时阻止默认事件二、HTML5画布无法清除1、使用clearRect: 第一次正常清除,第二次无法清除;ctx.clearRect(0, 0, w, w)2、使用重置画布宽/高:能正常清除但第一次清除后能正常重绘,第二次清除后无法重绘$canvas.attr("width", 0)$canvas.attr("width", w)原创 2017-03-29 10:33:13 · 480 阅读 · 0 评论 -
前端性能优化方案
一、使用CDN【内容分发网络】加速1、CDN CDN【Content Delivery Network】,即内容分发网络。属于http缓存技术中的一种。2、原理:其基本思路是尽可能避开网络上可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。CDN管理分布在多个地理位置上的服务器,其系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请原创 2017-02-27 22:36:39 · 9223 阅读 · 0 评论 -
性能优化——异步加载js文件
为什么要异步加载: 同步加载会阻塞浏览器的后续处理,即只有当当前文件加载完毕之后才能进行下一步的文件加载(如图像)、渲染、代码执行。如果js中有输出document内容、修改DOM、重定向等行为,就会造成页面阻塞。 什么叫异步加载: 异步加载不会阻塞浏览器的后续操作,即在加载执行js的同时,并行加载其他文件渲染页面。1. async属性async属性规定js文件一旦可用就会原创 2017-08-23 09:30:27 · 1749 阅读 · 0 评论