- 博客(49)
- 收藏
- 关注
RSS订阅原创 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
376
原创 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
4445
1
原创 antd的table实现鼠标移到某一行显示操作列的操作按钮
实现效果如下：代码实现：rowKey一定 <Table rowSelection={rowSelection} rowKey='id' onRow={this.onRow} rowClassName={this.setClassName} ...
2019-09-04 18:51:30
9083
1
原创 最近公司有前端的考试，所以再重新学习一下基础知识系列
1. 防抖函数将几次操作合并为一次操作进行。设置一个计时器，规定在延迟时间后触发函数，但是在延迟时间内如果再次触发，就会取消之前的计时器。如此，只有最后一次操作能触发。代码如下：function debounce(fn, wait) { let timer = null; return function() { let args = arguments, that ...
2019-08-23 17:44:21
192
原创 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
6628
原创 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
129
原创 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
303
原创 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
1995
转载 vuex状态管理使用
https://blog.youkuaiyun.com/qq_35430000/article/details/79412664
2019-07-10 17:51:30
117
原创 微信小程序豆瓣电影学习知识总结
1.app.json中的配置2.加载的动画效果导航栏部分的加载效果：wx.showNavigationBarLoading()wx.hideNavigationBarLoading()页面的加载效果：3.页面跳转及传值将要传递的数据用data-xx的形式写在标签中，在页面跳转是用？拼接的形式，从currentTarget.dataset中取到值在跳转页的onload生命周...
2019-07-07 23:35:12
1947
1
转载 微信小程序flex布局
https://www.runoob.com/w3cnote/flex-grammar.htmlFlex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性，容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis），主轴和交叉轴视flex-direction的方向而定...
2019-07-04 23:30:52
167
原创 微信小程序开发学习笔记
小程序的模板引用小程序的模板引用import引入template模板引入外联样式文件内链样式的动态生成{{colorValue}}小程序的生命周期小程序的路由及路由跳转小程序事件这里要明白currentTarget和target的区别，currentTarget是当前的元素...
2019-06-29 23:23:51
194
转载 react安装react调试工具
https://blog.youkuaiyun.com/one_girl/article/details/80916232
2019-06-15 23:25:40
1123
原创 react的antd左侧菜单及刷新选中状态
数据格式[ { "title": "首页", "icon": "home", "path": "/home" }, { "title": "商品", "icon": "home", "path": "/catalogProduct", "children": [...
2019-06-15 14:38:55
10990
原创 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
4959
原创 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
1021
原创 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
3115
原创 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
729
原创 react中异步获取数据
npm install redux-thunk引入中间件applyMiddleware组件加载的时候去请求数据,派发一个action在creatAction里面进行ajax数据的获取以及数据的派发在reducer.js中对数据进行修改...
2019-06-02 17:15:57
4465
原创 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
1526
原创 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
193
原创 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
995
原创 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
2241
1
转载 react引入axios加入withCredentials后无法跨域请求
https://blog.youkuaiyun.com/liyuling52011/article/details/80013725当需要携带session或者cookie数据时需要设置此时发送请求会发现控制台报错，是因为此时Access-Control-Allow-Origin 字段必须指定域名，不能为*Access-Control-Allow-Credentials为true...
2019-04-24 15:19:15
3158
原创 用node+express搭建简单的node后台
参考了https://blog.youkuaiyun.com/wd1024719195/article/details/79914030首先需要确认安装了node然后通过npm install -g express来安装express，express命令的使用，查看版本信息。输入express -V ,提示express不是内部或外部命令。因为express4.x中将命令工具分离出来了，所有需要先装ex...
2019-04-23 11:28:47
591
原创 vue的history模式打包部署到tomcat刷新报404错误解决方法
昨天用vue搭建项目打包放到tomcat服务器上时发现页面输入路径直接跳404，二级页面刷新也是404，在网上搜了下发现需要配置下服务器端，然后给后台同事发过去文件，放上去果然没有404了，方法就是，要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面。所以在tomcat服务器下你可以这么...
2019-04-19 08:42:45
2978
原创 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
2198
原创 vue实现前进刷新后退不刷新
参考文章：https://blog.youkuaiyun.com/qq_40963664/article/details/80062130要实现前进刷新后退不刷新，要借助vue的keep-alive，一定要了解钩子函数的执行顺序。不使用keep-alivebeforeRouteEnter --> created --> mounted --> destroyed使用keep-ali...
2019-04-04 16:37:55
659
原创 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
929
原创 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
5012
原创 echart力导向图实现搜索节点高亮效果，以及切换节点图片及圆点效果
drawLine () { this.GetRandom(this.list1); var myChart = echarts.init(document.getElementById('relate_graph3')); var option = { // ba...
2018-12-06 16:45:22
55872
2
原创 echart力导向图的绘制
<template> <div class='relation'> <div id='relate_graph2' :style="{width: '100%', height: '100%'}"></div> </div></template><script>
2018-11-15 15:37:52
2878
原创 vue+element-ui刷新左侧菜单部分不变为原来的状态
&lt;el-menu :router='true' :default-active = currentMenu&gt; &lt;public-left :navMenu = 'navMenu'&gt;&lt;/public-left&gt; &lt;/el-menu&gt;data部分： data () { return { cu
2018-11-15 15:23:39
7673
4
原创 vue项目打包发布踩过的坑
1.vue打包之后，背景图片不显示问题找到build/utils.js文件修改成为如下所示内容：2.vue写成懒加载的方式，打包发布部署到服务器报错，修改为下面的内容config目录下的index.js的assetsPublicPath修改为下面的内容3.vue从后台获取数据时，串接口数据，保存sessionid，vue中登录成功后台自动将token保存进入session缓存，解决前端...
2018-11-13 11:20:43
4807
原创 weblogic的配置及部署
转自博客 https://blog.youkuaiyun.com/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
3217
原创 vue+element-ui的主题颜色切换
参考了 https://mp.youkuaiyun.com/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
54032
12
原创 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
1077
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人