zdxhxh-优快云博客

原创 vue-cli3.8配合express模拟接口数据

首页明确版本号：使用的是vue-cli(3.8x)脚手架创建的项目总体思路：在webpack配置运行过程中，添加express脚本运行在本地的node.js环境中。并修改webpack的反向代理配置，解决localhost下端口号不同的跨域问题。操作步骤在目录文件下增加模拟数据data.json文件，作为模拟数据使用 - 在项目目录下创建mock.js文件，作为express的运行脚本...

2019-06-29 20:29:31 622

原创 JavaScript工具类

1.UUID //生成uuid export function generateUuid() { var s = []; var hexDigits = "0123456789abcdef"; for (var i = 0; i < 36; i++) { s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10),...

2019-02-21 14:47:10 325

原创 webpack4.x中less使用绝对路径

在其它less文件中，如果想要导入其它less文件，直接使用会出现报错。 @import '~config/basic.less'; 这个时候在webpack中的reolve属性加上 resolve: { alias: { //修改Vue被导入的路径 "@s": path.join(__dirname, './src'), "@c": path.join(__...

2019-02-14 19:46:38 2625

原创 antd样式在react中不生效解决办法

在.babelrc { "presets": [ "es2015", "react", "stage-2" ] , "plugins": [ "add-module-exports", "transform-runtime", ["import", { "libraryName": "a

2019-02-14 14:38:32 9789 5

一、Object.prototype.toString.call(obj) Object.prototype.toString()可以通用的来判断原始数据类型和引用数据类型，基本包括如下类型 [object Number] [object String] [object Undefined] [object Boolean] [object Object] [object Array] [ob...

2019-01-03 16:23:23 545

原创记录一下工作中的问题，顺便整理思路

一、this指向原型对象中方法中的this对象是实例对象（谁调用就指向谁）其他函数的this对象指向的是window对象二、Object.prototype.toString.call(num) === "[object Array]"? 判断某种对象的具体类型时，我们可以通过该方式，判断返回的字符串对象来确定该数据类型，如 "[object Array]"代表的是一个数组对象，这是...

2019-01-03 16:14:01 311

原创记录一下自己的webpack配置

wepack版本 "webpack": "^4.17.1", "webpack-cli": "^3.1.0", "webpack-dev-server": "^3.1.7" webpack配置 const path = require('path') const htmlWebpackPlugin = require('html-webpack-p

2018-12-25 13:46:48 197

原创 js求两个日期之间的所有日期

// 获取两个日期之间的所有日期 function getAll(begin,end) { console.log("getAll",begin,end) let arr = [] let ab = begin.split("-") let ae = end.split("-") let db = new Date() db.setUTC...

2018-12-24 13:37:37 408 1

原创 react.js +dva 整理

如何更新一个组件? view层：使用dispatch处理 type为对应的Mod层方法 payload则为要传递的参数 dispatch({ type: `${namespace}/editStaff`, payload: {id:record.id}} ) 当数据被放到状态机更新后，可以用modelObj获取值 MOD层在effects方法中定义type中的方...

2018-10-17 18:51:26 477

原创 react组件之间的通信

const evenBus = new eventmitter.EventEmitter() const Comp = React.createClass({ getInitialState(){ return {color:'yellow'} } componentWilMount(){ if(!this.props.color) {eventbus.on('change...

2018-10-17 08:13:38 182

原创 react的demo

import React from 'react' //创建组件虚拟dom元素 import ReactDOM from 'react-dom' //把创建好的虚拟dom放到页面上 import Index from './pages/indexMge/indexList' const myh1 = React.createElement('h1',null,'这是一个大的h1') con...

2018-10-17 07:41:26 207

原创 react生命周期

init //针对类的 defaultPros(share)->run 1 getDefaultProos(){return {group:123}} //针对实例 state->getInitialState(){return {}} /ES6 construtor(){this.state={}} const Item = React.createClass()...

2018-10-17 07:39:48 134

原创 Javascritp简单总结

DOM 节点增凭空创造 document.write(); //不常用因为比较容易覆盖原来的页面 innerHTML; //用得比较多绑定属性与内容比较方便 document.createElement; //也是比较多的，指定数量一般用它删父节点.removeChild（子节点）；必须指定要删除的子节点 node.parentNode.removeChild(nod...

2018-10-16 07:57:26 620

原创 react.js基本使用

核心概念虚拟dom 用js对象模拟页面上的元素，并提供操作dom对象的api，能够使页面高效刷新解决问题？传统的渲染方案方案一：手动for循环整个数组，然后手动拼接字符串方案二：使用模板引擎，art-template 当内存中的数据更新时（例如数组排列顺序发生改变），要求重新渲染，这就出现了性能问题如何解决？按需渲染页面，程序员手动模拟新旧两颗dom树（内存变化前后），...

2018-10-15 22:04:20 796

原创 java面试2

数据库优化可以从那些方面入手? mysql解析sql语句的流程? 1.客户端发送一条查询给服务器。 2.服务器先检查查询缓存，如果命中了缓存，则立刻返回存储在缓存中的结果。否则进入下一阶段。 3。服务器端进行SQL解析，预处理，再由优化器生成对应的执行计划 4。MySql根据优化器生成的执行计划，调用存储引擎的API执行查询。 5。返回结果给客户端。 sql的优化可以从哪些方面入手...

2018-09-26 23:38:06 145

原创移动web开发

javascript的正则表达式与java的区别以/开头 /结尾与java的不同 java的正则表达式：telephone.matches("1[34857][\\d]{9}") javascript: /^((13[0-9])|(15[^4,\D])|(18[0,5-9]))\d{8}$/ 2. 定义 var 变量名= new RegExp(/表达式/); 推荐: var...

2018-09-26 23:37:44 217

原创正则表达式

javascript的正则表达式与java的区别以/开头 /结尾与java的不同 java的正则表达式：telephone.matches("1[34857][\\d]{9}") javascript: /^((13[0-9])|(15[^4,\D])|(18[0,5-9]))\d{8}$/ 2. 定义 var 变量名= new RegExp(/表达式/); 推荐: var...

2018-09-26 23:35:58 161

原创 Javascript兼容汇总

以下列出所有因浏览器版本冲突的属性或者方法，并在他们的下面给出解决方案兄弟节点 nextSibling: 调用者是节点。IE678。IE9+异议 nextElementSibling：在火狐谷歌IE9都指的是下一个元素节点。 previousSibling： IE678 火狐谷歌IE9+ 异议子节点: firstChild: IE678 fir...

2018-09-26 23:34:37 239

原创 Javascript动画相关

家族之一offset 三大家族（offset/scroll/client）事件对象/event （事件被触动时，鼠标和键盘的状态）（通过属性控制） offset --偏移，补偿，位移。 js中有一套方便的获取元素尺寸的办法就是offset家族； offsetWidth和offsetHight 以及offsetLeft和offsetTop以及offsetParent 共同组成了off...

2018-09-26 23:29:28 358

原创 CSS兼容性处理

清除浮动 .clearfix:before, .clearfix:after { content: ""; display: block; height:0; clear:both; overflow:hidden; visibility:hidden; } .clearfix { *zoom: 1; /*IE/7/6*/ } 浏览...

2018-09-26 23:15:41 1034

原创 nodejs学习之旅01

nodejs是什么东西? javascript的一个运行环境，没有bom与dom 必须依赖npm 命令行:nodejs –version //查看版本号 nodejs中的javascript helloworld案例进入目录该目录下有如下js文件 tips: shift+右键可以在当前位置打开命令行通过Node运行js文件（文件名不能为node.js...

2018-08-13 20:54:56 233

原创 3.过滤与排序

1.where语句 //查询编码号为十号的员工 select * from emp where deptno=10; 注意:字符串大小写敏感时间格式敏感 //查询名叫KING的员工 select * from emp where name='KING'; //查询入职日期17-11-81的员工 select * from emp where hiredate='17-11月-81'; ...

2018-08-05 11:41:31 230

原创 2.oracle-基本查询操作

通过列名查询表 select empno,ename,job,mgr,hiredate,sal,comm,deptno from emp; //通过列名查询表去重复查询 select distinct deptno from emp; //distinct 去掉重复的值查询 select distinct deptno,job from emp; //distinct作用于...

2018-08-05 11:37:11 167

原创 1.oracle-基本命令

查询用户: show user 查询用户下的所有表 select * from tab; //查询账户下的所有表查询表结构 desc emp; 清除命令行 host cls //清屏幕查询设置行 show linesize //查询行宽 set linesize 120 //设置 col ename for a8 //设置列宽 ...

2018-08-05 11:36:16 166

原创 3.redis数据恢复

1.flushall操作清空数据库 2.关闭redis服务器防止dump.rgb shutdown nosave 3.编辑aof文件将日志中的flushall 命令删除并重启服务

2018-08-05 11:29:12 347

原创 2.redis的持久化

//1.RDB持久化在指定时间将内存数据写入磁盘劣势: 在指定时间前宕机的话数据将丢失数据集较大时可能会导致服务器停止服务几百毫秒 //2.AOF 每一个写入操作都将备份到磁盘 redis 可以同时使用上面两种持久化方案 //3.无持久化 //4.快照设置 vi redis.conf save 900 1#每900秒有1个key发生变化则dump内存快照 s...

2018-08-05 11:27:35 155

原创 1.redis相关指令

一.redis启动相关 1.进入目录 cd /usr/local/redis/bin 2.前台启动 ./redis-server //退出 ctrl+c 3.后台启动 //后台启动配置 cp /opt/redis-4.0.9/redis.conf /usr/local/redis/bin 修改配置文件为 //daemonize yes //启动命令 ./redis-server redis....

2018-08-05 11:25:50 205

原创 16.mapper代理形式开发dao

1.实现Mapper.xml 2.实现UserMapper接口注意方法名要与 public interface UserMapper { /** * 根据用户id查询 * * @param id * @return */ User queryUserById(int id); /** * 根据用户名模糊查询...

2018-08-04 23:26:35 135

原创 15.spring原始dao开发方法

1.实现UserDao接口 public interface UserDao { /** * 根据id查询用户 * * @param id * @return */ User queryUserById(int id); /** * 根据用户名模糊查询用户列表 * * @param use...

2018-08-04 23:24:49 176

原创 14.mybatis整合spring

1.指定扫描包配置文件是SqlMapConfig.xml，如下： <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN" "http://mybatis.org/dtd/mybatis-3-config.dtd"&g

2018-08-04 23:23:33 109

原创 13.一对一关联（方法二）

需求：查询所有订单信息，关联查询下单用户信息。注意：因为一个订单信息只会是一个人下的订单，所以从查询订单信息出发关联查询用户信息为一对一查询。如果从用户信息出发查询用户下的订单信息则为一对多查询，因为一个用户可以下多个订单。 newsdata one to one tag tag one to many newsdata/ SELECT n.nid, n.title, t.tid, t....

2018-08-04 23:20:59 223

原创 13.一对一关联

需求：查询所有订单信息，关联查询下单用户信息。注意：因为一个订单信息只会是一个人下的订单，所以从查询订单信息出发关联查询用户信息为一对一查询。如果从用户信息出发查询用户下的订单信息则为一对多查询，因为一个用户可以下多个订单。 newsdata one to one tag tag one to many newsdata/ SELECT n.nid, n.title, t.tid, t....

2018-08-04 23:16:15 194

原创 12.mybatis动态拼接sql

1.需求：根据性别和名字查询用户查询sql： SELECT id, username, birthday, sex, address FROM `user` WHERE sex = 1 AND username LIKE '%张%' 2.使用if标签改造UserMapper.xml，如下：  <select id="queryU...

2018-08-04 23:12:32 941

原创 11.resultMap的使用

1.定义 resultType可以指定将查询结果映射为pojo，但需要pojo的属性名和sql查询的列名一致方可映射成功。如果sql查询字段名和pojo的属性名不一致，可以通过resultMap将字段名和属性名作一个对应关系，resultMap实质上还需要将查询结果映射到pojo对象中。 resultMap可以实现将查询结果映射为复杂类型的pojo，比如在...

2018-08-04 21:32:36 229

原创 10.输出为基本数据类型

1.需求:查询用户表数据条数 sql：SELECT count(*) FROM `user` 2.在UserMapper.xml添加 <select id="queryUserCount" resultType="int"> SELECT count(*) FROM user </select> 3.java代码 @Test public v...

2018-08-03 09:20:05 195

转载 Java面试向

封装封装给对象提供了隐藏内部特性和行为的能力。对象提供一些能被其他对象访问的方法来改变它内部的数据。在 Java 当中，有 3 种修饰符： public， private 和 protected。每一种修饰符给其他的位于同一个包或者不同包下面对象赋予了不同的访问权限。下面列出了使用封装的一些好处：通过隐藏对象的属性来保护对象内部的状态。提高了代码的可用性和可维护性，因为对象的行为可以被单独的改变或...

2018-08-03 09:16:30 141

原创 09QueryVo的使用

queryVo作为一个包装类，可以封装多个不同类型的成员变量，将queryVo作为输入参数，可以它的成员变量作为sql的值 1.创建QueryVo类，并将所需作参数的类型封装到QueryVo public class QueryVo implements Serializable { private static final long serialVersionUID = 1L; ...

2018-08-01 16:20:07 5337 3

原创 08mapper动态代理接口开发

1.问题原始Dao开发中存在以下问题： Dao方法体存在重复代码：通过SqlSessionFactory创建SqlSession(实现类与工厂类的耦合)，调用SqlSession的数据库操作方法调用sqlSession的数据库操作方法需要指定statement的id，这里存在硬编码，不得于开发维护。 2.开发规范 Mapper接口开发方法只需要程序员编写Mapper...

2018-08-01 16:04:23 179

原创 07原始的dao接口开发

1.先进行DAO的接口开发，编码如下： public interface UserDao { /** * 根据id查询用户 * * @param id * @return */ User queryUserById(int id); /** * 根据用户名模糊查询用户 * * @param...

2018-08-01 15:59:35 204

原创 06mybatis与hibernate的区别

1. mybatis与hibernate不同 Mybatis和hibernate不同，它不完全是一个ORM(对象关系映射)框架，因为MyBatis需要程序员自己编写Sql语句。mybatis可以通过XML或注解方式灵活配置要运行的sql语句，并将java对象和sql语句映射生成最终执行的sql，最后将sql执行的结果再映射生成java对象。 Mybatis学习门槛低，简单易学，程序员直接编写原生...

2018-08-01 15:58:05 141

空空如也

空空如也