自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(49)
  • 论坛 (1)
  • 收藏
  • 关注

原创 React+Typescript规范

React+Typescript规范定义用到的类型:type AppProps = { message: string; count: number; disabled: boolean; /** array of a type! */ names: string[]; /** string literals to specify exact string values, with a union type to join them together */ status: "

2020-12-30 19:56:37 30

原创 react拖拽改变某一块div的宽高

拖动改变某一块div的宽高<div className={`${styles.outer}`} style={{height: DetailStore.endHeight}} id="dataSetTable"> <div className={styles.outerLine} onMouseDown={e => { ...

2020-03-30 13:50:45 1519

原创 React的hook新特性

https://www.jianshu.com/p/1dcfd4d75f49

2020-03-04 14:33:57 78

原创 mobx的用法

https://www.cnblogs.com/icaihua/p/10239279.html

2020-03-04 14:23:43 123

原创 antd的table实现鼠标移到某一行显示操作列的操作按钮

实现效果如下:代码实现:rowKey一定 <Table rowSelection={rowSelection} rowKey='id' onRow={this.onRow} rowClassName={this.setClassName} ...

2019-09-04 18:51:30 4585

原创 最近公司有前端的考试,所以再重新学习一下基础知识系列

1. 防抖函数将几次操作合并为一次操作进行。设置一个计时器,规定在延迟时间后触发函数,但是在延迟时间内如果再次触发,就会取消之前的计时器。如此,只有最后一次操作能触发。代码如下:function debounce(fn, wait) { let timer = null; return function() { let args = arguments, that ...

2019-08-23 17:44:21 86

原创 umijs学习笔记

1,查看umi generate都有哪些命令umi help generatetype为page或layoutumi g page indexumi g page layout–less生成的为less的css文件umi help2,umijs的源码router.jslink.js就是引入的react-router-dom库3,umijs项目生成工具:create...

2019-08-11 21:02:22 3214

原创 mongodb学习笔记

1.https://mongoosejs.com/docs/models.html新增:查找:删除:更新:

2019-07-20 19:48:39 42

原创 nodejs框架express

1.express访问静态资源文件2.nodemon3.express中安装art-template模板引擎官网地址:https://aui.github.io/art-template/express/如果不希望是art后缀的,可以修改这个为自己需要的后缀5.在express获取GET/POST请求的数据安装完成第三方包之后就可以通过req.body来获取...

2019-07-18 17:27:29 45

原创 node学习笔记

1.content-type资源对应的content-type文本和html:图片:2.nodejs中的模板引擎art-template//获取模板引擎实例var template = require('art-template'); //获取文件操作对象实例var fs = require('fs'); //获取服务器实例var http = require('...

2019-07-18 09:45:30 115

原创 rem布局html的font-size

(function(doc, win) { var docEl = doc.documentElement, // 判断window中是否有orientationchange方法 resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = f...

2019-07-10 17:55:34 1146

转载 vuex状态管理使用

https://blog.csdn.net/qq_35430000/article/details/79412664

2019-07-10 17:51:30 34

原创 微信小程序豆瓣电影学习知识总结

1.app.json中的配置2.加载的动画效果导航栏部分的加载效果:wx.showNavigationBarLoading()wx.hideNavigationBarLoading()页面的加载效果:3.页面跳转及传值将要传递的数据用data-xx的形式写在标签中,在页面跳转是用?拼接的形式,从currentTarget.dataset中取到值在跳转页的onload生命周...

2019-07-07 23:35:12 562 1

转载 微信小程序flex布局

https://www.runoob.com/w3cnote/flex-grammar.htmlFlex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性,容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis),主轴和交叉轴视flex-direction的方向而定...

2019-07-04 23:30:52 51

原创 微信小程序开发学习笔记

小程序的模板引用小程序的模板引用import引入template模板引入外联样式文件内链样式的动态生成{{colorValue}}小程序的生命周期小程序的路由及路由跳转小程序事件这里要明白currentTarget和target的区别,currentTarget是当前的元素...

2019-06-29 23:23:51 97

转载 react安装react调试工具

https://blog.csdn.net/one_girl/article/details/80916232

2019-06-15 23:25:40 732

原创 react的antd左侧菜单及刷新选中状态

数据格式[ { "title": "首页", "icon": "home", "path": "/home" }, { "title": "商品", "icon": "home", "path": "/catalogProduct", "children": [...

2019-06-15 14:38:55 6395

原创 react中使用antd,以及antd的按需加载以及主题颜色换肤

npm install antd//实现组件的按需加载,安装依赖模块npm install react-app-rewired customize-cra babel-plugin-import定义加载配置的js模块:config-overrides.jsconst { override, fixBabelImports } = require('customize-cra');mod...

2019-06-13 23:13:22 3027

原创 vue利用express来请求本地数据

安装expressnpm install express --save在build/webpack.dev.config.js下// express配置项开始const express = require('express')const app = express()const appData = require('../data.json') // 加载本地json文件const...

2019-06-05 11:03:45 528

原创 react-loadable的用法

npm install react-loadable --save-dev在detail.js页面新建一个loadable.js文件传入需要加载的函数以及组件加载过程中的动画组件即可同时在App.js中写路由部分就不是引入detail下的index.js了,而是新建的这个loadable.js因为从home页跳转到detail页面进行了参数的传递这时候就会报params的错误信息。...

2019-06-03 23:16:48 2052

原创 react的ref的用法

通过ref获取到input的dom元素,再通过value属性可以获取到input框的值<input ref={(input) => this.input = input} placeholder='请输入用户名'/><input ref={(pwd) => this.pwd = pwd} placeholder='请输入密码' type='password'/&g...

2019-06-03 22:38:01 510

原创 react中异步获取数据

npm install redux-thunk引入中间件applyMiddleware组件加载的时候去请求数据,派发一个action在creatAction里面进行ajax数据的获取以及数据的派发在reducer.js中对数据进行修改...

2019-06-02 17:15:57 3181

原创 react中的路由配置

npm install react-router-dom在App.js中引入路由:import { BrowserRouter, Route } from 'react-router-dom';<BrowserRouter> <div> <Route path='/' exact component={Home}></Route> ...

2019-06-01 22:55:49 864

原创 react的transition-group应用

react-transitons-group的官网https://reactcommunity.org/react-transition-group/npm install react-transition-group --save使用:注意是classNames定义进入和离开的动画:

2019-05-26 19:24:46 60

原创 react中的styled-components简单的用法

npm install --save styled-components使用:import styled from 'styled-components';当使用背景图片时使用import引入定义全局样式:import {createGlobalStyle} from 'styled-components';引入全局样式,并将标签写在所有标签样式的最上面就可以保证所有样式都可...

2019-05-26 19:18:21 436

原创 react中使用redux进行状态存储

安装redux、react-reduxnpm install reduxnpm install react-redux //为了防止不小心修改state中的数据引入immutable,变成不可修改的数据npm install immutablenpm install redux-immutable2.在外层App.js中引入Provider3.在组件中引入connect来进...

2019-05-26 18:57:06 1335 1

转载 react引入axios加入withCredentials后无法跨域请求

https://blog.csdn.net/liyuling52011/article/details/80013725当需要携带session或者cookie数据时需要设置此时发送请求会发现控制台报错,是因为此时Access-Control-Allow-Origin 字段必须指定域名,不能为*Access-Control-Allow-Credentials为true...

2019-04-24 15:19:15 2089

原创 用node+express搭建简单的node后台

参考了https://blog.csdn.net/wd1024719195/article/details/79914030首先需要确认安装了node然后通过npm install -g express来安装express,express命令的使用,查看版本信息。输入express -V ,提示express不是内部或外部命令。因为express4.x中将命令工具分离出来了,所有需要先装ex...

2019-04-23 11:28:47 323

原创 vue的history模式打包部署到tomcat刷新报404错误解决方法

昨天用vue搭建项目打包放到tomcat服务器上时发现页面输入路径直接跳404,二级页面刷新也是404,在网上搜了下发现需要配置下服务器端,然后给后台同事发过去文件,放上去果然没有404了,方法就是,要在服务端增加一个覆盖所有情况的候选资源:如果 URL 匹配不到任何静态资源,则应该返回同一个 index.html 页面,这个页面就是你 app 依赖的页面。所以在tomcat服务器下你可以这么...

2019-04-19 08:42:45 1660

原创 react antd-mobile安装及按需加载

1.对index.html进行移动端的配置fastclick是解决移动端300ms延迟的方案<script src="https://as.alipayobjects.com/g/component/fastclick/1.0.6/fastclick.js"></script><script> if ('addEventListener' in d...

2019-04-14 22:51:43 1358

原创 vue实现前进刷新后退不刷新

参考文章:https://blog.csdn.net/qq_40963664/article/details/80062130要实现前进刷新后退不刷新,要借助vue的keep-alive,一定要了解钩子函数的执行顺序。不使用keep-alivebeforeRouteEnter --> created --> mounted --> destroyed使用keep-ali...

2019-04-04 16:37:55 359

原创 a链接模拟文件下载

let url = window.g.ApiUrl + '/file/export/info';this.download(url);download(url) { let link = document.createElement('a'); link.style.display = 'none'; link.href = url; ducument.body.appendChild...

2019-04-04 16:15:11 485

原创 js原生方式post请求下载zip文件

做vue后台项目的时候需要post请求向后台提交多数据,方法如下let url = window.g.ApiUrl + '/file/export/info';var xhr = new XMLHttpRequest();xhr.open('post', url, true);xhr.responseType = 'blob';xhr.setRequestHeader('Content-...

2019-04-04 16:10:58 3252

原创 echart力导向图实现搜索节点高亮效果,以及切换节点图片及圆点效果

drawLine () { this.GetRandom(this.list1); var myChart = echarts.init(document.getElementById('relate_graph3')); var option = { // ba...

2018-12-06 16:45:22 20900 3

原创 echart力导向图的绘制

&lt;template&gt; &lt;div class='relation'&gt; &lt;div id='relate_graph2' :style="{width: '100%', height: '100%'}"&gt;&lt;/div&gt; &lt;/div&gt;&lt;/template&gt;&lt;script&gt

2018-11-15 15:37:52 2299

原创 vue+element-ui刷新左侧菜单部分不变为原来的状态

&amp;lt;el-menu :router='true' :default-active = currentMenu&amp;gt; &amp;lt;public-left :navMenu = 'navMenu'&amp;gt;&amp;lt;/public-left&amp;gt; &amp;lt;/el-menu&amp;gt;data部分: data () { return { cu

2018-11-15 15:23:39 6426 3

原创 vue项目打包发布踩过的坑

1.vue打包之后,背景图片不显示问题找到build/utils.js文件修改成为如下所示内容:2.vue写成懒加载的方式,打包发布部署到服务器报错,修改为下面的内容config目录下的index.js的assetsPublicPath修改为下面的内容3.vue从后台获取数据时,串接口数据,保存sessionid,vue中登录成功后台自动将token保存进入session缓存,解决前端...

2018-11-13 11:20:43 3981

原创 weblogic的配置及部署

转自博客 https://blog.csdn.net/acmman/article/details/70093877一、weblogic的下载http://www.oracle.com/technetwork/middleware/weblogic/overview/index.html压缩完成后会生成一个文件下载Java jdkhttps://www.oracle.com/tech...

2018-10-29 20:20:33 2201

原创 vue+element-ui的主题颜色切换

参考了 https://mp.csdn.net/mdeditor# 的做法,很感谢1.安装vue-cli npm install -g vue-cli vue init webpack vue_demo cd vue_demo npm install npm run dev2.安装element-ui及sass npm i element-ui -S npm in...

2018-10-27 16:38:46 38919 8

原创 js实现计算机时间与时间格式之间的相互转换

获取计算机时间,转换时间格式:var date1 = new Date(); var date_value1 = date1.getFullYear() + '-' + (date1.getMonth() + 1) + '-' + date1.getDate() + ' ' + date1.getHours() + ':' + date1.getMinutes() + ':' + da...

2018-09-14 11:31:49 761

空空如也

假期结束啦

发表于 2019-05-05 最后回复 2019-05-05

空空如也

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

TA关注的人 TA的粉丝

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