- 博客(14)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 X-Forwarded-For客户端IP获取和伪造
背景：我在做一个数据查询系统，有些高敏感数据信息，正常访问项目是无权限查看的。唯一的查看途径就是通过Citrix去访问。这时候就需要通过获取客户端地址（X-Forwarded-For）来判定是否Citrix环境。问题：项目是微前端架构，属于主应用中的一个子应用，前端资源和接口请求走了几层nginx（我的项目无权改配置），所以X-Forwarded-For中会有多个值，判断不够准确。最终方案：最终我们选择了拿到所有的X-Forwarded-For值，看是否包含Citrix的ip来解决！
2023-04-21 18:21:26
817
1
原创 Dart Sass替换Node Sass
需求：项目重构，需要一套前端基础模板想法：用vue-element-admin（我之前基于它做过一套基础架构）按照正常流程npm install时出现问题，命令行直接报错：...gyp verb ensuring that file exists: C:\Python27\python.exegyp ERR! configure errorgyp ERR! stack Error: Can't find Python executable "python", you can set th
2021-12-14 18:24:29
2124
原创 Antd-Upload组件设置fileList属性时onChnage只执行到“uploading“状态引发的一些问题的解决方案
需求：文件上传失败时不需要回显。思路：添加fileList属性，绑定一个列表，上传成功的文件才加入列表中... const [ displayFileList, setDisplayFileList ] = useState<any[]>([]);...<Upload action="xxx" accept=".xls*, .csv" ... fileList={displayFileList} ... onChang.
2021-12-14 17:50:16
2489
原创 基于vue-element-admin管理系统的弹出层的两种展示方式
- 现状(问题): - 首先我的项目是基于(vue-element-admin)[https://panjiachen.gitee.io/vue-element-admin-site/zh/]搭建的，项目中用了快捷导航（标签页）如图所示：但是此时每个页面内的弹窗打开时会遮罩全局，那么顶部的快捷导航存在的价值就大打折扣。我们需要的是每个弹窗只遮罩本页面，不影响页面之间的切换。所以我们项目需要将弹窗展示方式处理一下。- 探索方案： - ...
2021-07-08 17:38:37
2479
原创 vue中得keep-alive组件得include属性绑定值注意事项
很多细节容易遗忘，所以需要记录一下。keep-alive中include属性绑定得值 应该是vue页面得name，如下所示// keep-alive 组件 include 两个页面<keep-alive :include="[PageOne,PageTwo]"> <router-view :key="key" /></keep-alive>// pageOne页面代码<template> <div> pageOne页面 &l
2021-05-28 13:10:00
2387
原创 vue中keep-alive组件实现多级嵌套路由的缓存
现状(问题):keep-alive 组件对第三级及以上级的路由页面缓存失效探索方案：方案1、直接将路由扁平化配置，都放在一级或二级路由中方案2、再一层缓存组件用来过渡，并将其name配置到include中实现方式方案1不需要例子，按规则配置路由就行重点介绍方案2因为我用了vue-element-admin做了架构，并且项目中我将菜单和路由全部通过服务端返回做了统一配置，所以我只能用方案2来实现。直接看原有代码（问题代码）// src/layout/component/..
2021-01-28 14:37:54
5891
10
原创 利用canvas压缩图片并上传
最近项目太太太紧张，一个月才憋出了这篇自认为有点干货的文章，先拿出来晒一晒，本文所有代码地址都可以到github下载。接下来 直奔主题：背景：去年开发一个IM即时聊天系统，需要发送图片的功能。那么图片肯定不能太大，但是目前手机端随便拍个照片都得个5M以上了，直接传上去的话那就太耗费线上资源了。怎么能把图片占用空间变小并且又能不太失真呢，那就用canvas试试！思路：1、从设备选择图片2、读取文件。2.1、转换file文件为base64。2.2、获取文件拍摄方向信息3、利用canvas
2020-06-29 14:10:29
2061
5
原创 BABEL配置项中的compact问题
现象：vue+element打包时 提示：Building for production… [BABEL] Note: The code generator has deoptimised the styling of XXX as it exceeds the max of 500KB项目架构体系：框架Vue(v2.6.10)+Vue-router(v3.0.2)+Vuex(v3.1.0)构建工具Webpack(v4.28.4)UI框架ElementUI(v2.13.0)
2020-06-03 11:08:15
5527
1
转载 深入理解浏览器的缓存机制
转载:深入理解浏览器的缓存机制一、前言缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。对于一个数据请求来说，可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如说直接使用缓存而不发起请求，或者发起了请求但后端存储的数据和前端...
2020-04-30 16:27:27
310
原创 web安全性问题及解决方案
web安全性问题本文主要介绍常见web安全问题的几种类型，并记录目前为止自己已经采用的部分解决方案，会实时更新和补充。一、跨站脚本漏洞XSSXSS (Cross-Site Scripting)，跨站脚本攻击。是指通过Web浏览器内运行非法的HTML标签或JavaScript进行的一种攻击。解决方案：防止输入型脚本，前后端做校验，用指令去掉特殊字符。二、跨站请求伪造XSRFCSR...
2020-04-17 22:35:59
1408
原创 再谈前端性能优化
前端性能优化去年在项目组做了个分享，专门讲了一下前端性能优化，最近发现当时的文档总结的不是太全并且理论偏多，所以再写一篇文章补充一下，这篇文章主要从实战讲起，所以直奔主题。先附上去年那篇文档地址（不需要积分，可直接下载）：https://download.csdn.net/download/weixin_42159569/11457155一、http优化1、减少前后端的交互次数场景...
2020-04-16 23:01:17
169
原创 Nodejs 学习系列：Nodejs 介绍
Nodejs 整体介绍一、什么是nodejs：Node.js是一个Javascript运行环境(runtime)。它让JavaScript可以开发后端程序，它几乎能实现其他后端语言能实现的所有功能。Nodejs 是基于 Google V8 引擎，V8 引擎是 Google 发布的一款开源的 JavaScript 引擎，原来主要用于 Chrome 浏览器的 JS 解释部分，但是 Ryan ...
2020-01-15 15:11:18
552
原创 Nodejs 学习系列
nodejs学习计划（未完待续…）计划如下：1、 Nodejs 整体介绍2、 Nodejs http模块、url模块、path模块、supervisor工具使用3、 Nodejs 自定义模块4、 CommonJs 和 Nodejs 模块、npm、自定义模块5、 Nodejs中的fs模块6、 Nodejs中 async await 处理异步7、 Nodejs fs中的流以及管...
2020-01-15 15:08:44
432
前端性能优化.pptx
2019-07-31
Ionic Framework.pptx
2019-07-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人