自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

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

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

2019-09-04 18:51:30

阅读数 707

评论数 0

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

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

2019-08-23 17:44:21

阅读数 32

评论数 0

原创 umijs学习笔记

1,查看umi generate都有哪些命令 umi help generate type为page或layout umi g page index umi g page layout –less生成的为less的css文件 umi help 2,umijs的源码 router.js ...

2019-08-11 21:02:22

阅读数 431

评论数 0

原创 mongodb学习笔记

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

2019-07-20 19:48:39

阅读数 14

评论数 0

原创 nodejs框架express

1.express访问静态资源文件 2.nodemon 3.express中安装art-template模板引擎 官网地址:https://aui.github.io/art-template/express/ 如果不希望是art后缀的,可以修改这个为自己需要的后缀 5.在...

2019-07-18 17:27:29

阅读数 21

评论数 0

原创 node学习笔记

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

2019-07-18 09:45:30

阅读数 15

评论数 0

原创 rem布局html的font-size

(function(doc, win) { var docEl = doc.documentElement, // 判断window中是否有orientationchange方法 resizeEvt = 'orientationchange' i...

2019-07-10 17:55:34

阅读数 139

评论数 0

转载 vuex状态管理使用

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

2019-07-10 17:51:30

阅读数 9

评论数 0

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

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

2019-07-07 23:35:12

阅读数 145

评论数 1

转载 微信小程序flex布局

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

2019-07-04 23:30:52

阅读数 23

评论数 0

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

小程序的模板引用 小程序的模板引用import引入template模板 引入外联样式文件 内链样式的动态生成{{colorValue}} 小程序的生命周期 小程序的路由及路由跳转 小程序事件 这里要明...

2019-06-29 23:23:51

阅读数 29

评论数 0

转载 react安装react调试工具

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

2019-06-15 23:25:40

阅读数 257

评论数 0

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

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

2019-06-15 14:38:55

阅读数 1959

评论数 0

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

npm install antd //实现组件的按需加载,安装依赖模块 npm install react-app-rewired customize-cra babel-plugin-import 定义加载配置的js模块:config-overrides.js const { override,...

2019-06-13 23:13:22

阅读数 717

评论数 0

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

安装express npm install express --save 在build/webpack.dev.config.js下 // express配置项开始 const express = require('express') const app = express(...

2019-06-05 11:03:45

阅读数 176

评论数 0

原创 react-loadable的用法

npm install react-loadable --save-dev 在detail.js页面新建一个loadable.js文件 传入需要加载的函数以及组件加载过程中的动画组件即可 同时在App.js中写路由部分就不是引入detail下的index.js了,而是新建的这个loadable...

2019-06-03 23:16:48

阅读数 767

评论数 0

原创 react的ref的用法

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

2019-06-03 22:38:01

阅读数 324

评论数 0

原创 react中异步获取数据

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

2019-06-02 17:15:57

阅读数 846

评论数 0

原创 react中的路由配置

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

2019-06-01 22:55:49

阅读数 305

评论数 0

原创 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

阅读数 21

评论数 0

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

npm install --save styled-components 使用: import styled from 'styled-components'; 当使用背景图片时使用import引入 定义全局样式: import {createGlobalStyle} f...

2019-05-26 19:18:21

阅读数 132

评论数 0

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

安装redux、react-redux npm install redux npm install react-redux //为了防止不小心修改state中的数据引入immutable,变成不可修改的数据 npm install immutable npm install redux-im...

2019-05-26 18:57:06

阅读数 308

评论数 0

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

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

2019-04-24 15:19:15

阅读数 890

评论数 0

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

参考了https://blog.csdn.net/wd1024719195/article/details/79914030 首先需要确认安装了node 然后通过npm install -g express来安装express,express命令的使用,查看版本信息。输入express -V ,提...

2019-04-23 11:28:47

阅读数 152

评论数 0

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

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

2019-04-19 08:42:45

阅读数 428

评论数 0

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

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

2019-04-14 22:51:43

阅读数 193

评论数 0

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

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

2019-04-04 16:37:55

阅读数 89

评论数 0

原创 a链接模拟文件下载

let url = window.g.ApiUrl + '/file/export/info'; this.download(url); download(url) { let link = document.createElement('a'); li...

2019-04-04 16:15:11

阅读数 226

评论数 0

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

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

2019-04-04 16:10:58

阅读数 1129

评论数 0

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

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

2018-12-06 16:45:22

阅读数 7626

评论数 3

原创 echart力导向图的绘制

&lt;template&gt; &lt;div class='relation'&gt; &lt;div id='relate_graph2' :style="{width: �...

2018-11-15 15:37:52

阅读数 1526

评论数 0

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

&amp;lt;el-menu :router='true' :default-active = currentMenu&amp;gt; &amp;lt;public-left :navMenu = 'navMenu'...

2018-11-15 15:23:39

阅读数 3970

评论数 3

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

1.vue打包之后,背景图片不显示问题 找到build/utils.js文件 修改成为如下所示内容: 2.vue写成懒加载的方式,打包发布部署到服务器报错,修改为下面的内容config目录下的index.js的assetsPublicPath修改为下面的内容 3.vue从后台获取数...

2018-11-13 11:20:43

阅读数 2362

评论数 0

原创 weblogic的配置及部署

转自博客 https://blog.csdn.net/acmman/article/details/70093877 一、weblogic的下载 http://www.oracle.com/technetwork/middleware/weblogic/overview/index.html 压...

2018-10-29 20:20:33

阅读数 877

评论数 0

原创 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 dev ...

2018-10-27 16:38:46

阅读数 11038

评论数 5

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

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

2018-09-14 11:31:49

阅读数 434

评论数 0

原创 vue后台返回不同的文字渲染不同的图片及文字颜色

我是这样写的,因为我好多页面都用到了,所以封装到js文件中了。这里是根据不同的状态显示不同的图片及文字颜色。 status.js文件: import Vue from 'vue'; import delete1 from '../img/...

2018-09-13 09:17:04

阅读数 1966

评论数 0

原创 js帧动画函数封装

//函数的封装部分start function MovieSprites(ele, obj) { var t = this; t.ele = ele; t.classOrigin = obj.classOrigin || null; ...

2018-09-10 13:50:16

阅读数 448

评论数 0

原创 图片的预加载 createjs.LoadQueue

preloadJs可以方便的帮助我们预先加载相关资源,例如图片,文件,音频,数据等 var loader = new createjs.LoadQueue(); LoadQueue包含了以下几个可以订阅的事件: complete: 当队列完成全部加载后触发 error: 当队列遇到错误...

2018-09-05 15:57:46

阅读数 1604

评论数 0

原创 svg的stroke-dasharray及stroke-dashoffset属性

&lt;svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg"&gt; //width 和 hei...

2018-09-03 17:12:21

阅读数 3397

评论数 0

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