- 博客(68)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
原创 js设置根据设备浏览器宽高或者端侧提供的宽高 来计算缩放
根据 设备浏览器宽高 或者 端侧提供的宽高 来计算缩放 计算缩放比例的方式 1:表示使用浏览器宽度计算 2:端侧提供宽高方式 端侧提供的宽高对象
2023-08-23 08:34:44 504
原创 js文件引入vue $notify组件,自定义添加按钮功能!
"}, `车架号:${res.rows[0].vin},车主姓名:${res.rows[0].vehicleOwner},车辆发生【${res.rows[0].detailTypeName}】报警!console.log("关闭")}, '查看详情'),}, '稍后处理'),//新创建一个vue实例。
2023-06-10 13:44:49 1130
原创 自动化部署—Jenkins集成Vue项目(内网环境版)
最近由于公司项目,所有开发和环境都在内网环境下实现,由于内网无法访问外网,我不得已在本地电脑上安装虚拟机VM,装上了CentOS7,在CentOS7下载了相关Jenkins,GitLab,Nginx+Nexus依赖包(rpm方式),前端平台架搭好了要把项目放到服务器运行,但是每次更新网站内容就要手动部署一次,实在很麻烦,于是就想搭建一套自动化部署的服务。看了一些案例最后选用现在比较主流的Jenkins+GitLab+Nginx+Git+Nexus实现CI/CD的方案来搭建。
2022-10-10 16:40:46 1243
原创 自动化部署—Jenkins安装(详细版)
Jenkins是一个开源软件项目,是基于Java开发的一种持续集成工具,用于监控持续重复的工作,旨在提供一个开放易用的软件平台,使软件项目可以进行持续集成。
2022-10-10 15:49:01 366
原创 Linux通过yum下载rpm包或全量依赖包
在生产环境中,由于不同的项目因素,我们可能需要在内网环境部署安装软件,所以我们需要通过别的方式将我们需要的软件以及依赖包在有网环境下全量下载下来之后再上传至服务器...
2022-10-08 09:31:09 3697
原创 TypeScript、Webpack配置详解
1. TypeScript是JavaScript的超集。2. 它对JS进行了扩展,向JS中引入了类型的概念,并添加了许多新的特性。3. TS代码需要通过编译器编译为JS,然后再交由JS解析器执行。4. TS完全兼容JS,换言之,任何的JS代码都可以直接当成JS使用。...
2022-08-09 10:35:34 294
原创 SpringBoot 如何引入外包的jar包
Maven项目开发过程中往往会遇到jar包找不到maven依赖,这时没方法通过pom.xml直接引入。有两种方法:1、将本地jar包安装在本地maven仓库2、将本地jar包放入项目目录中-----------------------------------------------------------------------这里记录一下第二种方法:1、首先新建lib文件夹(在根目录或者resource目录下),将需要放到项目的jar包拷贝进来2、然后在pom.xml文件加
2022-05-17 15:03:37 731
原创 Uniapp通过onBackPress 实现退出APP功能
通过Uniapp开发APP又一个非常实用的功能—— 首页左滑实现退出APP功能如图:其实不难,通过监听uniapp生命周期onBackPress就可以实现。onBackPress(e) { // 此处一定要return为true,否则页面不会返回到指定路径 this.backButtonPress++; if (this.backButtonPress > 1) { plus.run...
2022-05-17 14:58:45 3098 1
原创 antPro 类组件和函数组件中分别引入Echarts
在类组件中引入Echartsnpm i echearts 或 yarn add echarts// 引入 ECharts 主模块import echarts from 'echarts/lib/echarts';// 引入饼图import 'echarts/lib/chart/bar';// 引入提示框和标题组件import 'echarts/lib/component/tooltip';import 'echarts/lib/component/title';im...
2021-12-08 10:00:13 356
原创 antPro 去掉加载时的LOGO和文字
在目录中找到document.ejs文件,然后注释掉或者直接删掉。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="keywords" content="ant...
2021-12-08 09:53:29 4207
原创 解决npx create-umi myapp卡在cmd很久的办法
国庆节期间,在家将系统重装了,原来的很多配置好的环境也没有了,今天在使用npx create-umi myapp创建项目发现会卡很久不执行,度娘了一下,发现URL原包可能是国外,在网络状态不好的情况可能会停留很长一段时间,但我们可以考虑将原URL替换成淘宝镜像地址,结果就快了很多... 具体操作: 1、在cmd执行下npm config set registryhttps://registry.npm.taobao.org...
2021-10-21 15:44:14 935
转载 JavaScript 异步编程指南 — Give me a Promise
“Give me a promise, I will not go anywhere, just stand here and wait for you.”“给我一个承诺,我哪里都不会去,就在原地等你。” 这句话形式 Promise 还挺有意思的,文中我会在提及!随着 ES6 标准的出现,给我们带来了一个新的异步解决方案 Promise。目前绝大多数 JavaScript 新增的异步 API 无论是在浏览器端还是 Node.js 服务端都是基于 Promise 构建的,以前基于 Callback..
2021-10-13 09:55:25 140
原创 React之React.forwardRef与connect联合使用出现的问题
最近在项目中遇到这样一个问题:利用React.forwardRef与useImperativeHandle实现父组件调用子组件的方法,使用没问题,也能成功实现这一功能,但是当我加入connect后,功能就失效了。度娘了一下看到了这篇文章React.forwardRef和connect的联合使用问题 - 知乎,恍然大悟。原来是先使用 React.forwardRef;再使用 connect 包一层会使 ref 属性漏掉,导致 内部实例无法传到外部;这种外部组件是无法获取这个组件内部的实例的。正..
2021-09-28 14:57:10 1616
原创 React函数组件—父组件调用子组件函数
父组件 我这里用UI框架AntPro V4 我这里以父组件打开模态框为例,实现父组件调用子组件函数。importReact,{useState,useEffect,useRef,useCallback}from'react'import{connect}from'umi';import{PageHeaderWrapper}from'@ant-design/pro-layout';importLeaveModalfrom'./compon...
2021-09-28 10:47:09 1849
原创 Ant Design Pro 4 动态菜单icon丢失解决办法
最近在开发人事管理系统,其中菜单是需要动态渲染,针对不同角色授权不同的菜单权限。路由由后端返回,格式如下:[ { "path": "/", "name": "dashboard", "icon": "DesktopOutlined", "component": "./dashboard/workplace", }, { "name": "management", "path": "/auth", "icon": "TeamOutlined", "children": [ { "name": ..
2021-09-27 15:10:04 1173
原创 离十年资深程序员还差5年4个月
不知不觉在IT行业工作了快五年时间了,在毕业前的最后一堂C#课程结束后,我找张老师问了一个问题,张老师,我觉得自己C#学的不怎么好,到了企业我该如何去学习?张老师说:“要有MVC开发思想,有了MVC思想编程也不难”,但当时我并不是很明白这句话的深刻含义。毕业后,出来的第一份工作也没有从后端开发,而是选择了前端开发,在前端领域接触了很多框架,例如Layui,bootstrap,vue,react等,接触到了MVVM开发思想,学的很杂很乱,很碎片化,也直接导致在实际开发项目中也不停的挖坑与填坑,学的知识没有..
2021-08-19 00:29:49 104
原创 微信支付点金计划—支付完成后自定跳转页面
最近遇到一件比较糟心事,给客户上线快两年的微信在线商城,最近决定升级,结果到支付完成后点击完成按钮无法直接返回商家...我检查了自己传的参数,发现并无问题,老版本是可以跳转的,当时很是懵逼,因为这个项目是直接对接的第三方支付公司(通联);我就联系通联相关的技术人员,告知我可能是因为微信退出的点金计划的原因,然后我就去度娘了一下,果然是...然后看文档跟着配置与自定义小票页面。小票的主要原理就是内嵌一个iframe,进行通信。我们填写的连接地址也是嵌套在iframe框上的s...
2021-08-06 16:10:51 4725
原创 NodeJS 解决axios获取的返回数据中数字的精度问题
最近在项目下遇到一个问题,后端采用的是雪花id,返回的是JSON格式的数据,id精度达到了19位(恶心),雪花id与uuid相比查询速度快,但可能会溢出....由于前端JS能够显示的数字最大只有53位,有时候会遇到后端返回的数据中数字过大,超过了JS精度,但可能后端出于某些原因无法更改,要前端处理时。其实本身接口返回的Response是个json字符串,由于axios默认使用JSON.parse导致精度丢失,我们可以使用第三方库修改axios默认的格式化方法,...
2021-07-19 22:17:01 1235
原创 CSS3 全局改变滚动条样式
::-webkit-scrollbar — 整个滚动条.::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头).::-webkit-scrollbar-thumb — 滚动条上的滚动滑块.::-webkit-scrollbar-track — 滚动条轨道.::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分.::-webkit-scrollbar-corner — 当同时有垂直滚动条和水平滚动条时交汇的部分.::-webk.
2021-07-13 11:30:54 250
原创 vscode 利用rafc与rcc快速创建react组件
1、在VSCode插件中心安装ES7 输入rcc 生成类形式的组件输入rafce生成函数形式的组件
2021-05-30 00:23:26 7467
原创 nodejs日志管理 log4js
一、首先是在项目中安装 log4jsnpm install log4js --save二、权值从小到大 log4js日志级别all < trace < debug < info < warn < error < fatal < mark < off二、基本使用:在项目下创建logs文件夹,将log4js做为工具插件使用importlog4jsfrom'log4js';log4js.configure(...
2021-05-17 11:10:05 7516
原创 Promise.all获取forEach循环请求数据
Promise.all() 方法接收一个promise的iterable类型(注:Array,Map,Set都属于ES6的iterable类型)的输入,并且只返回一个Promise实例,那个输入的所有promise的resolve回调的结果是一个数组。这个Promise的resolve回调执行是在所有输入的promise的resolve回调都结束,或者输入的iterable里没有promise了的时候。它的reject回调执行是,只要任何一个输入的promise的reject回调执行或者输入不合法...
2021-04-16 15:32:36 14409 1
原创 arcgis api for js 之FeatureLayer 过滤图层
1、MapServer 0图层中的属性字段,下面括号中的为筛选条件 fl.setDefinitionExpression("Shape_Area" + " > " + classifyField2 +" and "+ "YDDM" + " like '" + classifyField1 + "%'");2、FeatureLayer0图层中的属性字段,下面括号中的为筛选条件constdotfeatureLayer=newFeatureLay...
2021-04-13 15:49:30 12042
原创 FeatureLayer要素图层的三种不同的查询显示查询模式
要素图层有不同的查询显示模式:快照模式,选择模式,按需模式。快照模式(MODE_SNAPSHOT):就是将地图范围内的数据一次加载迕来,当再次移动地图,范围改变的时候,不再向服务器请求;选择模式(MODE_SELECTION):需要进行一个选择的操作,用矩形选择工具选择一个范围,就可以看到返个范围的要素已经加载迕来了,这个选择和查询可是有区别的。按需模式(MODE_ONDEMAND):指的是随着地图范围的改发要素才加载,按照所需的地图范围向服务器请求所要显示的要素。...
2021-04-08 16:42:25 13518
原创 Node服务端管理工具:pm2 在Windows系统设置自动启动服务
1、下载Nodejs2、查看node与npm版本3、全局安装pm2npm i pm2 -g4、安装并配置 pm2-windows-servicenpm i -g pm2-windows-service5、添加pm2环境变量右键 [我的电脑] - [属性] - [高级系统设置] - [环境变量] - 新建 [系统变量]名称PM2_HOME路径C:\Users\Administrator\.pm26、安装服务以管理员权限打开新的命令行窗口,执行以下命令来.
2021-04-07 22:56:17 12488
原创 Nodejs xml与JSON互转,本人亲测有效!!!
第一种方法:1、安装cnpm i X2JS --save2、importX2JSfrom'X2JS'3、转换 xml转json第二种方法:1、安装cnpm i xml2js --save2、importxml2jsfrom'xml2js'//xml转jsonvarparser=newxml2js.Parser(/*options*/);parser.parseStringPromise(data).then(function(result)...
2021-03-26 11:50:55 12823
原创 Mongoose 中使用 aggregate
一、MongoDB 聚合管道(Aggregation Pipeline) )使用聚合管道可以对集合中的文档进行变换和组合。实际项目:表关联查询、数据的统计。MongoDB 中使用 db.COLLECTION_NAME.aggregate([{<stage>},...]) 方法来构建和使用聚合管道。先看下官网给的实例,感受一下聚合管道的用法。二、MongoDB Aggregation 管道操作符与表达式管道操作符Description$project 增加、删除、重命名字段$..
2021-03-19 15:30:13 2063 5
原创 mongoose实现数据 的增、删、改、查
一、mongoose 介绍Mongoose 是在 node.js 异步环境下对 mongodb 进行便捷操作的对象模型工具。Mongoose是 NodeJS 的驱动,不能作为其他语言的驱动。Mongoose 有两个特点1、通过关系型数据库的思想来设计非关系型数据库2、基于 mongodb 驱动,简化操作二、mongoose 的安装以及使用官网:https://mongoosejs.com/1. 安装npm i mongoose --save2、 、入 引入 mongoose ...
2021-03-18 14:05:11 13570 1
原创 React组件通信以及State状态的使用
APP.JSimportReact,{Component}from'react'import'./App.css';importPersonfrom'./Person/Person'classAppextendsComponent{state={persons:[{name:"张三",count:50},{name:"张三1",count:60},{name:"张三2"...
2021-02-23 14:46:22 15711 2
原创 工程化工具——gulp的使用方法以及插件
一、gulp是什么? gulp是前端开发过程中一种基于流的代码构建工具,是自动化项目的构建利器;它不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用它,不仅可以很愉快的编写代码,而且大大提高我们的工作效率。 gulp是基于Nodejs的自动任务运行器, 它能自动化地完成前端代码的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤。二、gulp的使用//1、整理.html文件...
2021-02-08 23:11:36 17735
原创 Django之动态路由(正则匹配)
urls:url(r'detail-(\d+).html', views.Detail),views:def Detail(requset,nid): detail_info = USER_DICT[nid] return render(requset,'detail.html',{'detail_info':detail_info})
2021-02-08 16:27:36 323
原创 利用nginx反向代理在内网服务器(无外网)下访问接口,视频,地图(二)
接着我上一篇文章nginx反向代理在内网服务器(无外网)下访问接口,视频,地图(一)来讲解我在项目中配置Nginx反向代理;怎样实现三台服务器之前的访问?我首先配置了前置机上的反向代理(实现内网服务器访问);为在在内网服务器上配置(实现政务网访问):利用上面的同样代理手段可以实现地图地图的访问。...
2021-02-06 15:37:05 1033
原创 利用nginx反向代理在内网服务器(无外网)下访问接口,视频,地图(一)
最近在项目中遇到一个需求,需要把项目部署在客户内网服务器上(无外网),内网服务器(无外网)需要访问公网IP,由于我们的项目包括外接谷歌地图接口,视频直播接口;在项目部署过程中,若部署服务器处于内网环境,则无法调用高德服务。需要通过搭建代理实现请求的转发,从而获取到在线服务内容。下面的记录解决了内网服务器访问高德地图服务的问题。...
2021-02-06 15:22:28 1837
原创 NodeJS—ES6转ES5,亲测有效!!!
一、为什么要ES6转ES5? 因为在某些版本较低的游览器(比如恶心的IE游览器)下是无法解析ES6语法,当我们儒道报错,不要慌,立马打开VScode进行如下操作:1、在本地创建文件夹,拖拽到VScodeshang2、在本地运行npm init 生成package.json文件3、创建src、dist文件夹4、安装转换包命令babel-cli 、babel-preset-es2015src下的index.js是需要转化的ES6语法文件,dist下是成功转化后的文件,本人...
2021-02-01 09:55:39 19318
Python脚本自动下载package-lock.json依赖包
2022-10-10
使用hbuilder 控制台提示自动编译失败
2018-09-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人