- 博客(33)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 面试-项目
1.OA管理系统菜单权限如何实现的？登录之后会得到用户的token信息，根据用户token信息获取所有该角色下的所有权限数据。循环遍历这个权限数据，通过递归的方式得到一个树形的菜单。然后页面渲染就好了项目里有对axios进行封装么？有，封装了一个http模块，通过axios.create()方法进行封装的，http模块里有错误处理，设置超时时间react-redux里有个connect函数，这个函数都用来做什么事了？connect方法做的事情是将state和dispatch绑定到Connect
2021-06-22 14:17:54
91
原创 2021-06-07
userlistimport React, { useEffect, useState } from 'react'import { connect } from 'react-redux'import { getUserListAction, delUserListAction, addUserListAction, getRoleListAction, editUserListAction, getRegionsAction } from '../../../redux/ActionCreator
2021-06-07 15:50:33
99
原创 react 路由
React路由什么是路由？路由是根据不同的 url 地址展示不同的内容或页面。 一个针对React而设计的路由解决方案、可以友好的帮你解决React components 到 URl之间的同步映射关系。如果要使用 路由模块，第一步，安装 react-router-dom第二步，导入 路由模块路由安装https://reacttraining.com/react-router/web/guides/quick-start使用React路由之前，我们需要先安装 react-router-dom
2021-05-25 20:02:41
181
原创 react 购物车
import React, { Component } from 'react'import './App.css';class GoodsItem extends Component { constructor(props) { super(props) this.state = { goodsInfo: this.props.goodsInfo, singleCheck: false } } render() { return (.
2021-05-22 17:32:37
72
原创 2021-05-22
import React, { Component } from 'react'import './css/goods.css'export default class App extends Component { state = { ischeckAll: false, Totalprice: 0, Totalnumber: 0, datalist: [{ name: "商品1", price: 10, number: 1,
2021-05-22 11:48:54
56
原创 todolist
import React, { Component } from 'react'export default class App extends Component { state = { datalist:["aaa","bbb","ccc","ddddd"] } mytext = React.createRef() render() { // console.log(this) return (
2021-05-19 12:24:09
62
原创 2021-05-19
单项数据绑定在 Vue 中，可以通过 v-model 指令来实现双向数据绑定。但是，在 React 中并没有指令的概念，而且 React 默认不支持 双向数据绑定。React 只支持，把数据从 state 上传输到 页面，但是，无法自动实现数据从 页面 传输到 state 中 进行保存。React中，只支持单项数据绑定，不支持双向数据绑定。不信的话，我们来看下面这个例子：import React from "react";export default class MyComponent exte
2021-05-19 00:11:30
92
原创 2021-05-19
前言我们先来看下面这段代码：components/MyComponent.jsximport React from "react";export default class MyComponent extends React.Component { constructor(props) { super(props); this.state = { msg: "这是 MyComponent 组件 默认的msg" }; } render() {
2021-05-19 00:10:59
52
原创 2021-05-19
defaultProps 和 prop-types使用 defaultProps 设置组件的默认值React 中，使用静态的 defaultProps 属性，来设置组件的默认属性值。格式举例： // 在 React 中，使用静态的 defaultProps 属性，来设置组件的默认属性值 static defaultProps = { initcount: 0 // 如果外界没有传递 initcount，那么，自己初始化一个数值（比如0） };使用prop-types进行pro
2021-05-19 00:10:08
40
原创 2021-05-19
虚拟DOM和diff算法在学习 React 之前，我们需要先了解两个概念：虚拟DOM、diff算法。虚拟DOM问题描述：假设我们的数据发生一点点的变化，也会被强制重建整颗DOM树，这么做，会涉及到很多元素的重绘和重排，导致性能浪费严重。解决上述问题的思路：实现按需更新页面上的元素即可。也就是说，把 需要修改的元素，所对应的 DOM 元素重新构建；其他没有变化的数据，所对应的 DOM 节点不需要被强制更新。具体实现方案：（如何按需更新页面上的元素）只需要拿到 页面更新前的 内存中的DOM树
2021-05-19 00:08:24
55
原创 react
jsx因为 JSX 语法上更接近 JavaScript 而不是 HTML，所以 React DOM 使用 camelCase（小驼峰命名）来定义属性的名称，而不使用 HTML 属性名称的命名约定。例如，JSX 里的 class 变成了 className，而 tabindex 则变为 tabIndex。React 元素是不可变对象。一旦被创建，你就无法更改它的子元素或者属性。一个元素就像电影的单帧：它代表了某个特定时刻的 UI。根据我们已有的知识，更新 UI 唯一的方式是创建一个全新的元素，并将
2021-05-18 23:52:41
57
原创 moment插件使用
日期格式化// 系统当前时间格式化moment().format('MMMM Do YYYY, h:mm:ss a'); // 四月 21日 2021, 9:00:54 晚上moment().format('dddd'); // 星期三moment().format("MMM Do YY"); // 4月 21日 21moment().format('YYYY [escaped] YYYY'); // 2021 escape
2021-04-21 21:22:34
231
原创 js 常见错误(待补充)
1. is not defined表示xx变量没有被定义2. Uncaught TypeError: cannot read property ‘××’ of undefined表示访问未定义对象中的属性或方法例如：console.log(student.name)解决办法：需要确认student对象是否定义3. ‘null’ is not an object表示××的?象是一个空对象例如：var student = null; student.name='wu'; // 此时就会出现
2021-04-20 12:59:01
253
原创 es6常用语法
javascript是一门编程语言，javascript会有一个标准化规范，我们称之为ecmascript，简称es。每个浏览器都会支持相应版本的es。也就是说只要浏览器支持某个版本的es，那么这个版本对应的js代码就能在浏览器上运行。简写箭头函数promise解构const，let模块化classasync...
2021-04-15 16:06:00
115
2
原创 vue路由配置解析
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。路由模块的本质就是建立起url和页面之间的映射关系。一个简单的完整路由import Vue from 'vue'import Film from '../views/Film.vue'.
2021-04-15 00:25:01
522
原创 vue反向代理使用
当vue项目里，前端发送ajax请求后台数据的时候，由于前后端服务器地址的不同，导致请求发生跨域问题，错误如下图：为了解决跨域问题，可在vue项目中设置反向代理，从而保证前端能顺利请求后端数据。反向代理配置如下：在package.json文件同级目录下新建一个vue.config.js，并将如下代码放入vue.config.js中。// vue的配置文件， 修改重启服务器module.exports = { // 对于当前开发服务器配置反向代理 devServer: { pr
2021-04-14 22:11:15
1279
原创 vue单页面组件
我们通常使用在js文件里通过vue.component(’’,{})方式，或者在某个组件里定义局部组件的时候，有以下一些弊端：1.不支持css样式编写，需要写内联样式2.在字符串模板中templete：这里编写html代码 没有高亮显示，代码提示等，开发及其不方便3.限制只能使用 HTML 和 ES5 JavaScript, 而不能使用预处理器，如Babel为了解决上述问题，引进了vue单页面组件，可完美避免上述问题。单页面组件构成页面<!-- 这里编写页面结构html，注意：temp
2021-04-12 20:32:08
1086
1
原创 vue自定义指令directive
自定义指令作用：为了操作底层domvue设计理念就是数据驱动dom，不会针对dom进行操作。自定义指令是作者给预留的方案实际应用-- 可以通过指令知道什么时候dom创建完成， 从而进行 依赖dom的库的初始化工作指令注册自定义指令类似于组件，他也有相应的生命周期，注册方式。指令注册分为两种：局部注册和全局注册全局注册// 使用Vue.directive 进行全局指令注册。跟组件component类似// 这里hello是指令名Vue.directive("hello",{ inser.
2021-04-10 17:40:23
76
原创 过滤器filter
使用场景：用于一些常用的文本格式化。使用地方：双花括号插值{{}}{{message | captitalize}}v-bind表达式<img :src="data.img | myImgFilter"/>写法：A. 全局过滤器在js里定义一个全局过滤器，filter()函数有两个参数，参数一：过滤器名（页面html引用过滤器根据这个名字）；参数二：回调函数（接受页面通过管道传过来的数据；数据处理完毕后通过return 关键字返到页面上）Vue.filter(
2021-04-10 17:03:03
72
原创 vue下的swipper插件
swipper插件里的轮播数据为动态数据的时候，为避免出现Swiper初始化过早从而导致轮播图插件失效情况的发生，可采取以下几种方式进行处理。1. 使用updated生命周期将swipper插件初始化代码放到updated生命周期下。解决问题的同时带来其他两个问题：A. 如果其他状态更新 ,也会导致updated重复执行, 就会导致new Swiper多次初始化。B. 没有复用性<div class="swiper-container kerwin"> <div cl.
2021-04-08 00:00:54
301
原创 swipper插件使用
引用相关css，js文件<script src="lib/swiper/js/swiper.js"></script><link rel="stylesheet" href="lib/swiper/css/swiper.css">html结构完整的轮播插件包括：.swiper-container容器：用来放轮播内容，分页器，导航按钮.swiper-wrapper容器：用来放轮播的内容.swiper-slide容器：用来放每个轮播元素，这里也可以放置一.
2021-04-06 23:30:29
472
原创 vue实现元素过渡效果
简单过渡效果实现过渡效果有一个最基本的要求：元素必须有变化的过程，比如是显示/隐藏元素；删除/添加元素；元素移动，定位模式下设置偏移量等等。/* 进场动画 */.kerwin-enter-active { animation: aaa 1.5s;}/* 出场动画 */.kerwin-leave-active { animation: aaa 1.5s reverse;}/* 定义动画的名字和开始到结束的样式 */@keyframes aaa { 0% { opacity
2021-04-01 00:09:35
624
原创 slot卡槽
solt卡槽官方定义：Vue 实现了一套内容分发的 API，将 slot 元素作为承载分发内容的出口个人理解：在子组件里使用slot占坑，父组件里定义填坑的内容。这样填坑后就会形成子组件最终的dom结构。Vue.component("child",{ template:` <div> child <slot name="a"></slot> <slot name="b"></slot&.
2021-03-31 23:12:57
533
1
原创 vue组件生命周期
vue每个组件都是独立的，每个组件都有一个属于它的生命周期，从一个组件创建、数据初始化（beforeCreate，created）、挂载（mount，mounted）、更新（beforeUpdate，updated）、销毁（beforeDestory，destoryed），这就是一个组件所谓的生命周期...
2021-03-31 19:44:28
110
原创 非父子组件通信
非父子组件通信有以下两种方式：中间人模式 && bus中央总线。<!-- child1 && child2都是组件，并且他们组件之间没有嵌套关系，这种情况下child1和child2需要进行通信，我们称之为非父子组件通信--><div id="box"> <child1></child1> <child2></child2></div>中间人模式两个组件A，B没有办法通信。
2021-03-29 23:29:29
377
原创 $ref使用
$ref用来获取组件实例，不通过父子通信，可以获取组件的所有方法及data的变量$ref需要在dom挂载后才能获取到,否则undefined获取原生dom节点<div id="box"> <h2>ref- 获取原生dom节点</h2> <input type="text" ref="myinput"/> <div ref="mydiv">111111111111111111111111</div> ..
2021-03-29 22:44:16
2945
原创 vue组件父子通信
组件1. 全局组件和局部组件全局组件的用法，写法如下：//全局组件用Vue.component定义Vue.component("kerwin-tabbar",{ template:` <div style="background:red;"> {{myname}} <kerwin-tabbar-a></kerwin-tabbar-a&g
2021-03-28 23:51:19
132
1
原创 全局组件与局部组件
组件之间都是互相隔离的，定义data下属性也是分别在各自的组件里定义。和根组件不同，全局组件和局部组件定义data，都采用下面这种方式。除了data使用和在根组件下有所不同之外，其他所有选项，例如methods，computed等等都和在根组件里使用方法一致。Vue.component("kerwinHeader",{ template:` <section style="background:yellow;"> 页面的导航栏部..
2021-03-28 23:27:51
218
原创 dblink 创建使用
dblink创建使用创建： create public database link JSLDGX_DB connect to jsldgx_db identified by “jsldgx_db” using ‘(DESCRIPTION =(ADDRESS = (PROTOCOL = TCP)(HOST = 10.4.118.121)(PORT = 1521)) ...
2021-03-25 10:28:11
123
原创 前台总结一
在公司培训上课笔记,有点乱 Insert title here function changeColor() { debugger; var input = document.getElementById("testInput").value; //document.getElementById("testInput")返回的是原生的dom对象
2015-08-05 15:32:49
260
原创 log4j在java中实现
public class AccLogBase {/**致命错误. */ public static final int LOG_LEVEL_FATAL = 1; /** 错误. */ public static final int LOG_LEVEL_ERROR = 2; /** 警告. */ public static final int LOG_LEVEL_WARN
2015-03-18 15:10:07
309
转载 java io输入输出流详解
转自：http://www.cnblogs.com/rollenholt/archive/2011/09/11/2173787.html 写在前面：本文章基本覆盖了java IO的全部内容，java新IO没有涉及，因为我想和这个分开，以突出那个的重要性，新IO哪一篇文章还没有开始写，估计很快就能和大家见面。照旧，文章依旧以例子为主，因为讲解内容的java书很多了，我觉的学以致用才是真。代码
2014-12-26 10:01:30
1194
转载 Mysql主从复制的配置(双机互为主从)
author: selfimprblog: http://blog.csdn.net/lgg201mail: [email protected]: 转载请保留出处 目的: 让两台mysql服务器可以互为主从提供同步服务. 优点: 1. mysql的主从复制的主要优点是同步"备份", 在从机上的数据库就相当于一个(基本实时)备份库.2.
2014-12-26 09:55:58
352
TortoiseGit-2.12.0.0-64bit.zip
2021-07-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人