028-86922220

建站动态

根据您的个性需求进行定制 先人一步 抢占小程序红利时代

如何掌握性能优化、Web安全、Linux常用命令

本篇内容介绍了“如何掌握性能优化、Web安全、Linux常用命令”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

创新互联建站-专业网站定制、快速模板网站建设、高性价比恩平网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式恩平网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖恩平地区。费用合理售后完善,10年实体公司更值得信赖。

 1.性能优化
1.1 原则

1.2 让加载更快

1.3 让渲染更快

1.4 缓存

1.5 SSR

1.6 懒加载

1.7 防抖及其封装
「防抖」

「应用场景」(帮助你更好理解防抖)

「手写防抖封装」

function debounce ( fn , delay = 500 ) {       let timer = null // timer在闭包中,不对外暴露,以免不小心获取进行修改造成错误      return function () {         if( timer ){             clearTimeout( timer )         } // 清空定时器          timer = setTimeout( () => {              fn.apply( this , arguments )              timer = null          } , delay )     }  }

1.8 节流及其封装
「节流」

「应用场景」(帮助你更好理解防抖)

「手写节流封装」

function throttle ( fn , delay = 100 ) {      let timer = null      return function (){          if( timer ){             return         }          timer = setTimeout( () => {              fn.apply( this , arguments ) // 这里不能用fn(),会报错,无法获得事件源对象event              timer = null          } , delay ) // delay设置的时间内重复执行的定时任务会被清空     } }

1.9 为什么防抖的是clearTimeout(timer),而节流的是return?

2.Web安全
2.1 XSS攻击
「XSS跨站请求攻击」
以下都是可能发生的XSS注入攻击