- 博客(182)
- 资源 (1)
- 收藏
- 关注
原创 前端RSA加密方法jsencrypt以及encryptlong
jsencrypt和encryptlong都是rsa加密,加密的对象一定要是字符串。简单数据用前者,如果加密的是对象并且数据还挺多的,比如含有token 用后者。下面用jsencrypt为例。针对前端加密解密,公钥秘钥都存储前端不安全,一般也可采用两对公钥秘钥前后端分别使用前端(公钥A私钥B)后端(公钥B私钥A)。当然也可以采用其他混合加密,例如rsa+aes等。RSA会产生两个密钥,其中公钥公开用于加密,私钥不公开用于解密。
2023-04-03 15:34:49
4163
1
原创 【Antd Design Upload】 antd Upload 上传时只有Uploading状态,无法获取返回的数据
ntd Upload 上传时只有Uploading状态,无法获取服务器返回的数据
2022-11-23 16:28:33
3650
1
转载 微前端方案简述
无界微前端方案基于 webcomponent 容器 + iframe 沙箱,能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户的核心诉求。
2022-09-14 11:44:12
128
原创 Java ques: java.sql.SQLException: Can not issue data manipulation statements with executeQuery().
错误描述java.sql.SQLException: Can not issue data manipulation statements with executeQuery(). at com.mysql.jdbc.SQLError.createSQLException(SQLError.java:996) at com.mysql.jdbc.SQLError.createSQLException(SQLError.java:935) at com.mysql.jdbc.SQLError.crea
2021-06-17 21:45:27
323
原创 Java ques:java.lang.NoClassDefFoundError: org/junit/platform/engine/ConfigurationParameters
添加有问题,删除重新添加一遍找到Junit,右键:buildpath—》remove from build path,然后重新导入。项目右键properies–>java build path -->library,路径要选classpath,如果你选成了上面的module path 就会报这样错;...
2021-06-17 21:31:13
411
原创 Java项目中添加Junit测试的方法
添加方法 :项目右键→ Build path→ Configure Build Path→ Libraries→点击Classpath →Add Library→ Junit→ 选择Junit版本注意添加的位置为classpath
2021-06-17 21:29:45
1266
原创 Java ques: Exception in thread “main“ java.lang.ClassNotFoundException
报错: Exception in thread "main" java.lang.ClassNotFoundException这个原因是引入mysql-connector-java-x.x.x-bin.jar的问题。但可能的情况可能是没有 buildpath, 也可能是包删除没有删干净存在多个等等解决:首先要下载好mysql-connector-java-x.x.x-bin.jar,在Eclipse中,选择在你的 项目右击->属性->Java构建路径,在“库”选项卡中,选择“添加外部
2021-06-17 12:04:04
1337
原创 Java ques: Unknown initial character set index ‘255‘ received from server. Initial client character
报错:Unknown initial character set index '255' received from server. Initial client character set can be forced via the 'characterEncoding' property.从错误的提示信息中发现字符集设置出现问题解决:数据库地址上修改下就可以了String url = "jdbc:mysql://localhost:3306/test?useUnicode=true&
2021-06-17 11:54:25
149
原创 Java ques:Client does not support authentication protocol requested by server;Access denied user‘roo
JDBC连接MySQL 8版本时eclipse出现Client does not support authentication protocol requested by server; consider upgrading MySQL client可能是由于navicat版本的问题造成连接失败。mysql8 之前的版本中加密规则是mysql_native_password,而在mysql8之后,加密规则是caching_sha2_password解决:1.命令窗口输入mysql -u root -p
2021-06-17 11:49:21
482
2
原创 Java ques:Loading class ‘com.mysql.jdbc.Driver‘. This is deprecated. The new driver class is ‘com.m
com.mysql.jdbc.Driver 是 mysql-connector-java 5中的,com.mysql.cj.jdbc.Driver 是 mysql-connector-java 6中的,需要指定时区serverTimezone:报错:Loading class 'com.mysql.jdbc.Driver'. This is deprecated. The new driver class is 'com.mysql.cj.jdbc.Driver'. The driver is a
2021-06-17 11:41:56
189
原创 Java ques:WARN: Establishing SSL connection without server’s identity verification is not recommend
com.mysql.jdbc.Driver 是 mysql-connector-java 5中的com.mysql.cj.jdbc.Driver 是 mysql-connector-java 6中的报错:Loading class 'com.mysql.jdbc.Driver'. This is deprecated. The new driver class is 'com.mysql.cj.jdbc.Driver'. The driver is automatically registered
2021-06-17 11:38:42
172
原创 Mac与window上谷歌网页滚动截屏(网页整页截屏)
Mac网页双指点击,点击检查,打开Chrome浏览器的console功能菜单。command+shift+p打开Chrome浏览器的console功能菜单的指令搜索栏。输入Capture full size screenshot,找到Capture full size screenshot指令,点击该指令或按下回车,就自动下载好了。Win网页右键点击或F12,点击检查,打开Chrome浏览器的console功能菜单。ctrl+shift+p打开Chrome浏览器的console功能菜单的指
2021-04-06 13:57:33
1273
原创 移动端判断手机横竖屏状态及加载相应样式或内容的解决方案
移动端的开发过程中,免不了要判断横竖屏,然后在执行其他操作,比如分别加载不同样式或内容等等。首先在做移动端开发的时候,在HTML页面head中加入如下代码<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">在以下的方法中使用media来判断屏幕宽度可能会遇到的问题,ios上当我旋转屏幕的时候可行,但是安卓机上没反应,横屏显示.
2021-03-02 14:59:38
555
原创 react 如何渲染富文本内容
import React, { Component } from 'react'; class App extends Component { constructor(){ super() this.state={ article:"<div>我是富文本内容</div>", } } render() { return ( <div dangerouslySetInnerHTML={{__html:thi
2021-02-04 14:05:32
8806
转载 箭头函数和普通函数的区别
箭头函数和普通函数的10个区别 1、箭头函数没有prototype属性let fn = () => {};fn.prototype === undefined; //true复制代码2、箭头函数的this指向定义时外层第一个普通函数的thislet fn, barObj = { message: 111 }, fooObj = { message: 222 };function bar() { // 运行时实例 ...
2021-01-26 16:25:55
3091
转载 Vue3 的学习教程汇总、源码解释项目、支持的 UI 组件库、优质实战项目
1. Vue3 中文文档先给大家提供 3 个 Vue3 的中文学习网址。Vue3 中文文档,国内 CDN 加速版https://vue3js.cn/docs/zh/Vue3 设计理念Vue3 设计理念,动机与目的,上手必读。https://vue3js.cn/vue-composition/Vue3 相关项目聚合网站https://vue3js.cn/2. Vue3 源码为什么要学习源码 ?1. 阅读优秀的代码的目的是让我们能够写出优秀的代码。2. 不给自己设限,不要让你周围人的技术上限成为你的上限。其实就
2021-01-18 11:00:08
791
转载 RESTClient使用教程
RESTClient 使用教程 Wisdom RESTClient 一款自动化测试REST API的工具,它可以自动化测试RESTful API并生成精美的测试报告,同时基于测试过的历史API,可以生成精美的RESTful API文档。 1. 使用RESTCli...
2021-01-14 19:02:49
1744
原创 Typescript 中常见到的三斜线指令
/// <reference path="./node.d.ts" />/// <reference types="node" />path类型声明的是对本地文件的依赖,包含路径信息。 types类型声明的是对node_modules/@types文件夹下的类型的依赖,不包含路径信息。常常在一个后缀名为.d.ts的声明文件中可以见到三斜线指令引入文件,上面的在编译阶段,被依赖文件 node.d.ts将被包含进来,就像将被依赖文件的源码展开在依赖声明处一样。...
2021-01-14 11:51:20
1011
原创 PostgreSQL,MySQL for CASCADE, RESTRICT, NO ACTION, SET NULL, SET DEFAULT
PostgreSQLNO ACTION(default): If any referencing rows still exist when the constraint is checked, an error is raised RESTRICT: Prevents deletion of a referenced row. The essential difference between these two choices is thatNO ACTIONallows the check...
2021-01-13 15:08:33
363
原创 JS获取日期中某月的天数,月初或月末是周几
// 借助 Date API 处理日期溢出特性(进位)获取日期中某月的天数const getMonthCountDay = (year, month) => 32 - new Date(year, month-1, 32).getDate()// 借助 Date API 处理日期溢出特性(退位)获取日期中某月的天数const getMonthCountDay = (year, month) => new Date(year, month, 0).getDate()// 月初或月末是周
2021-01-07 14:54:48
586
原创 Sourcetree git提交失败——running pre-commit hook: lint-staged
错误 :Git提交失败 git:>running pre-commit hook:lint-staged原因:这个问题是因为当你在终端输入git commit -m “XXX”,提交代码的时候,触发pre-commit(客户端)钩子,它会在Git键入提交信息前运行做代码风格检查。如果代码不符合相应规则,项目中error过多,导致检测未通过,提交失败则报错,而它的检测规则就是根据.git/hooks/pre-commit文件里面的相关定义。解决方法:方法一:那就是删除掉pre-commi
2020-12-28 10:46:59
2555
原创 React Hooks系列之useUpdate、useUpdateEffect
import { useReducer } from 'react';/** * @description: Hooks useUpdate 更新钩子 * @demo const update = useUpdate() */export const useUpdate = () => useReducer((v: number) => v + 1, 0)[1];import { useEffect, useRef } from 'react';/** * @descr
2020-12-18 19:19:51
5767
原创 React Hooks系列之useTimeDown
import { useState } from 'react';/** * @description: Hooks useInterval 倒计时钩子 * @param {seconds} number 秒数 * @demo const [rest,timeFormat] = useTimeDown(60) * rest : 剩余秒数 60 * timeFormat : 时间格式化:00:01:00 */export function useTimeDown(second
2020-12-18 18:21:11
315
2
原创 React Hooks系列之useDocumentTitle、useFavicon
import { useEffect, useRef } from "react";/** * @description: Hooks useDocumentTitle 改变标题钩子 * @param {title} string 标题名字 * @demo => useDocumentTitle('标题名字') */ export function useDocumentTitle(title: string) { const prevTitleRef = useR
2020-12-18 17:41:36
527
1
原创 React Hooks系列之useInterval
import { useRef, useEffect } from 'react';/** * @description: Hooks useInterval 间限执行钩子 * @param {callback} Function 回调函数 * @param {delay} number 延迟时间 * @demo => useInterval(() => {}, 1000) */export function useInterval(callback: Fu
2020-12-18 16:57:38
2914
1
原创 【Ant Design】Instance created by `useForm` is not connected to any Form element
问题点:Antd Modal 中使用 Form ,使用 React Hooks const [form] = Form.useForm(); 创建实例时,会出现以下警告。原因:Modal 还未初始化导致 form 没有关联任何 Form 组件。解决方案:强制预渲染未初始化的组件,给Modal加forceRender为true。...
2020-12-16 13:58:54
438
原创 命令行:删除vscode配置及插件
输入如下指令,删除 VSCode 的设置和配置sudo rm -rf $HOME/Library/Application\ Support/Code输入如下指令,删除 VSCode 的插件sudo rm -rf $HOME/.vscode
2020-10-26 17:03:29
1612
转载 常用的18个webpack插件总结
Plugin何为插件(Plugin)?专注处理 webpack 在编译过程中的某个特定的任务的功能模块,可以称为插件。plugin 是一个扩展器,它丰富了 webpack 本身,针对是 loader 结束后,webpack 打包的整个过程,它并不直接操作文件,而是基于事件机制工作,会监听 webpack 打包过程中的某些节点,执行广泛的任务。Plugin 的特点是一个独立的模块模块对外暴露一个 js 函数函数的原型 (prototype) 上定义了一个注入 compiler 对象的 apply方
2020-07-31 19:40:41
10257
原创 Javascript实现cuid唯一标识号
常用cuid.js 的实现function pad (num, size) { var s = '000000000' + num; return s.substr(s.length - size);};var os = require('os'), padding = 2, pid = pad(process.pid.toString(36), padding), hostname = os.hostname(), length = hostname
2020-07-31 19:36:29
596
原创 Typescript 中的高级类型
源码定义type Partial<T> = { [P in keyof T]?: T[P];};/** * Make all properties in T required */type Required<T> = { [P in keyof T]-?: T[P];};/** * Make all properties in T readonly */type Readonly<T> = { readonly [P in
2020-07-15 14:15:38
2104
转载 GraphQL 技术选型之利弊取舍
在看些文章时不经意看到智联团的的GraphQL使用的技术沉淀。拿出来给大家分享。此文是作者考虑 GraphQL 在 Node.js 架构中的落地方案后所得。从最初考虑可以(以内置中间件)加入基础服务并提供完整的构建、发布、监控支持,到最终选择不改动基础服务以提供独立包适配,不限制实现技术选型,交由业务团队自由选择的轻量方式落地。中间经历了解除误解,对收益疑惑,对最初定位疑惑,最终完成利弊权衡的过程。文章会从解除误解,技术选型,利弊权衡的角度,结合智联招聘的开发现状进行交流分享。文章会以 JavaScr
2020-07-07 10:24:52
2462
原创 Mac升级后,git命令无法使用
今天将系统升级到 10.13 之后,使用 git --version 命令出现了下面的错误xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun原因:系统升级之后,Xcode 等相关联的插件被卸载了,需要重新安装解决办法:终端输入命令xcode-sel
2020-06-24 17:07:55
1754
原创 TypeScript中??和?什么意思呢?
??其实没啥意思,就是Nullish Coalescing (空值合并)。具体好好看官方文档:https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html#nullish-coalescing4.0的版本要有一些变化来直接上代码简单例子一目了然const i = undefinedconst k = i ?? 5console.log(k) // 5// 3.9.2编译const i = und
2020-06-17 16:38:03
10575
原创 Typescript ques:An index signature parameter type cannot be a union type. Consider using a mapped...
写接口类型时,希望一个类型的键值是联合类型中固定的几个const enum MSGTYPE{ TEXT = 'text', IMAGE = 'image',}// or// type MSGTYPE = 'text' | 'image';export interface QywxSendMessage = { msg_id: number; msg_name: string; [key: MSGTYPE]: number;}显然会报错An index
2020-06-17 13:33:07
2466
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人