![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
zfbj
原谅我不够洒脱
这个作者很懒,什么都没留下…
展开
-
webpack代码分割配置
splitChunks: { chunks: 'all', // 默认作用于异步chunks, 值为all:分割所有代码 / initial / async:只分割import导入的代码 minSize: 0, // 默认为30kb,每个代码块的尺寸 minChunks: 1, // 被分割前被多少模块共享(引用次数) maxAsyncRequests: 2, // 限制异步块内部的最大请求数,即import了几次 maxInitialRequests: 3, // 每个入口文件能最大拆分的chu原创 2022-02-20 19:05:15 · 362 阅读 · 0 评论 -
webpack优化代码
1.压缩js optimization: { minimize: true, minimizer: [ // 压缩js new TerserPlugin({}) ] } 2.压缩css optimization: { minimize: true, minimizer: [ // 压缩css new optimizeCSSAssetsPlugin({}) ] } 3.压缩图片 optimization: { test: /\.(png|svg|jpg|gif|jpeg|ic原创 2022-02-20 18:32:14 · 482 阅读 · 0 评论 -
防止 xss 攻击(跨站脚本攻击);CSRF(跨站请求伪造)
1.对传入的值进行encodeUrl 2.前端在页面上展示时,将字符进行转义 转义的方法 const fn = () => { return str.replace(/&/g, '&') .replace(/"/g, '"') .replace(/'/g, ''') .replace(/</g, '<') .replace(/>/g, '>') } ...原创 2022-02-07 20:22:38 · 113 阅读 · 0 评论 -
前端实现跨域的方法
1.jsonp 2.cors (node服务端设置) 3.postMessage (iframe通信) 4.window.name (iframe通信,a,b页面同源,c不同源; c将值放在window.name中,a页面中iframe嵌套c,然后在将iframe的地址改为b,b页面也可以使用window.name了) 5.location.hash(利用iframe中url值带hash值) 6.http-proxy 7.nginx 8.websocket 9.documnet.domain .原创 2022-02-06 20:07:55 · 187 阅读 · 0 评论 -
node服务端可设置得 header头属性
1.Access-Control-Allow-Origin : string 设置那些域名可访问 2.Access-Control-Allow-Headers: string 设置请求头里面可以带那些属性,多个属性值用逗号隔开 eg:‘name,name1,name2’ 3.Access-Control-Allow-Methods: string 设置允许请求得方法,默认支持get,post; put等不支持 4.Access-Control-Allow-Credentials: boolea.原创 2022-02-06 19:22:29 · 1233 阅读 · 0 评论