zdxhxh-CSDN博客

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

原创 JavaScript工具类

1.UUID//生成uuidexport 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 191

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

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

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

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

原创 javascript中三种判断类型方式

一、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 426

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

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

2019-01-03 16:14:01 218

原创记录一下自己的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 122

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

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

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

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

原创 Javascritp简单总结

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

2018-10-16 07:57:26 501

原创 react.js基本使用

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

2018-10-15 22:04:20 662

原创 java面试2

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

2018-09-26 23:38:06 87

原创移动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 118

原创正则表达式

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 91

原创 Javascript兼容汇总

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

2018-09-26 23:34:37 121

原创 Javascript动画相关

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

2018-09-26 23:29:28 271

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

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

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

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

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

原创 3.redis数据恢复

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

2018-08-05 11:29:12 281

原创 2.redis的持久化

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

2018-08-05 11:27:35 98

原创 1.redis相关指令

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

2018-08-05 11:25:50 130

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

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

2018-08-04 23:26:35 81

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

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

2018-08-04 23:24:49 114

原创 14.mybatis整合spring

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

2018-08-04 23:23:33 60

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

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

2018-08-04 23:20:59 139

原创 13.一对一关联

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

2018-08-04 23:16:15 135

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

原创 11.resultMap的使用

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

2018-08-04 21:32:36 152

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

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

2018-08-03 09:20:05 115

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

2018-08-03 09:16:30 79

原创 09QueryVo的使用

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

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

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

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

2018-08-01 16:04:23 99

原创 07原始的dao接口开发

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

2018-08-01 15:59:35 110

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

空空如也

空空如也