- 博客(11)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 React中使用地图时一些常用方法总结
WGS84转换为火星 /** * 从84转火星 * @param {Number} wgsLng 经度 * @param {Number} wgsLat 纬度 * @return {[Number,Number]} point */ getWGS2Mars(wgsLng, wgsLat) { if (this._out...
2019-03-26 19:30:40
842
原创 在React中实现一个简单的SVG背景图
在React中实现简单的Svg背景框首先我们需要定义一个SVG.jsx组件，这个组件用于绘制svg背景： import React from 'react' import { Component } from 'react' export default class Svg extends Component { constructor(prop...
2019-03-26 19:15:07
3365
原创 Flex布局讲解
Flex弹性盒布局Flex是Flexible Box的缩写，意为’弹性布局’。任意一个容器都可以指定为Flex布局：.box{ display: flex; }注意一点：设置flex布局之后，子元素的float、clear和vertical-align属性将失效。基本概念 采用弹性盒布局的元素称为Flex容器，简称容器。它的所有子元素自动成为容器成员，称为Flex项目，简...
2019-03-26 16:45:24
374
原创 Spring MVC +Spring Boot + Mybatis项目整合
开发环境使用IDEA通过IDEA新建项目点击下一步：填写完成项目名之后点击下一步：点击下一步：点击完成之后便开始创建项目了，项目的目录结构如下：删掉一些不需要的文件夹，并在pom文件中添加我们需要的依赖：添加mysql和mybatis的依赖：删除掉reources文件夹下面暂时不需要的目录，新建mapper文件夹和mybatis-config.xml文件：m...
2019-03-20 16:10:35
797
原创 理解并使用Redux
1.为什么要使用redux 像父子组件之间相互传值相互调用的情况，并且值的适用范围仅限于父子组件之间，这时不需要使用Redux.当某个子组件去更新某种状态时，比如更新组织机构数据。而其他的页面又需要依赖这些数据时，此时可以考虑使用redux，把这些状态值放入到redux中进行管理。2.redux工作的过程图3.redux的工作流程图Redux简介Redux是针对J...
2019-03-17 10:45:11
456
转载 react 函数式组件和类组件的应用场景
函数式组件操作非常简单能够实现的功能非常简单，只是简单的调取和返JSX而已类组件1.操作相对复杂一些，可以实现一些更为复杂的业务场景。2. 能够使用生命周期函数操作操作业务3. 函数式组件可以理解为静态组件（组件中内容调取时已经固定了，很难在修改），而类这种方式，可以根据组件内部的状态来动态的更新和渲染内容...
2019-03-15 09:45:14
3670
原创 常用HTTP响应状态码
web应用中常用的响应状态码：状态代码有三位数字组成，第一个数字定义了响应的类别，且有五种可能取值：1xx：指示信息–表示请求已接收，继续处理2xx：成功–表示请求已被成功接收、理解、接受3xx：重定向–信息不完整需要进一步补充4xx：客户端错误–请求有语法错误或请求无法实现5xx：服务器端错误–服务器未能实现合法的请求常见http响应状态码： 请求收到，继续处理：...
2019-03-10 11:54:47
6626
原创 localStorage、sessionStorage、Cookie的区别详解
localStorage、sessionStorage、Cookie共同点:都保存在浏览器端，且是同源的（顺便解释一下同源：域名、协议、端口号相同）localStorage、sessionStorage、Cookie不共同点:存储大小的不同：localStorage的大小一般为5MsessionStorage的大小一般为5Mcookies的大小一般为4K有效期不同：...
2019-03-09 18:20:56
6038
原创 JavaScript中闭包和display:inline-block的知识点记录
闭包闭包是由函数以及创建的函数的词法环境组合而成，这个环境包含了闭包创建时所能访问的所有的局部变量。实例：/** * 闭包的实例 * @param x * @returns {function(*): *} */ function makeAdder(x) { return function (y) { ...
2019-03-08 16:24:40
478
原创 JavaScript中实现深拷贝（针对于对象）
/** * 对象深拷贝（只适用于对象） * @param {*} sourceObj 源对象 * @param {*} targetObj 目标对象 */ function deepClone(sourceObj, targetObj = {}) { //返回对象属性组...
2019-03-07 16:57:47
195
原创 React项目中使用less总结
如何在react项目中安装less安装react-app-rewired，react-app-rewire-less，babel-plugin-import插件执行命令：npm install react-app-rewired --save-devnpm install react-app-rewire-less --save-devnpm install babel-plug...
2019-03-05 19:28:11
16359
2
React练习小dome
2019-03-20
ssm框架整合示例
2019-03-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人