自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(45)
  • 资源 (1)
  • 问答 (3)
  • 收藏
  • 关注

原创 wsl2配置转发规则,便于局域网内访问

wsl2配置转发规则,便于局域网内访问

2023-03-20 10:39:47 684

原创 vscode的终端无法识别pnpm命令

pnpm已安装,且打开cmd可以运行pnpm,但使用vscode中的终端则无法识别。

2022-09-16 11:26:12 3890 4

原创 git工作中的使用

至此工作代码提交完成 (新版本发布了switch,checkout由于有两种作用切换分支和检查文件,容易混淆,git更推荐使用switch切换分支等操作)推送代码并设置本地当前分支的上游分支(也就是远程仓库分支),如远程仓库没有该分支,则会创建dev分支。创建并切换分支开始工作(分支相当于一个独立的版本,以创建分支时的为版本保存新分支)。工作完成后首先拉取远程仓库代码,然后进行推送本地代码至远程仓库。//创建分支并链接远程仓库分支,会切换工作区所有文件。切换主分支,并合并代码。上述命令类比于以下两行。

2022-08-19 19:56:59 210

原创 Todo规范

您正在编写代码并决定在未来添加一项功能。

2022-08-19 11:00:05 200

转载 粘贴图片到网页

在全局document对象上绑定一个paste粘贴事件,然后遍历剪切板对象clipboardData中的items,根据type类型确定图片,并执行getAsFile()方法将其转换成二进制的file对象,此file对象和表单中的file文件上传框中的file对象,或者拖拽获取的file对象是同一个东西。// event.target.result就是图片的Base64地址啦。// 检索剪切板items。...

2022-08-15 11:05:37 466

原创 git工作使用

推送代码并设置本地当前分支的上游分支(也就是远程仓库分支),如远程仓库没有该分支,则会创建dev分支。创建并切换分支开始工作(分支相当于一个独立的版本,以创建分支时的为版本保存新分支)。工作完成后首先拉取远程仓库代码,然后进行推送本地代码至远程仓库。操作暂存区,便于切换分支提交代码时,而不被暂存区代码影响。//创建分支并链接远程仓库分支,会切换工作区所有文件。首先克隆一份代码下来(默认main分支)。代码并附带描述提交至本地仓库。推送合并后代码至远程仓库。切换主分支,并合并代码。上述命令类比于以下两行。..

2022-07-20 10:40:02 129

原创 前端AES 加密并解密

//npm安装并引入依赖const CryptoJS = require("crypto-js");//nodeimport CryptoJS from 'crypto-js';//react //解密 function decrypt( word:String, keyStr:String) { keyStr = keyStr || 'oe.yitu-inc.com' var key = CryptoJS.enc.Utf8.parse(keyStr) // Latin1 w8

2022-02-11 17:53:03 1286

原创 常用npm包

CryptoJS 加密库

2021-11-25 14:10:18 575

原创 react路由无法跳转(To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function)

//问题:每次提交表单成功后跳转路由都回马上返回登陆页(手机必定出现,pc不出现)//react提示error:Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEff

2021-10-25 17:40:41 2284

原创 api-cloule笔记

//自动登陆焦点切换 $("#telphone").bind('input propertychange', function() { var koustr = $api.val($api.dom('#telphone')); if (isMobileNumber(koustr)) { $("#telpwd").focus(); } }) //打开页面

2021-10-15 15:27:31 107

原创 vue3+vite相对路径处理

import { resolve } from 'path';function pathResolve(dir: string) { return resolve(process.cwd(), '.', dir);} resolve: { alias: [//别名 { find: 'vue-i18n', replacement: 'vue-i18n/dist/vue-i18n.cjs.js', },

2021-10-15 12:16:08 5233 2

原创 vue第二次进入时created方法不执行

watch: { $route() { //解决方法监听路由变化并执行相应方法即可 if (this.$route.query.ishit) { console.log(123); this.isshowModel = true this.domainlist = [] ..

2021-10-11 16:59:38 1179

原创 css实现聊天气泡

<div class="bubble">热</div> .bubble { position: absolute; top: -15px; right: -15px; width: 22px; height: 15px; line-height: 15px; font-size: 1px; font-weight: 400; co.

2021-10-08 15:21:28 334

原创 爬网站常用正则

href="#"//缓存链接tppabs="h[^"]*"href="[^"]*"//缓存http链接href="javascript:if\(confirm\('htt[^"]*"

2021-09-15 11:47:05 78

原创 input输入框自动补空格及删除时自动删除空格

//input输入框自动补空格及删除时自动删除空格 方法function phoneSpace(phone, isdelete, callback) { //如果是删除按键,则什么都不做 if (isdelete) { // 当最后一位字符为空时,去掉最后空格 if (phone.charAt(phone.length - 1) == " ") { phone = phone.substr(0, phone.length - 1)

2021-09-09 15:50:22 814

原创 记录java项目jar包部署时遇到的问题

jar包部署后前端由于同源策略问题,发现无法访问然后java项目添加跨域注解@CrossOrigin(origins = "*"),及添加CorsConfig.java文件过滤并处理接口

2021-06-11 11:50:31 1226 1

原创 svn提交忽略文件夹

附赠svn下载//svn安装包链接:https://pan.baidu.com/s/1FkDvxrAi5ZqF39yVsQ06xQ 提取码:ruih 复制这段内容后打开百度网盘手机App,操作更方便哦--来自百度网盘超级会员V4的分享//中文翻译包链接:https://pan.baidu.com/s/104ZlAHmYMr0H4RDPG63ZFw 提取码:7f36 复制这段内容后打开百度网盘手机App,操作更方便哦--来自百度网盘超级会员V4的分享1.在文件目录右键打开svn属性2.

2021-06-10 18:16:37 239

原创 vue element项目创建

首先安装好node.js环境和vue-cli//卸载当前vue-clinpm uninstall vue-cli -g//查看当前vue-cli版本vue -V//安装vue-clinpm uninstall vue-cli -gvue-cli版本 为3以下时 无法唤起创建界面vue ui安装eslinter时使用该命令自动修正格式npm run lint...

2021-06-10 17:50:35 103

原创 linx使用笔记

后台运行bootMP-0.0.1-SNAPSHOT.jar包nohup java -jar bootMP-0.0.1-SNAPSHOT.jar > nohup-boot.out 2>&1&关闭进程pid 6586kill -9 6586查看nohup-boot.out日志文件tail -f nohup-boot.out查看当前目录下所有文件ls查看当前jar运行服务ps -ef|grep java查看当前所有运行服务ps aux | less进

2021-06-09 16:17:02 98

原创 vue实现下拉选择框功能

.taskSort { width: 100%; justify-content: space-around;}.taskSort span:first-child{ width: 4rem;}.zkicon { margin-left: 0.5rem; width: 0; height: 0; border-left: 0.45rem solid transparent; border-right: 0.45rem solid tran

2021-05-20 17:23:04 3587

原创 vue项目中实现批量数据的 时间倒计时

<template> <div> <div class="timeText">距结束 {{ item.timeText }}</div> </div></template> data() { return { lists: this.list, timer: [], timeShow: [], } }, .

2021-05-14 13:59:11 438

原创 对多维数组进行数据平铺处理,并进行去重排序

var a = [ [1, 2, 3, 11], [2, 3, 5, 1, [12, 22, 33, [31, 32, 53]]], [1, 5, 6], [2, 8, 4], 9, 10, 2, 1 ]; console.log(a); var b = []; test(a) console.log(b); ..

2021-04-21 17:05:06 685

原创 Vue处理接口数据时for循环处理后 vue不能实时渲染

//用map即可 原理我也不清楚 有想法的话希望各位指定一下 const res = await getdashboardData(); if (res.code == 200) { this.dataInfo = res.data.map(function (item, i) { item.background = { background: 'url(' + require('../../assets/dashboard/ic

2021-04-14 15:25:53 248

原创 重要的博客

花火人间的博客鳳舞九天的博客

2021-04-13 17:55:46 96

原创 vue项目创建

首先安装号node.js安装淘宝 NPM 镜像$ npm install -g cnpm --registry=https://registry.npm.taobao.org项目初始化cnpm install vue-cli -g//全局安装 vue-cli查看安装好的版本号vue list//查看vue版本号创建项目名称vue init webpack ”项目名称“项目模块安装 npm install 或 cnpm install运行项目 npm run dev

2021-04-13 15:17:33 70

原创 vue-element 处理路由权限分配

// 获得用户信息 const { roles } = await store.dispatch('user/getInfo') // 根据角色生成可访问路由图 const accessRoutes = await store.dispatch('permission/generateRoutes', roles) // 动态添加可访问路由 router.addRou...

2021-04-05 18:41:22 244

原创 echarts 实现相应区域人数显示

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>区域代理</title> <link rel="stylesheet" href="../css/map.

2021-04-05 18:38:49 600

原创 在textarea相应地方插入相应字段

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><form action="a.cgi"> <table border="1" cellspacing="0" cellpadding="0"> <tr>

2021-04-05 18:31:14 214

原创 前端手写实现移动端轮播图

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <title>Document&lt

2021-04-05 18:30:36 316

原创 前端手写实现进度条下载

table { border-collapse: collapse; border-spacing: 0px; border: none;}.updateText { position: absolute; width: 80%; height: 100px; top: 58%; left: 10%; font-size: 14px; overflow: scroll; background-color: #fff;

2021-04-05 18:09:53 321 1

原创 apiClould实现广告弹出模态窗

apiready =function(){ api.addEventListener({ name: 'evt_close_dialog' }, function(ret, err) { console.log("关闭弹出框:" + ret.value.dialogid); dialogMgr.closeDialog(ret.value.dialogid); // check_dia

2021-04-05 18:07:29 87

原创 canvas 调用接口并合成分享图片

function shareShopImg() { var parms = { url: "goods/getewm/goodis/" + parameter.goods_id, callback: function(ret) { if (ret.flag) { canvasGoodsImg(ret.data.erweima, p..

2021-04-05 18:03:10 193

原创 git提交代码使用 步骤

首先初始化本地仓库git clone "仓库地址"设置提交仓库的账号以及密码 (也可以直接修改本地凭依)git config --global user.name "username" git config --global user.email "email"提交代码完整过程git add .提交到缓存git status当前提交哪些代码 并显示状态git commit -m'描述内容'提交代码描述git pull//更新仓库代码git push提交代码到

2021-04-05 18:00:52 94

原创 验证码返回定时

$('.feachBtn').click(function() {//count设置定时时间 let count = 60; const countDown = setInterval(() => { if (count === 0) { $('.feachBtn').text('重新发送').removeAttr('disabled'); $('.feachBtn').css({ background: '#ff9400',

2020-10-30 14:55:09 93

原创 图片文字对齐技巧

当图片和文字高度一致时<div><img src="images/shuliang.png" alt=""> 数量:15</div>vertical-align: text-bottom文本 和图片对齐https://www.lanzoux.com/b04gw6pze 密码:5axu 电锯人当图片和文字高度不一致时 <div><img src="images/sixin-xx.png" alt="" srcset=""> 私信通知

2020-10-21 12:02:44 672

转载 Data URI scheme

Data URI scheme 介绍image/png 是数据类型名称,base64 是数据的编码方法,逗号后面就是这个image/png文件base64编码后的数据案例: background-image:url('data:image/png;base64,此处为编码');优点:将一些小图片嵌入到网页中,节省http请求缺点:浏览器不会缓存图片Data URI scheme支持的类型有data:,文本数据data:text/plain,文本数据data:text/html,HTML代码

2020-10-21 10:39:28 673

原创 const关键字解析

const常量声明可以改变其值,但是无法改变指针指向的内存地址const声明时必须初始化,即const a=123;而非var一般的声明var b;

2020-08-04 17:52:25 182

原创 float实现前端界面的五种布局

• 实现一个两栏布局,左侧占30%宽度,右侧占70%宽度<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style &

2020-07-11 09:53:28 313 1

转载 移动端布局的4种方法

Document 移动端布局分类 移动端布局主要分为四类,分别是流式布局,rem布局,响应式布局和弹性布局 流式布局 使用非固定像素来定义网页内容,也就是百分比布局,通过合资的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不收固定像素的限制,内容向两侧填充。 rem布局 rem:css(相对单位,相对于网站根元素,即根据html元素的font-size来计算大小,比如说html-font-size大小为50px,一个div的wid...

2020-07-02 19:19:05 956

原创 ps修图小技巧

ps小技巧在使用ps替换颜色时,常会发声图片上的文字糊掉的情况 此时使用油漆桶工具将页面的颜色进行再次填充 此时发现图片糊度有了一些改善

2020-06-04 00:23:57 222

echart地图.rar

echart地图.rar

2021-04-05

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

TA关注的人

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