- 博客(182)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端RSA加密方法jsencrypt以及encryptlong
jsencrypt和encryptlong都是rsa加密，加密的对象一定要是字符串。简单数据用前者，如果加密的是对象并且数据还挺多的，比如含有token 用后者。下面用jsencrypt为例。针对前端加密解密，公钥秘钥都存储前端不安全，一般也可采用两对公钥秘钥前后端分别使用前端（公钥A私钥B）后端（公钥B私钥A）。当然也可以采用其他混合加密，例如rsa+aes等。RSA会产生两个密钥，其中公钥公开用于加密，私钥不公开用于解密。
2023-04-03 15:34:49
3672
1
原创 【Antd Design Upload】 antd Upload 上传时只有Uploading状态，无法获取返回的数据
ntd Upload 上传时只有Uploading状态，无法获取服务器返回的数据
2022-11-23 16:28:33
3445
1
转载 微前端方案简述
无界微前端方案基于 webcomponent 容器 + iframe 沙箱，能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户的核心诉求。
2022-09-14 11:44:12
108
原创 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
290
原创 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
383
原创 Java项目中添加Junit测试的方法
添加方法 ：项目右键→ Build path→ Configure Build Path→ Libraries→点击Classpath →Add Library→ Junit→ 选择Junit版本注意添加的位置为classpath
2021-06-17 21:29:45
1220
原创 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
1297
原创 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
128
原创 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
453
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
179
原创 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
152
原创 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
994
原创 移动端判断手机横竖屏状态及加载相应样式或内容的解决方案
移动端的开发过程中，免不了要判断横竖屏，然后在执行其他操作，比如分别加载不同样式或内容等等。首先在做移动端开发的时候，在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
488
原创 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
8580
转载 箭头函数和普通函数的区别
箭头函数和普通函数的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
3027
转载 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
764
转载 RESTClient使用教程
RESTClient 使用教程 Wisdom RESTClient 一款自动化测试REST API的工具，它可以自动化测试RESTful API并生成精美的测试报告，同时基于测试过的历史API，可以生成精美的RESTful API文档。 1. 使用RESTCli...
2021-01-14 19:02:49
1703
原创 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
994
原创 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
350
原创 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
571
原创 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
2406
原创 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
5650
原创 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
304
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
494
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
2862
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
421
原创 命令行：删除vscode配置及插件
输入如下指令，删除 VSCode 的设置和配置sudo rm -rf $HOME/Library/Application\ Support/Code输入如下指令，删除 VSCode 的插件sudo rm -rf $HOME/.vscode
2020-10-26 17:03:29
1522
转载 常用的18个webpack插件总结
Plugin何为插件(Plugin)？专注处理 webpack 在编译过程中的某个特定的任务的功能模块，可以称为插件。plugin 是一个扩展器，它丰富了 webpack 本身，针对是 loader 结束后，webpack 打包的整个过程，它并不直接操作文件，而是基于事件机制工作，会监听 webpack 打包过程中的某些节点，执行广泛的任务。Plugin 的特点是一个独立的模块模块对外暴露一个 js 函数函数的原型 (prototype) 上定义了一个注入 compiler 对象的 apply方
2020-07-31 19:40:41
10049
原创 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
548
原创 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
2076
转载 GraphQL 技术选型之利弊取舍
在看些文章时不经意看到智联团的的GraphQL使用的技术沉淀。拿出来给大家分享。此文是作者考虑 GraphQL 在 Node.js 架构中的落地方案后所得。从最初考虑可以（以内置中间件）加入基础服务并提供完整的构建、发布、监控支持，到最终选择不改动基础服务以提供独立包适配，不限制实现技术选型，交由业务团队自由选择的轻量方式落地。中间经历了解除误解，对收益疑惑，对最初定位疑惑，最终完成利弊权衡的过程。文章会从解除误解，技术选型，利弊权衡的角度，结合智联招聘的开发现状进行交流分享。文章会以 JavaScr
2020-07-07 10:24:52
2426
原创 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
1690
原创 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
10525
原创 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
2405
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人