- 博客(35)
- 收藏
- 关注
RSS订阅原创 快速解决报错 Error: error:0308010C:digital envelope routines::unsupported 的5种方案
Error: error:0308010C:digital envelope routines::unsupported 报错的解决办法
2024-03-18 17:44:30
1283
原创 还有人不知道单点登录？
在前后端分离的情况下，完全可以不使用 Cookie，我们可以选择将 Session Id （或 Token ）保存到浏览器的 LocalStorage 中，让前端在每次向后端发送请求时，主动将 LocalStorage 的数据传递给服务端。b. 已知子域可以共享父域cookie ，如果把cookie放置在父域下，cookie可以被所有的子域共享， 比如 fanyi.baidu.com 以及map.baidu.com 都可以访问baidu.com 下设置的cookie , 只需要把。
2024-01-11 18:47:13
463
原创 前端生成pdf之html2canvas+jsPDF，以及解决图片不显示bug
开发背景： 需要给页面中相应的内容生成pdf，查找文档后发现要用到两个插件。html2canvas 以及 jsPDFjsPDF参数下面是dom转化为pdf 的基本代码需要特别注意一下 html2canvasonclone方法。它是当DOM被克隆后进行渲染时的回调函数，可用于修改将要渲染的内容，而不会影响原始DOM。当你需要在生成快照前操作 DOM（例如隐藏打印按钮）时，会非常有用。
2024-01-08 17:28:06
2459
原创 前端nginx代理，访问后端接口502问题积锦
查询各种资料：502是nginx没连通后端服务器，用过各种尝试，发现没有效果，最后发现是自己大意了，proxy_pass的后端地址，我用了https, 然而真实地址是http, 是这个原因照成502，真实汗颜啊。http状态码502。
2023-12-04 10:19:03
1501
原创 用户在页面离开时发送http请求，如何成功
这些http请求能否成功依赖于下面几点：网络连接速度、应用程序性能、甚至于外部服务器本身的配置，可以尝试用下面代码解决。使用keepalive 不需要我们阻止默认行为，也不需要 location 跳转。就可以使这个请求发出去。但 fetch 会被加入异步队列，页面跳转时队列中剩余的请求仍会被 cancled。是的，如果您创建自己的 axios 实例，您可以使用 axios 执行此操作。在axios 中也可以设置 keepalive，具体配置如下。
2023-11-29 11:00:19
635
原创 教你如何nginx服务器开启gzip压缩
使用lighthouse检测网页后，发现提示我需要进行资源压缩明明我前端代码已经压缩了啊，查询相关文档后发现说的是服务端gzip压缩查询网站是否用gizp压缩Gzip 是一种压缩算法，在网络传输中使用非常普遍。需要注意的是，Gzip 压缩仅对于文本类型的资源有明显提示，压缩后的体积大约是压缩前的 1/3。但是对于图片，音视频等媒体资源，本身就采用了有损压缩，所以再使用 gzip 并不能得到很大提升，有时候反而会适得其反。
2023-08-31 15:39:23
961
原创 React hook 10种常见 Hook
他们都可以用来优化子组件的渲染问题，或者监听子组件状态变化来处理事件，这一点在以前是很难做到的，因为shouldComponentUpdate 里能监听到是否变化，但没法控制其他的外部方法，只能返回true和false,而componentDidUpdate只能在更新后执行，所以想在渲染之前做些事情就不好搞了。Hook 不会影响你对 React 概念的理解 恰恰相反，Hook 为已知的 React 概念提供了更直接的 API：props， state，context，refs 以及生命周期。
2023-08-28 18:09:28
965
原创 React 生命周期新旧对比
React16.4版本之后使用了新的生命周期，它使用了一些新的生命周期钩子（getDerivedStateFromProps、getSnapshotBeforeUpdate），并且即将废弃老版的3个生命周期钩子（componentWillMount、componentWillReceiveProps、componentWillUpdate）。
2023-08-28 17:40:50
1308
原创 前端权限验证之自定义指令v-permission
可以使用全局权限判断函数，用法和指令 v-permission 类似。使用vue自定义指令来v-permission 来控制按钮。
2023-08-07 14:22:40
600
原创 Windows 给 VScode 添加右键菜单
新建文件，给下列注册表文件注册信息复制下来，修改对应的程序路径后，右键另存为 .reg文件，然后直接双击打开Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\Directory\Background\shell\VSCode]@="Open VSCode Here""Icon"="D:\\mysoft\\Microsoft VS Code\\Code.exe"[HKEY_CLASSES_ROOT\Directory\Backgr.
2021-10-21 12:10:37
194
原创 antd table 单选或者多选的默认选中行设置
antd 的table 默认选中bug话不多说，先上官方文档主要设置 rowSelection设置默认选中行，需要 onChange 和 selectedRowkeys 配合思路： 默认设置selectedRowKeys的值，onChange事件触发的时候再改变selectedRowKeys。部分代码如下 const [selectedRowKeys, setSelectedRowKeys] = useState([]) ···省略··· <Table rowKey="id
2021-09-26 11:49:56
6347
原创 react hook useSate，useEffect，useRef 使用
React 函数式组件之hooks React Hooks 了解与使用 sdfsdfsdfsfsfsfsdf文章目录React 函数式组件之hooks前言一、useState二、useEffect三、useRef总结前言 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、useState在class组件中使用this.state来初始化数据：class Ex
2021-09-26 11:36:40
281
转载 Jenkins了解
jenkins 了解最近用jenkins部署了前端项目，就大概查了下jenkins 知识一、jenkins是什么？Jenkins是一个开源的、提供友好操作界面的持续集成(CI)工具，起源于Hudson（Hudson是商用的），主要用于持续、自动的构建/测试软件项目、监控外部任务的运行（这个比较抽象，暂且写上，不做解释）。Jenkins用Java语言编写，可在Tomcat等流行的servlet容器中运行，也可独立运行。通常与版本管理工具(SCM)、构建工具结合使用。常用的版本控制工具有SVN、GIT，构
2021-09-07 15:17:41
233
原创 react项目 umi环境 redux 使用
reduxnamespacestateeffects 使用reducers 使用connect 使用namespace命名空间，用于区分多个modelstate用于存放私有数据effects 使用effects 是 model的一个方法，用于处理数据数据，比如处理接口请求model.ts文件 effects: { *fetchData({ payload }, { call, put }) { //异步数据调用service接口的行为叫做call（召唤） //
2021-09-07 14:38:05
3109
1
原创 新申请的linux 服务器 centos系统安装node环境
新申请的linux 服务器 centos系统安装node环境背景步骤背景服务器：阿里云免费试用的 Linux 服务器操作系统： centos8.2其它： 已安装nginx 查看步骤说明： 需要安装node环境 支持 node 后端项目运行步骤先查看 nodejs 官网 选择想安装的包地址比如本次操作我选择的是 https://nodejs.org/dist/v14.15.4/node-v14.15.4-linux-x64.tar.xz本地 ssh 登录云服务器 （我使用的是git
2021-01-14 15:18:07
109
原创 新linux服务器安装nginx步骤
新linux服务器安装nginx步骤开发背景步骤1. 安装nginx前需要安装nginx所依赖的环境2. 安装nginx包3.到这里 nginx基本安装好了，如果需要使用nginx布置前端代码，则需要更深了解 nginx的 config配置啦开发背景本人在阿里云试用中心申请了一个月免费linux服务器，操作系统为centos8.2版本， 作为一个前端，习惯使用nginx作为前端项目的服务（支持反向代理和负载均衡）超好用。话不多说，下面介绍下安装nginx步骤步骤1. 安装nginx前需要安装ngin
2021-01-13 17:32:24
254
原创 ES6 Map 和 Object 的使用方法
JavaScript Map 和 Object 的区别不同点：1、Key filed在 Object 中， key 必须是简单数据类型（整数，字符串或者是 symbol），而在 Map 中则可以是 JavaScript 支持的所有数据类型，也就是说可以用一个 Object 来当做一个Map元素的 key。2、元素顺序Map 元素的顺序遵循插入的顺序，而 Object 的则没有这一特性。3、继承Map 继承自 Object 对象。4、新建实例Object 支持以下几种方法来创建新的实例
2020-12-03 11:10:08
823
原创 js基础试题
JS基础试题javascript的typeof返回哪些数据类型.js 基本数据类型有哪些判断是否为数组的方法例举3种强制类型转换和2种隐式类型转换?null和undefined的区别？split() join() 的区别数组方法pop() push() unshift() shift() 的区别对数组 var arr = [1,1,2,3,4,2,6,4,5,7]; 去重对数组 var arr = [4,3,6,2,8,7,1,9] 排序请说明 ” == ” 和 “===”的不同
2020-09-30 18:03:26
233
原创 登录状态之cookie设置(cookie 作用域以及cookie js 操做以及 cookie 组成)
背景：使用cookie 做统一登录平台，即登录一次其他平台可直接访问（无需再次输入用户名和密码登录）。前提同一父域名下的多个子域名，可以做成单点登录的方式，（比如：b.xyz.com 、a.xyz.com 和 c.xyz.com) 。 这里用到cookie的作用域的特性。cookie 的作用域 domian下面是cookie作用域现在有三个域名，一个顶级作用域、一个二级作用域、一个三级作用域；1 xyz.com2 a.xyz.com3 b.a.xyz.com首先在xyz.com 域名下
2020-09-14 15:48:43
3473
原创 nginx服务器上发布的新版本代码总需要清除浏览器缓存问题
前端发布新代码后的浏览器缓存问题问题场景原因解决方法问题场景代码运行环境：nginx现象：发布新版本代码时浏览器总是有上次缓存结果：页面显示混乱、更新的功能还是上个版本等一系列问题原因浏览器缓存解决方法1. 用户自行清理浏览器缓存。优点：清除浏览器缓存后可达到效果。缺点：影响用户体验2. 使用禁用缓存标签，实现禁用浏览器缓存。优点：可达到效果。缺点：每次请求页面都要重新请求，我们还是希望有缓存的 <meta http-equiv="Cache-Control" con
2020-06-22 15:36:26
5425
2
转载 nginx创建全局命令
1.创建文件vim /etc/init.d/nginx2.把下面的代码粘贴进去(这个代码网上一大堆)#!/bin/sh# nginx - this script starts and stops the nginx daemin## chkconfig: - 85 15# description: Nginx is an HTTP(S) server, HTTP(S) rev...
2020-02-25 15:19:24
550
原创 Webpack Bundle Analyzer 使用常见问题
这里写自定义目录标题一：安装二：配置三：常见问题一：安装npm intall webpack-bundle-analyzer –save-dev二：配置在vue.config.js 里面const Webpack = require('webpack');const BundleAnalyzerPlugin = require("webpack-bundle-analyzer").B...
2020-02-03 16:24:47
2771
原创 vue页面刷新显示空白 后台显示打包后的js 文件报错Unexpected token
这里是打包文件路径的问题，修改webpack.config.js 里面的 publicPath为绝对路径 比如 ‘/’
2020-01-15 14:25:43
414
原创 vue封装 svg-icon组件 并 vue/cli4配置 svg-sprite-loader, 报错：resolve is not defined
1，vue中封装svg-icon组件使用原因1，svg是矢量图， 不会因为尺寸方法和缩小而失真2， 阿里图库可以直接粘贴获取 svg 图标代码，方便快捷3，封装为组件后，更容易操作接下来我们一起来创造它吧1，创建组件，首先在components文件夹下创建一个名为SvgIcon的文件夹，在此文件夹下创建 index.vue文件，如图：comoponets/SvgIco...
2020-01-06 17:02:14
6298
3
原创 vue报错：name: "NavigationDuplicated"，message: "Navigating to current location ("/pool") is not allowed
vue报错：name: “NavigationDuplicated”，message: “Navigating to current location (”/pool") is not allowed这句话的意思：在路由跳转的时候不允许两次push/replace的path地址相同解决方法：方法一： vue-router 回退版本3.0 （3.1以下版本）npm uninstall ...
2020-01-02 11:00:08
1014
原创 VUE项目实现全屏显示功能---screenfull
摘要：使用screenfull 插件大多数开发项目中都需要全屏显示功能，在vue项目中有比较方便的插件 screenfull。npm地址：https://www.npmjs.com/package/screenfull点击图标 全屏显示再次点击退出全屏或者Esc 退出使用方法 npm install screenfull --save首先安装 npm install scre...
2019-12-30 11:50:50
6278
2
原创 vue 使用less 报错：Inline JavaScript is not enabled
现象在vue 项目中使用less 后报错：Inline JavaScript is not enabled .bezierEasingMixin();解决方案：在 build/utils.js 文件中修改less配置(vue/cli2版本) return { css: generateLoaders(), postcss: generateLoaders(), ...
2019-12-25 16:29:15
5747
1
原创 window10家庭版安装docker记录
window 10家庭版安装 docker 记录遇到的问题原因：新的方法步骤功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出...
2019-12-25 12:22:44
139
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人