- 博客(87)
- 收藏
- 关注
原创 redux工作原理工作流程以及代码详解(React中的应用)
**redux是什么?**简单说来就2点1、redux是一个专门用于做状态管理的JS库,并非react插件库,但基本和react配合开发使用2.其作用:集中式管理react应用中多个组件共享的状态,及负责管理状态**什么情况下需要使用redux?**1、某个组件的状态,需要让其他组件随时拿到共享2、一个组件需要改变另一个组件的状态(或是通信)
2022-05-21 21:33:15 1362
原创 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 10430 35
原创 后端不提供文件流接口,前台js使用a标签实现当前表格数据(数组非blob数据)下载成Excel
前言:开发过程中遇到的一些业务场景,如果第三方不让使用,后端不提供接口,就只能拿到table数据(Array),实现excel文件下载。
2024-06-20 22:35:02 410
原创 Vue组件间通信方式超详细(父传子、父传后代、子传父、后代传父、兄弟组件传值)
Vue组件间通信方式超详细(父传子、父传后代、子传父、后代传父、兄弟组件传值)
2023-02-28 01:09:53 7960 1
原创 Java配置jdbc连接数据库不限制ip设置方法(localhost/127.0.0.1/本机ip地址)
jdbc配置连接数据库不限制ip设置方法(localhost/127.0.0.1/本机ip地址(配置))
2022-08-27 15:57:57 2084
原创 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 9600 1
原创 React接口请求跨域代理配置(单一代理和多个代理配置)
跨域的本质是同源策略的限制即ajax引擎把你的响应拦截了,同源策略是浏览器的一个安全机制,要求同:协议、域名、端口,才能相互发送数据;就例如你在;localhost3000给localhost5000发请求,肯定是造成跨域问题ajax引擎把响应拦截不被允许,数据能往服务器发送,但是数据回不来。配置代理简单原理图如下:配置代理就类似于中间微服务器且不存在ajax引擎故不会产生跨域,其端口与客户端client一直,即可往服务器5000收发响应,也可向客户端收发响应,从而解决跨域问题。
2022-05-11 23:47:04 2336 8
原创 React经典案例todoList记录
## React经典案例todoList记录虽然是简单的案例,但值得学习,简单记录了下todoList的案例、代码结构如下,忽略css部分
2022-05-11 02:43:17 281
原创 React父子组件传值方式一props(简单记录)
React父子组件传值方式一pros(简单记录)简单记录下此种通信方式,后续还可通过redux等来实现组件通信
2022-05-10 00:22:07 691
原创 端口占用查询及kill进程
1、cmd输入命令netstat -ano |findstr “端口号”就可以查询到占有该端口进程,且有PID信息2、输入命令tasklist |findstr "进程PID号"杀死进程ook
2022-04-15 17:43:12 345 1
原创 JSON.stringify(object,null,格式化缩进标识)格式处理难看的对象转字符串
JSON.stringify(object,null,格式化缩进标识)格式处理难看的对象转字符串
2022-03-11 16:46:50 1896
原创 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 6607 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 727
原创 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 988
原创 axios拦截器
axios拦截器在进行接口请求时 如果需要设置头部信息 例如提供token令牌,需要进行请求拦截//在请求发起之前 会来到下面的回调函数 // 添加请求拦截器 axios.interceptors.request.use(function (config) { console.log('拦截器回调函数-拦截器被触发') // 在发送请求之前做些什么 console.log(config,'拦截器被触发config') //判断需要授权的API 登录时请求头不需要
2021-10-03 00:04:03 161
原创 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 753
原创 计算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 1427
原创 flutter项目构建(相关sdk环境配置)
flutter项目构建(相关sdk的环境配置)1、下载flutter sdk官网自行下载:flutter SDK官网下载配置环境变量下载Android studio(选择其他ide也是可以的例如vs,这里以as为例)配置Android SDK环境变量新建flutter项目,创建模拟器,启动初始化项目,就可以进行后续的开发工作了...
2021-09-12 19:33:44 457
原创 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 402
原创 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 545
原创 组件间通过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 1675 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 118
原创 数组存对象
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 72
原创 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 940
原创 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 2091 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 716
原创 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 3789
原创 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 2184
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人