前端~锋小张

原创 数据对象根据属性排序 如 createTime 排序

【代码】数据对象根据属性排序 如 createTime 排序。

原创 js 实现数组对象递归更改属性名称

js 实现数组对象递归更改属性名称

原创 java项目导入、启动、jar包部署

原创 mac 配置 ssh

【第一步】. 启动台打开终端，输入 cd ~/.ssh 检查是否已经存在了SSH密钥。如果你看到类似id_rsa.pub的文件，说明你已经有了一对公钥和私钥，可以跳过第 2 步和第 3 步。【第二步】 在终端输入ssh-keygen -t rsa -C "你的邮箱地址" ，生成新的SSH密钥。【第四步】 在终端输入vim ~/.ssh/id_rsa.pub，查看并复制你的公钥内容。【第三步】 在终端输入ssh-add ~/.ssh/id_rsa，添加SSH密钥到 ssh-agent。

原创 递归删除数组对象

【代码】递归删除数组对象。

原创 如何在同一台电脑上配置多个SSH Key？

如何在同一台电脑上配置多个SSHKey_云效(Apsara Devops)-阿里云帮助中心

原创 ant-design. a-table 内容换行显示

【代码】ant-design. a-table 内容换行显示。

原创 css美化滚动条

版权声明：本文为CSDN博主「我是罗易呀！」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/Qcg0223/article/details/128405415。高宽分别对应横竖滚动条的尺寸*//*定义滚动条高宽及背景。

原创 web端 JS 文字转语音

【代码】web端 JS 文字转语音。

原创 ps 替换背景颜色

如何用ps更换背景颜色 ps替换颜色怎么用 - 云骑士一键重装系统

原创 ps 去除图标背景色

最后，保存为PNG格式，因为PNG格式支持透明背景。使用魔术橡皮擦工具，超级简单。

原创 js 根据最大值最小值 生成区间随机数

/根据最大值 最小值 生成随机数。

原创 js 时差计算 根据时间戳获取相差时间 几时几分几秒

可以看到 ，输入两个时间戳后，可以正确输出 时差了。将两个时间戳传入方法中即可。

原创 npm 清缓存（重新安装node-modules）

此时 提示有些依赖树有冲突，根据提示 “ this command with --force or --legacy-peer-deps”4、安装依赖 npm i --force 或者 npm i --legacy-peer-deps。3、清掉缓存 npm cache clean --force。1、先删除本地node-modules包。2、删掉page-loacl.json。

原创 ant-design-vue menu菜单递归

如果报编译错误，可以试试在vue.config.js中加上。

原创 vue watch监听路由失效

监听路由变化时候 需要立即执行监听，否则失效。

原创 mac pro 查看隐藏文件夹

请注意，显示隐藏文件和文件夹可能会让您看到系统文件，但请小心操作。修改或删除系统文件可能会导致系统不稳定或出现问题。只有在您清楚知道自己在做什么时，才应该对这些文件进行更改。现在，您应该能够在Finder中看到隐藏文件和文件夹。要再次隐藏它们，请重复上述步骤，但将第一个命令中的。一旦您完成了所需的操作，请确保重新隐藏隐藏文件和文件夹，以避免不小心对系统造成不良影响。打开终端应用程序，位于“应用程序”文件夹的“实用工具”子文件夹中。，然后重新启动Finder。

原创 mac pro 查看ssh密钥

【代码】mac pro 查看ssh密钥。

原创 iframe高度塌陷，设置100%无效解决方案

【代码】iframe高度塌陷，设置100%无效解决方案。

原创 获取html标签内容，将类数组转化为数组

【代码】获取html标签内容，将类数组转化为数组。

原创 PC网站动画效果

这篇文章给大家介绍一个PC网站的动画库。

原创 vue打包后，查看git分支等信息

vue打包 生产git分支信息

原创 echarts 渲染航线图

echarts + vue

原创 js 递归获取数组总共有几层子集

js 查看树状层级

原创 antv g6绘制时间轴 ，时间线可根据数据量进行缩放

该写法为vue2.0版本，其中template中的挂在元素为div id=‘container’ ，该组件可以随数据缩放。

原创 typeScript用法

1、函数参数默认值function fun( a:string,b="zf"){ //b参数有默认值的话，则不需要再加参数定义类型}

原创 vue 基础域名-单独配置

在项目根目录下的public文件夹下新增config.js文件内容为：window.globalUrl={url:””, // 访问的url};在public目录下的index.html中引入这个config.js文件<script src=”<%= BASE_URL%>config.js”></script>在对应的API文件中直接引入即可；const baseUrl = （window as any）.glo...

原创 ant-design UI库 一些api用法总结

a-modal 设置高度 方法1：在a-modal标签上增加一个calss类名，并单独写在style中，不可放在含有scope属性的style标签中。 方法2：在a-modal标签外层增加一个包裹层，并设置 ref=“replayModal”； 在a-modal的标签上加上 :getContainer=" () => $refs.replayModal" 然后设置 <style lang="scss" scope> /deep/ .ant-modal-..

原创 nvm use 时出现145乱码 ，解决方案如下

1.nvm安装目录不要带空格，所以不能用默认路径，可以放到c盘下2.nvm use乱码，找到c:\window\system32\ cmd.exe用管理员权限打开即可3.14.17.4版本不支持win7,13.10.0版本支持win7，低版本windows系统不支持过高版本的node。4.如果use出现145乱码，可以删除nvm的环境变量，重新安装nvm，路径不选默认，直接安装在c盘目录下。5.安装nvm后、会自动生成环境变量，无需手动配置。...

原创 vue3.0 父子组件通信

vue3.0不再支持this，所以this.$emit()方法不在被支持。以下为VUE3.0新写法子组件：<script>import { defineComponent,ref } from 'vue'export default defineComponent({ name:'', setup(prop,context){ const data = ref(0) //在子组件的方法中调用父组件的方法

原创 Git规范

国内代码版本管理工具大多使用Git，但是有很多朋友在git基本操作和管理上不是很熟练，特写这篇文章来帮助那些需要了解git工作流的开发者们，有帮助的话 记得点赞~通用：初始化一个本地仓库确保你的电脑已经安装了 Git， https://git-scm.com 上提供了各个系统环境的 Git 下载。在使用 git 命令进行操作之前，你需要一个 git 仓库，你可以移动到你的工作目录，命令行中执行:$ git initInitialized empty Git repository i

原创 vue3 请求封装 axios

vue3 项目 封装 请求axios

原创 antv g6动态添加节点

前言 :antv 官方API只是提供了一般用法，但是许多实际项目有一些定制需求，往往无法实现。最近 公司在做图谱项目，需要在展示处节点之后，点击某一个节点，实现动态追加节点，1、动态追加：graph.addItem(‘node’,{e.node,x:x,y:y})graph.addItem(‘edge’,edge)解释：动态追加 节点和边，节点和边的数据，自己提前处理成可图谱执行的数据节点需要坐标值2、追加后，调用graph.layout()方法，重新布局即可想了解更多G6相关知识

原创 生成本地密钥ssh，解决本地ssh报错

1、全局设置username和emailgit config --global user.name "name" git config --global user.email "email" 2、本地生成新的ssh命令行输入： ssh-keygen -t rsa -C “你的github或gitee绑定的邮箱”如果本地已经含有ssh文件，则会提示already exists 你可以选择是否覆盖我这里选择的覆盖，输入y，接下来直接回车 回车，即可生成ssh。3、将本地ssh配置到g

原创 react 框架redux 使用教程

从浅及深，一步一步学习 react概念：管理数据源 action ：是一个对象，根据type用来描述state发生了怎么样的变化， action：redux将每一个修改state的动作定义为一个action,需要更改state,则需要发送一个action reducer：就是根据 action的type类型来操作 state store： 就是保存整个数据的地方，只能有一个store ...

原创 npm清除缓存

大家npm安装包的时候，有时候会遭遇报错，但是在此安装的时候，怎么都安装不上，此时需要清除缓存运行命令npmcacheclean -f 或者 npm cache clean --force- f 之间不能有空格！

原创 动态修改浏览器地址栏，并保持页面不刷新

需求：浏览器地址栏跟随输入框的变化而变化。需求背景：客户A需要将地址和查询条件一起分享给客户B。如下图第一种方式：vue技术栈的话，使用路由的小技巧router.push方法中只push一个query既可以实现，但是会更新表单组件，不会更新父组件可以在各组件的生命周期函数中观察更新效果。去实现：// 表单数据data(){ return { formData:{ name:'', sex:''

原创 js实现图片压缩上传

javascript 处理图片压缩和上传最近在研究H5前端图片处理相关技术，方向有图片压缩、裁切、旋转、模糊等，现在已经整理成对应的demo，上传至github。下载即用，欢迎大家参考和指导。一：js脚本实现图片压缩 -CompressImageUtiles特点：1 体积小，4kb；2 支持blob格式上传和base64格式上传原图 5.4MB ...

原创 看一遍 记住 a++与++a

let a = 1; a++; console.log(a) // a = 2 let b = 1; ++b; console.log(b) // b = 2 let c = 1; let _c = c++; //此时是先赋值在运算，即先执行表达式在运算 。速记：谁在前先执行谁 如c在前就先算 c赋值 _c = c,再计算 c++ con...

原创 vue-cli打包优化之分析工具webpack-bundle-analyzer

// 1. 安装 cnpm install webpack-bundle-analyzer --save-dev// 2. 在/build/webpack.prod.conf.js文件中引入 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin// 然后配置一下： plugins: [ new BundleAnalyzerPlugin() ]// 3. 在package.json文