vuvivian-CSDN博客

原创服务器部署及使用Docker

远程连接ECS实例。连接方式请参见连接方式概述。运行以下命令，安装Docker存储驱动的依赖包。 <div class="code-tools"> <i class="theme-switch-btn"></i><i class="copy-btn"></i></div><pre class="p...

2021-03-18 16:21:46 244

转载服务器入门使用

1.购买登录官网查看云服务器购买列表，购买时选择地区、操作系统镜像等，购买云服务器后会发送短信通知，这里只列出一个：【阿里云】尊敬的用户：您的云服务器ECS创建成功（实例名称：xxxxxxxxxx，公网IP：xxx.xxx.xxx.xxx）。系统用户名...

2021-03-18 15:45:46 4266

转载 antd中Drawer组件使用getContainer方法获取dom节点时初次获取到的是null问题完美解决

/* eslint-disable no-console,react/no-multi-comp */import Drawer from 'rc-drawer';import React from 'react';import ReactDom from 'react-dom';import { Menu, Icon } from 'antd';import 'antd/lib/st...

2019-04-21 23:17:29 23435

原创 webpack-bundle-analyzer 模块分析

1.安装：npm install --save-dev webpack-bundle-analyzer2.webpack中引入const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;3.在plugins中添加 new BundleAnalyzerPlugin( ...

2019-03-09 15:50:18 1292

原创 package.json中的scripts脚本说明

"scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "lint": "eslint --ext .js,.vue src", "build": &

2019-03-07 10:40:28 15231

原创创建vue项目

1.首先要安装node.js。 node.js的官方地址为：https://nodejs.org/en/download/下载完毕，按照windows一般应用程序，一路next就可以安装成功。提示：尽量不要更改安装目录，不然后期创建文件时path会出现问题。安装完后，启动cmd 输入node -v，然后回车，如果出现node版本信息，则说明安装成功了。2.安装淘宝镜像cnpm。安装命令...

2019-03-06 11:13:17 237

转载快速上手最棒的网格框架ag-Grid

ag-Grid是速度最快，功能最丰富的JavaScript datagrid组件, 没有之一, 事实证明了它确实是业内口碑最高的框架之一Datagrid是您在用户界面中可能多次遇到的问题。它是一个以表格形式显示数据的组件。数据中的每个项目都显示为一行，分为项目字段的列。网格已经存在了很长时间，主要是在桌面上，但现在在网络应用UI中并不常见。今天，大多数公司和软件工程师选择现有的解决方案...

2019-03-06 09:48:46 1784 4

原创 ag-grid表头添加排序与取消排序

1.组件添加 enableSorting 属性2.控制列不排序，在列定义添加 supressSorting 属性

2019-03-06 09:46:05 3933

原创下拉框中添加空白选项

效果如图：解决方案：option的值使用转义字符，比如

2019-03-05 17:49:12 3584

原创 aggrid重写右键上下文菜单

suppressContextMenu: false,2 3. getContextMenuItems=(params)=> { return [ { name: params.value, action: function() { //返回上级 windo...

2019-03-01 17:09:54 2708

原创 Ag-grid属性整理

import ClickableStatusBarComponent from ‘./component/clickableStatusBarComponent’;// import HaearCustomComponent from ‘./component/HaearCustomComponent’const defaultColDef = {width:300, // 宽度edita...

2019-02-26 11:03:37 18403 4

原创纯前端导入EXCEL文件

1.使用工具：xlsx2.功能说明：将excel文件数据导入到页面上进行渲染3.文件上传我用的是antd的Upload.Dragger <Modal title="Excel表格导入" visible={uploadVisible} maskClosable={false} closable={false} ...

2019-02-25 20:20:17 1902

转载 Beyond Compare 4 破解

修改注册表1 在搜索栏中输入 regedit ，打开注册表2 删除项目：计算机\HKEY_CURRENT_USER\Software\Scooter Software\Beyond Compare 4\CacheId

2019-02-20 08:53:00 7611 5

转载新版React脚手架更改antd主题

http://www.cnblogs.com/wuqun/p/10131483.html新版脚手架修改主题主要有两点&nbsp; &nbsp;(*･ω-q)1、webpack.config.dev.js和 ....prod.js中 style必须为true，而不是css plugins: [ [ ...

2019-01-21 15:15:54 1856

原创 webpack 有时候不会自动编译刷新问题

File -> Setting -> System Settings 将 Use “safe write” 取消

2019-01-09 19:44:31 2273

转载用iptables开启防火墙报错 Failed to start IPv4 firewall with iptables.

错误原因：因为centos7.0默认不是使用iptables方式管理，而是firewalld方式。CentOS6.0防火墙用iptables管理。解决办法有两个：使用firewalld方式。或者关闭firewalld,然后安装iptables。安装iptables失败采用另一种。增加端口号①新增永久端口 firewall-cmd --zone=public --add-port=808...

2018-12-24 17:01:07 2251

原创服务器开放端口（以SVN默认端口为例）

1.查看安全组，新增安全组2.防火墙可以通过下面这个命令查看可以打开的服务有哪些firewall-cmd --get-services可以通过下面的命令添加一个服务到firewalldfirewall-cmd --permanent --add-service=http //http换成想要开放的servicesystemctl restart firewalld.servi...

2018-12-24 16:56:05 6811

原创云服务器新建SVN仓库

1.服务器安装SVNyum install subversion2.进入版本库目录（自定义）cd /var/svn3.创建版本库svnadmin create /var/svn/girl 4.进入文本框并查看文本库中文件cd girlls5.使用vi命令依次修改config文件夹中的文件设置帐号密码 vi passwd使用 i 进入编辑状态，添加用户，如：girl ...

2018-12-24 16:42:11 542

原创 create-react-app 引入 less配置

使用 create-react-app 脚手架搭建react项目后，发现其不带less的配置项，所以接下来是手动添加less的步骤：1.执行命令下载less和less-loadernpm install less-loader less --save-dev2.修改 webpack配置文件，包括webpack.config.dev.js 和 webpack.config-prod.js定义...

2018-11-16 23:23:19 927 2

原创由[eslint] Using this.refs is deprecated. (react/no-string-refs)引发的refs语法更正

我们习惯于这样使用ref：①定义&lt;PanGrid ref="listPanGrid" dataSource={this.state.listData} configCols={this.state.listColumns} statistics={listStatistics} checkboxCell={true} orderCel...

2018-11-08 18:32:43 4266

原创 js字符串增删特殊字符

For example：1.将日期YYYYMM转为YYYY-MMlet date = “YYYYMM”;date .substring(0, 4) + "-" + date .substring(4, 6);console.log(date); //YYYY-MM2.将YYYY-MM中“-”去掉，变为YYYYMMlet date = “YYYY-MM”;date ..repla...

2018-10-17 21:54:06 261

原创 react -redux 存取数据简单使用

1.首先，在自定义的组件中新建store文件夹，并在store下新建reducer.js文件，编写代码：import {fromJS} from 'immutable';const defaultState = fromJS({ topicList:[{ "id":1, "text":"社会热点", "url":"https://upl...

2018-10-10 22:38:43 4781

原创 React+ SpringBoot 跨域问题

1.新建CORSConfiguration.java 文件2.编写代码`package com.vuvivian.jianshu;import org.springframework.context.annotation.Configuration;import org.springframework.web.servlet.config.annotation.CorsRegistry;...

2018-10-03 10:14:40 850

转载 ES5和ES6中，都怎么判断变量是否为数组？

JS的弱类型机制导致判断变量类型是初级前端开发者面试时的必考题，一般我都会将其作为考察候选人第一题，然后基于此展开。在ES5中判断变量是否为数组在ES5中，我们至少有如下5种方式去判断一个值是否数组：var a = []; // 1.基于instanceof a instanceof Array; // 2.基于constructor a.constructor === Array;...

2018-09-25 21:14:54 6767

转载 PLSQL Developer 12.0.7 注册码亲测可用

PLSQL Developer 12.0.7 注册码product code： 4vkjwhfeh3ufnqnmpr9brvcuyujrx3n3le serial Number：226959 password: xs374ca

2018-09-07 09:50:01 6679 3

原创 PC端开发React项目 Reset Css的选择

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, s...

2018-09-06 16:56:04 1139

转载 filter() 方法详解

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。语法array.filter(function(currentValue,index,arr), thisValue)1参数说明 functio...

2018-09-04 20:30:34 2996

转载 React Native防止快速重复点击

建立CallOnceInInterval.jslet isCalled = false, timer; /** * @param functionTobeCalled 被包装的方法 * @param interval 时间间隔，可省略，默认600毫秒 */export default callOnceInInterval = (functionTobeCa...

2018-09-03 18:36:00 1168

原创 SetState的高级用法

接触React以来，更新state中属性的方法都使用 this.setState({...}) 这种普遍的语法。其实setState不仅接受一个对象，它也可以接受一个函数，并且使用函数的方式其实是更合理的编码方式。语法如下： this.setState((prevState, props) => ({ ...}));具体差异请参考大...

2018-09-03 18:09:08 1192

原创 Oracle + PlSql 下载安装配置

一.Oracle下载及安装 1.地址：http://www.oracle.com/technetwork/database/enterprise-edition/downloads/112010-win64soft-094461.html 2.下载两个压缩包： 3.解压：将这两个压缩包解压到同一个文件目录下 4.安装：进入解压包路径找到安装文件 ...

2018-08-07 22:03:26 3834

原创【webpack打包成功,但是在dist文件js里没有出现相对应的文件】问题解决

1.webpack.config.js 添加代码如下module.exports = { entry: './app/index.js', output:{ path: __dirname+'/dist/js', filename: 'bundle.js' }}2.执行webpack -p 3.可能第一次有些延迟，过了一会我的就出

2018-01-28 22:33:33 9259 2