- 博客(87)
- 收藏
- 关注
RSS订阅
原创 redux工作原理工作流程以及代码详解(React中的应用)
**redux是什么？**简单说来就2点1、redux是一个专门用于做状态管理的JS库，并非react插件库，但基本和react配合开发使用2.其作用：集中式管理react应用中多个组件共享的状态，及负责管理状态**什么情况下需要使用redux？**1、某个组件的状态，需要让其他组件随时拿到共享2、一个组件需要改变另一个组件的状态(或是通信)
2022-05-21 21:33:15
1360
原创 vue-aMap高德地图的应用(添加覆盖物点坐标、自定义图标、添加信息窗体信息等)
vue-aMap高德地图的应用(添加覆盖物点坐标、自定义图标、添加信息窗体信息等)最近在项目开发中用到了aMap高德地图，简单记录一下，话不多说，直接上代码。官方文档参考：高德地图aMap官方文档1、安装ampnpm install vue-amap --save2、main.js里引入amapimport AMap from 'vue-amap'//引入高德地图并初始化Vue.use(AMap)AMap.initAMapApiLoader({ //集合秘钥key key:'9d
2020-11-11 18:36:14
10420
35
原创 后端不提供文件流接口，前台js使用a标签实现当前表格数据(数组非blob数据)下载成Excel
前言：开发过程中遇到的一些业务场景，如果第三方不让使用，后端不提供接口，就只能拿到table数据(Array)，实现excel文件下载。
2024-06-20 22:35:02
402
原创 Vue组件间通信方式超详细(父传子、父传后代、子传父、后代传父、兄弟组件传值)
Vue组件间通信方式超详细(父传子、父传后代、子传父、后代传父、兄弟组件传值)
2023-02-28 01:09:53
7939
1
原创 Java配置jdbc连接数据库不限制ip设置方法(localhost/127.0.0.1/本机ip地址)
jdbc配置连接数据库不限制ip设置方法(localhost/127.0.0.1/本机ip地址(配置))
2022-08-27 15:57:57
2073
原创 Mysql常规27种sql查询语句
sql语句的编写顺序：select列名from表名where条件GROUP BY分组依据HAVING过滤条件order by排序列 排序规则 LIMIT 起始行,总条数sql语句的执行顺序：from->where->GROUP BY->HAVING->select->order by->LIMIT
2022-07-03 17:46:28
9583
1
原创 React接口请求跨域代理配置(单一代理和多个代理配置)
跨域的本质是同源策略的限制即ajax引擎把你的响应拦截了，同源策略是浏览器的一个安全机制，要求同：协议、域名、端口，才能相互发送数据；就例如你在；localhost3000给localhost5000发请求，肯定是造成跨域问题ajax引擎把响应拦截不被允许，数据能往服务器发送，但是数据回不来。配置代理简单原理图如下：配置代理就类似于中间微服务器且不存在ajax引擎故不会产生跨域，其端口与客户端client一直，即可往服务器5000收发响应，也可向客户端收发响应，从而解决跨域问题。
2022-05-11 23:47:04
2331
8
原创 React经典案例todoList记录
## React经典案例todoList记录虽然是简单的案例，但值得学习，简单记录了下todoList的案例、代码结构如下，忽略css部分
2022-05-11 02:43:17
279
原创 React父子组件传值方式一props(简单记录)
React父子组件传值方式一pros(简单记录)简单记录下此种通信方式,后续还可通过redux等来实现组件通信
2022-05-10 00:22:07
690
原创 端口占用查询及kill进程
1、cmd输入命令netstat -ano |findstr “端口号”就可以查询到占有该端口进程，且有PID信息2、输入命令tasklist |findstr "进程PID号"杀死进程ook
2022-04-15 17:43:12
343
1
原创 JSON.stringify(object,null,格式化缩进标识)格式处理难看的对象转字符串
JSON.stringify(object,null,格式化缩进标识)格式处理难看的对象转字符串
2022-03-11 16:46:50
1890
原创 amap高德地图应用(el-amap-marker坐标点；el-amap-info-window信息窗体；el-amap-polyline折线、折线颜色，宽度、实虚线等)
amap高德地图应用(el-amap-marker坐标点；el-amap-info-window信息窗体；el-amap-polyline折线、折线颜色，宽度、实虚线等)
2022-01-29 14:57:05
6543
1
原创 Vuex使用以及namespaced注意事项
Vuex使用以及namespaced注意事项Vuex使用需要某个变量为全局变量时，可以采用Vuex来进行实现，简单案例说明：1.安装Vuex有的话可省略npm install --save vuex2.在src下新建store文件夹且在store文件下新建index.js以及modules/getValues.js3.在getValues.js设置全局变量的state,代码如下：注：namespaced: true 的方式使其成为带命名空间的模块。保证在变量名一样的时候，添加一个父级名拼接，
2022-01-13 17:01:39
725
原创 map数据转数组(简单记录)
map数据转数组(简单记录)methods:const newArr = []for(const key in map){ const jsonTemp = {} jsonTemp.D_dictName = map[key] jsonTemp.D_dictId = key newArr.push(jsonTemp)}console.log(newArr,'map数据转arr')
2021-10-16 17:58:15
983
原创 axios拦截器
axios拦截器在进行接口请求时 如果需要设置头部信息 例如提供token令牌，需要进行请求拦截//在请求发起之前 会来到下面的回调函数 // 添加请求拦截器 axios.interceptors.request.use(function (config) { console.log('拦截器回调函数-拦截器被触发') // 在发送请求之前做些什么 console.log(config,'拦截器被触发config') //判断需要授权的API 登录时请求头不需要
2021-10-03 00:04:03
158
原创 el-table实现根据条件对特定的table-cloumn进行是否可勾选
el-table实现根据条件对特定的table-column进行是否可勾选<el-table-columntype="selecttion"label="选择"width="55":selectable="selectable"></el-table-column>methods:selectable(row,index){ if(row.userId==='hhh'){ return false }else{ re
2021-09-24 12:29:34
745
原创 计算2个日期之前相隔的时间差(天数，小时数，分钟数，秒数)
计算2个日期之前相隔的时间差(天数，小时数，分钟数，秒数)export function getDays(beginTime, endTime) {var dateDiff = endTime.getTime()一beginTime.getTime()//相差天数var dayDiff = Math. floor(dateDiff/ (24 *3600 * 1000)) var leave1 = dateDiff % (24*3600*1000)var hours = Math. floor
2021-09-22 09:05:57
1414
原创 flutter项目构建(相关sdk环境配置)
flutter项目构建(相关sdk的环境配置)1、下载flutter sdk官网自行下载：flutter SDK官网下载配置环境变量下载Android studio(选择其他ide也是可以的例如vs，这里以as为例)配置Android SDK环境变量新建flutter项目，创建模拟器，启动初始化项目，就可以进行后续的开发工作了...
2021-09-12 19:33:44
453
原创 vue后台管理系统项目实战(四)
不定期更新…项目地址：https://gitee.com/wang_li_pingping/mallmanagerinstall dependenciesnpm installserve with hot reload at localhost:8080npm run devbuild for production with minificationnpm run buildbuild for production and view the bundle analyzer reportnp
2021-09-11 00:38:23
401
原创 this.$router.push路由跳转携带参数实现传参
this.$router.push路由跳转携带参数实现传参<template> <div> <el-button>点击跳转到用户管理页面(携带参数)</el-button> </div></template><script> export default { name:'casePage', data(){ return{ userCode:'zhansa
2021-09-04 19:13:32
543
原创 组件间通过refs进行传值(简单记录)
组件间通过refs进行传值模拟：test组件向test2组件传值，父组件test里面通过ref对test2组件进行标识挂载，方法区通过this.$refs.ref标识.子组件方法即可进行传值test组件：<template> <div> 我是父组件 <el-button @click="giveChildValue()">点击给子组件传个值</el-button> <test2 ref="test2Flag">&l
2021-09-04 19:03:16
1669
1
原创 vue后台管理系统项目实战(三)
vue后台管理系统项目实战(三)不定期更新…项目地址：https://gitee.com/wang_li_pingping/mallmanagerinstall dependenciesnpm installserve with hot reload at localhost:8080npm run devbuild for production with minificationnpm run buildbuild for production and view the bundle a
2021-08-31 00:00:37
679
原创 form清空
form清空Object.assign(this.data.from,this.data.from,this.data.from,this.options.data().from)
2021-08-30 16:32:44
113
原创 数组存对象
var params = {D_record:""}for(var i=0;i<this.arr.length;i++){params.D_record = this.arr[i].D_recordthis.queryArr.push(params)}
2021-08-26 20:19:43
71
原创 git新建分支 查看分支 切换分支 提交分支 合并分支并提交
git新建分支 查看分支 切换分支 提交分支 合并分支并提交git新建分支 查看分支 切换分支 提交分支 合并分支并提交新建分支git branch 分支名(如dev-login)查看分支git branch切换分支git checkout 要切换的分支名(如dev-login)分支小功能写完，内容全部添加到本地git缓存区中git add .拉取远程dev-login分支代码git pull origin dev-login将本地修改的代码提交到远程的dev分支上,即提交分支dev
2021-08-17 13:39:18
187
原创 vue后台管理系统项目实战(二)
每天更新…项目地址：https://gitee.com/wang_li_pingping/mallmanagerinstall dependenciesnpm installserve with hot reload at localhost:8080npm run devbuild for production with minificationnpm run buildbuild for production and view the bundle analyzer reportnpm
2021-08-16 23:17:35
937
原创 vue后台管理系统项目实战(一)
1、项目搭建2、路由配置3、全局样式重置App.vue：#app { height: 100%;}asset下新建重置样式reset.css（需要全局生效的样式 按需增改删）html,body{ height: 100%; padding: 0; margin: 0;}、用户登录页面login.vue<template> <div class="login-wrap"> <el-form class="logi
2021-08-15 19:20:44
2087
6
原创 sass-loader、node-sass的安装使用
最好把版本号加上，否则可能会出现版本过高而报错npm install sass-loader@7.3.1 --save-devnpm install --save-dev node-sassbuild下webpack.base.conf.js下新增rules配置//添加scss配置 { test: /\.scss$/, loaders:['style','css','sass'] }然后组件内就可以正常使用scss了<sty
2021-08-11 13:38:47
707
原创 axios接口请求封装以及跨域代理配置（简单基础配置，后续可按需封装）
axios接口请求封装以及跨域代理配置（简单基础配置，后续可按需封装）原生axios接口请求npm install axios--S新建axios封装js文件request.js并引入axiosimport axios from 'axios'request.js：import axios from 'axios'//创建一个axios对象const instance = axios.create({ baseURL:'/api',//会在发送请求时候拼接在url参数前面 ti
2021-08-11 11:20:00
3726
原创 vue-style-loader!css-loader报错解决方法
vue-style-loader!css-loader报错解决方法采用的yarn命令安装，npm安装可能还会报错(按需安装，不知道的全安装hhh)yarn add style-loader css-loader style-loaderyarn add less less-loaderyarn add sass sass-loader然后在仍然报错：可能是sass-loader版本太高，可修改为低版本7.3.1在package.json文件中修改"sass-loader": "^7.3.1
2021-08-10 13:23:39
2182
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人