自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(80)
  • 资源 (1)
  • 收藏
  • 关注

原创 向量数据库

向量数据库|一文全面了解向量数据库的基本概念、原理、算法、选型-腾讯云开发者社区-腾讯云向量数据库——AI时代的技术基座|ai|关系型_网易订阅向量数据库_大模型知识库_向量数据存储_向量数据检索- 腾讯云

2023-12-04 21:52:04 117

原创 在 MAC 中导出文件夹下的文件目录的树形结构

首先, 如果经常用Linux命令行的都知道, 在 Linux 中有一个 tree的命令可以完成这一功能, 但是很不巧在 MAC 中没有,所以 今天特别写一下。4. 在打开的文件里写 : alias tree=”find . -print | sed -e ‘s;进了新公司之后,看公司之前的代码, 由于风格不同又是纯代码, 东西比较多.想着,导出一个文件树形目录, 然后在做一些注释, 也方便以后用.今天就是主要写一下怎样在 MAC 中导出树形结构……在使用的时候只需要切换到对应的文件夹下,使用。

2023-07-11 16:38:58 336

转载 swagger接口文件转前端axios+typescript文件

如果你使用过后端生成的swagger接口文档,那么肯定会有疑问,能不能直接生成接口文件呢,这样前端不就省事了。经过和后端同事的研究发现了swagger-typescript这个工具正好可以帮我们做这样的事情。好了废话不多说开始正文。

2023-04-27 20:41:46 581

原创 eletron+react+antd+node开发桌面小程序并打包(electron-packager+electron-builder)

首先罗列一下项目中用到的技术:electron, react,antd, typescript, node,及打包命令:pkg,electron-packager,electron-builder及child_process实现多进程需求:开发一个桌面应用,左侧展示视频(需要用到node服务进行rtsp转码),右侧一些获取视频流需要的表单数据。因为从需求到完成小demo,大概花费了三四天时间,所以个别处代码写的有些潦草,后续有时间会继续优化。第一步:electron之小试牛刀首先得确保技

2023-04-27 20:40:10 1312

转载 用swagger-typescript-api根据Swagger定义自动生成前端TypeScript类型定义以及API请求代码

随着前端技术的不断进步,typescript已经在前端开发中也越来越普及。

2023-04-11 22:28:24 1679

转载 Object.defineProperty()详解

Object.defineProperty()详解

2022-07-04 15:05:54 329

原创 ant-design-pro 多环境请求代理配置

在开发中我们可能需要区分多种情况,比如开发环境,测试环境,语法环境,在 Pro 中我们可以通过的环境变量来实现这个需求。const serveUrlMap = { dev: 'https://dev.8jsj.cn/', pre: 'https://pre.8jsj.cn/', test: 'https://test.8jsj.cn/', idc: 'https://idc.8jsj.cn/',};const { SERVE_ENV = 'idc' } = process...

2021-10-08 11:22:56 856

原创 面试题整理

JS基础1.原型和原型链2.闭包,应用,手写防抖节流3.new 操作做了什么ES61.箭头函数和普通函数的区别2.aync await实现原理3.for of for in 区别4.map实现:Array.prototype.aMap = (fn)=>{ const arr = this let Arr = [] // fn.call() for(let i=0;i<arr.length;i++){ let val = fn(arr[...

2021-09-11 17:39:58 99

原创 webpack报错解决方案

1.[webpack-cli] TypeError: Cannot read property 'tap' of undefined at HtmlWebpackPlugin.apply 。。。解决方案:确保webpack和html-webpack-plugin版本一致。比如webpack4使用h-w-p4.*,webpack5使用h-w-h5.*

2021-04-22 17:56:54 559

原创 JS通过预签名URL向AWS S3对象存储上传文件

记录:1.注意设置请求头的格式:headers: { 'Content-Type': 'multipart/form-data'},如果不设置,上传接口返回成功,但是下载链接打不开2.添加onUploadProgress方法,监控上传进度,方便进度条百分比的展示完整代码:import axios from 'axios' axios.put(presignUrl, fileList[0], { header...

2021-04-22 16:01:14 1235 1

原创 VirtualBox虚拟机启动爆出:fatal:No bootable medium found! System halted的错误

最近更换Mac电脑,但是为了方便开发那些必须在windows下跑的项目,于是安装win10系统。安装过程见上篇。安装完成后启动时出现:fatal:No bootable medium found! System halted于是下载win10的镜像包,并添加到存储重新启动,发现依然报错。问题没有解决。再尝试:网上很多教程上说启动顺序应该选硬盘,这里改成光驱后,问题就解决了...

2021-04-14 11:44:53 4037 3

转载 Mac用VirtualBox虚拟机安装win10教程

1. 下载并安装VirtualBox进入VirtualBox官网,选择OS X hosts版本,下载好后双击打开安装即可。2. 下载win10镜像文件(.ios文件)到官网下载安装包。3. 新建虚拟机打开VirtualBox,点击左上角新建,名称随便填,版本选择Windows 10(64-bit),如图:选择版本.png后面连续点击两次继续,到虚拟硬盘界面,选择默认项现在创建虚拟硬盘,点击创建,到下面图示界面:虚拟硬盘.png选择默认项VDI(Virtual

2021-04-13 17:59:37 6560

原创 项目中导入less报错的解决办法Syntax Error: TypeError: this.getOptions is not a function

今天在项目中使用了less语法,结果出现了错误,安装、代码和报错如下情况解决办法查了一些资料,发现是因为less-loader的版本太高了。改成7的就行。重新执行一下npm install之后重启项目就可以了...

2021-04-06 10:59:30 1688

转载 如何发布 npm 包

npm是什么?npm 是Node 的模块管理器,功能极其强大。它是Node 获得成功的重要原因之一。正因为有了npm,我们只要一行命令,就能安装别人写好的模块。npm installnpm install:https://docs.npmjs.com/cli/install 命令用来安装模块到node_modules目录。$npminstall<packageName>--save-dev-D本地--save-S生产-g全局$npmuninst...

2021-01-06 15:44:22 400

原创 babel-loader: You may need an additional loader to handle the result of these loaders

错误内容具体如下:感觉像是babel不支持TS可选链的写法,百度了半天没有找到解决方案。最后查了一下babel的插件库,在项目配置文件:.babelrc中加上对象的插件库就行:"@babel/plugin-proposal-optional-chaining"{ "presets": ["@babel/preset-react", "@babel/preset-env", "@babel/typescript"], "plugins": [ "@babel/plugin-p

2020-12-24 16:29:08 5540 4

原创 React axios 设置多个域名跨域

因项目需要,接口调用需要跨域,并且不止是一个域名如果只跨一个域名,在package.json上设置代理即可:如下图如果需要跨多个域名,网上有的解决方案是修改package.json的proxy.但是最新的react这么写会报错:"name": "wangguan", "version": "0.1.0", "private": true, "proxy":{ "/api": { "target": "http://172.19.5.35:9536",

2020-12-16 17:06:27 1026

原创 React向数组添加对象后,遍历,报错:[].map is not a function

向数组添加元素是这么写的const [list,setList] = useState( [1,2,3])比如数组list = [1,2,3],向数组添加4.setList(list.push(4)). 结果再去遍历list,报错原因:向数组push数据后,返回的数据是最新的数组的长度。所以,最后一步是把数组的长度赋值给了list。故遍历报错解决方案:setList(list.concat(4))....

2020-12-16 16:52:41 2516 1

转载 当页面渲染遇上边缘计算

背景通过优化页面性能,提升用户的体验,一直是我们追求的目标。我们可以通过浏览器缓存、预加载、预渲染等各种方案,来提升页面的访问性能和体验。但在实际业务场景中,有一类页面一直是性能优化的老大难,那就是首跳页面。即用户是第一次访问网站的场景。对于 web 页面来说,首跳场景(例如 SEO、付费引流)的性能普遍比二跳场景下要差。原因有多种,主要是首跳用户在连接复用,和本地资源缓存利用方面,有很大的劣势。首跳场景下,很多在端上的优化手段(预加载,预执行,预渲染等)无法实施。在客户端缓存能力无法利用的情.

2020-07-08 15:04:58 559

转载 如何挑选数据可视化框架及平台 - 前端篇

数据可视化是个很火的领域,如果在 Github 上搜索 chart 会发现有7.6w个结果,大量看起来功能类似的图表库,如何在这么多项目中选择适合自己的?因为做 BI 产品Sugar的缘故,我们曾经花费了大量时间了解各种可视化库,接下来将分享我们在这方面的经验,帮助你做出更好的选择。首先我们将数据可视化分成两种大的类型:可视化库,比如 D3、Echarts 等,这些是面向开发者的,开发者可以基于这些库开发可视化应用。 可视化平台,比如 Grafana、Superset 等,这些面向分析师和...

2020-07-08 14:50:12 1901

转载 antd 常用知识点和小技巧总结

目录1 form 表单中 FormItem 的布局 2 form 表单,FormItem 的 rules 中新增 validator,实时请求校验 3 利用 validator 和正则,验证中文 4 form.validateFields 直接获取表单的值 5 form 表单提交 htmlType,改为 onClick 6 Input 组件,利用 maxLength 属性,限制最大输入内容长度 7 InputNumber 只能输入数字 8 menu 实现回缩效果注意点 9 左侧菜单调整宽

2020-07-03 18:11:12 2694

翻译 if-else 日常优化

需求:用 <输出今天为星期几> 来讲讲逻辑判断优化的一些方案。当我们开始拿到需求的时候,看到一系列的逻辑判断,首先想到的应该就是 if 语句了。function returnWeekday() { let string = '今天是星期'; let date = newDate().getDay(); if (date === 0) { string += '日'; } else if (date === 1) { string += '一';

2020-05-13 14:54:00 186

原创 数组热闹的循环

1、普通for循环2、arr.forEach(item,index,arr) //代替for循环,3、arr.map(item,index,arr):正常情况下需要配合return使用,返回一个新数组。要是没有return,作用相当于forEachlet arr = [ {title:'aaaa',num:2222}, {title...

2020-04-14 14:41:12 115

原创 字符串转数组

今天新学到一个字符串转数组的方法,记录一下。通常字符串转数组使用split比如:var str = "abcd"。str.split("").结果如下:除此以外还有一种办法:Array.from(str),也能返回数组。Array.from是ES6新加的语法功能,除此以外还有很多用处~Array.from是ES6新加的语法功能,除此以外还有很多用处~。再补充一下数...

2020-04-13 17:12:10 378

原创 ssr原理

一 什么是SSR传统的VUE是纯浏览器渲染。传统VUE工作过程,npm run build 后产生app.js,index.html和css等文件。浏览器请求网站的时候,服务器将这些文件返回给浏览器,html文件里没有实质内容,只是加载了JS,实际浏览器执行返回的JS文件才生成网站。这便是纯浏览器渲染。这种渲染有以下问题:1.不利于SEO(爬虫只能爬html,不能爬JS),2.首屏过慢...

2020-04-09 09:42:21 4716

原创 git-cz 规范提交代码注释

安装:npm install -g commitizen cz-conventional-changelog使用:提交改动代码:git add .添加comment最后 git push.

2020-04-02 17:21:07 2787

原创 Module build failed: TypeError: this.getResolve is not a function at Object.loader 安装node-sass运行报错

这是因为当前sass的版本太高,webpack编译时出现了错误,这个时候只需要换成低版本的就行,下面说一下修改方法,很简单,如下,找到package.json文件,里面的 "sass-loader"的版本更换掉 就行了。卸载当前版本 npm uninstall sass-loader 安装 npm install [email protected] --save-dev...

2020-04-01 21:07:04 178

原创 git commit 提交的时候报错husky > pre-commit hook failed (add --no-verify to bypass)

推荐一个很好的代码格式化工具:https://prettier.io/这个错也是因为提交代码的时候,pre-commit(客户端)钩子,它会在Git键入提交信息前运行做代码风格检查。如果代码不符合相应规则,则报错,而它的检测规则就是根据.git/hooks/pre-commit文件里面的相关定义。解决办法:git commit --no-verify -m "comment"然后g...

2020-03-27 17:00:53 722

原创 nodemon实现node应用自动重启

在编写调试Node.js项目,修改代码后,需要频繁的手动close掉,然后再重新启动,使用nodemon这个工具,它的作用是监听代码文件的变动,当代码改变之后,自动重启。个人觉得类似VUE Angular的热加载功能。nodemon官网:https://github.com/remy/nodemon1.配置nodemonnpminstallnodemon下载:npm instal...

2020-03-26 23:26:39 1144

原创 VSCode创建VUE文件,自动添加注释

VSCode:Ctrl Shift P 输入Snippets输入vue,在vue.json文件里写入:{ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix i...

2020-03-26 20:19:08 3009

转载 github配置密钥

我们在githob创建项目后,本地使用git 克隆代码 需要在githob配置密钥,才可以步骤:下载git,进行安装,安装好后。点击桌面,右键,选择》》gitbash在弹出的黑框口里面输入ssh-keygen -t rsa -C 你的邮箱比如 :ssh-keygen -t rsa [email protected]然后一直回车,就行了最后得到如图它会生成一个 id _...

2020-03-25 00:16:29 342

原创 npm install 时关于-4048错误的解决办法

在家里配置项目环境时遇到了-4048报错,记录一下解1,进入项目目录,把node_modules文件夹删除,package-lock.json文件也删除2,以管理员身份运行CMD3,清除npm缓存: npm cache clean --force4,再进行npm install...

2020-03-24 23:53:33 3350

转载 执行hexo inint 命令报错hexo:无法加载文件.....\npm\hexo.psl,因为在此系统中禁止运行脚本

在默认情况下,我们是无法执行powershell脚本的, 需要更改执行策略。Restricted //不允许任何脚本运行win10下更改执行策略:1.打开设置2.搜索power选择选项:允许powershell较笨在不签名的情况下运行3.勾选,点击应用就可以了...

2020-03-23 19:47:35 656

原创 Flex布局

布局的传统解决方案,基于盒状模型,依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。一、Flex 是 Flexible Box 的...

2020-03-23 15:43:46 72

转载 记录一次maven打包时将test目录下的类打包到jar中,Maven Assembly Plugin的使用

今天有人问我打包后找不到主类,运行的类写在test中.按照常规,test目录下的文件不会打包到jar包中.(但是我测试一个springboot工程就可以,这里之后再研究)具体解决如下第一步:在pom文件中引入Maven Assembly Plugin插件 1 <plugin> 2 <artifactId&...

2020-03-06 10:54:38 726 1

原创 Java实现定时任务

定时任务:import java.util.Timer;import java.util.TimerTask;public class TestTimerTask { public static void main(String[] args) { Timer timer=new Timer(); //闹钟对象 TimerTask task=ne...

2019-12-26 17:11:51 90

原创 cmake报错 the CXX compiler identification is unkonow

安装makeagt install cmake出现the CXX compiler identification is unkonow执行:apt-get install build-essential

2019-12-24 15:46:42 607

原创 docker每次都需要输入sudo的权限问题

sudo groupadd docker #添加docker用户组sudo gpasswd -a $USER docker #将登陆用户加入到docker用户组中newgrp docker #更新用户组docker ps #测试docker命令是否可以使用sudo正常使用...

2019-12-09 18:06:32 453

转载 gyp verb `which` failed Error: not found: python2

npm install之后项目就不能运行了异常如下:gyp verb check python checking for Python executable "python2" in the PATHgyp verb `which` failed Error: not found: python2gyp verb `which` failed at getNotFoundEr...

2019-12-03 21:14:34 48362 3

转载 MySQL 上移/下移/置顶

在编写网站系统时,难免会用到上移、下移、置顶的功能,今天小编就介绍一下我的思路。首先,需要一张数据表:CREATE TABLE `a` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` varchar(255) NOT NULL, `age` int(11) NOT NULL, `gender` varchar(255) N...

2019-04-23 15:05:58 796

原创 通过注册表改变环境变量

打开cmd,regedit,打开注册表。公司电脑隐藏了环境变量,通过注册表可添加环境变量计算机\HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\Control\Session Manager\Environment

2019-04-15 17:17:23 793

packery插件

Packery: JavaScript布局的一个装箱算法库。Packery布局可以智能排序,元素可以拖动到适合一个理想的地点,很容易创建不同类型的动态网格布局.

2018-04-01

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除