静水流深

一个小白的学习记录

Vue学习笔记(二)------axios学习

axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 axios的功能和特征: 从浏览器中创建XMLHttpRequests 从node.js中创建http请求 支持PromiseAPI 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转化JS...

2019-04-20 17:34:53

阅读数 26

评论数 0

vue学习笔记(一)------脚手架vue cli

脚手架vue-cli(3.x) vue-cli是一个基于vue.js进行快速开发的完整系统,提供下面几个功能: 通过 @vue/cli 搭建交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。 一个运行时依赖 (@vue/cl...

2019-04-17 16:46:35

阅读数 29

评论数 0

图解原型和原型链

原型和原型链是 JS 中不可避免需要碰到的知识点

2019-04-03 17:12:47

阅读数 26

评论数 0

React中使用地图时一些常用方法总结

WGS84转换为火星 /** * 从84转火星 * @param {Number} wgsLng 经度 * @param {Number} wgsLat 纬度 * @return {[Number,Number]} point */ g...

2019-03-26 19:30:40

阅读数 37

评论数 0

在React中实现一个简单的SVG背景图

在React中实现简单的Svg背景框 首先我们需要定义一个SVG.jsx组件,这个组件用于绘制svg背景: import React from 'react' import { Component } from 'react' export default cla...

2019-03-26 19:15:07

阅读数 97

评论数 0

Flex布局讲解

Flex弹性盒布局 Flex是Flexible Box的缩写,意为’弹性布局’。 任意一个容器都可以指定为Flex布局: .box{ display: flex; } 注意一点:设置flex布局之后,子元素的float、clear和vertical-align属性将失效。 基本概念 ​...

2019-03-26 16:45:24

阅读数 41

评论数 0

Spring MVC +Spring Boot + Mybatis项目整合

开发环境使用IDEA 通过IDEA新建项目 点击下一步: 填写完成项目名之后点击下一步: 点击下一步: 点击完成之后便开始创建项目了,项目的目录结构如下: 删掉一些不需要的文件夹,并在pom文件中添加我们需要的依赖: 添加mysql和mybatis的依赖: 删除掉reource...

2019-03-20 16:10:35

阅读数 57

评论数 0

理解并使用Redux

1.为什么要使用redux ​ 像父子组件之间相互传值相互调用的情况,并且值的适用范围仅限于父子组件之间,这时不需要使用Redux. 当某个子组件去更新某种状态时,比如更新组织机构数据。而其他的页面又需要依赖这些数据时,此时可以考虑使用redux,把这些状态值放入到redux中进行管理。 ...

2019-03-17 10:45:11

阅读数 59

评论数 0

react 函数式组件和类组件的应用场景

函数式组件 操作非常简单 能够实现的功能非常简单,只是简单的调取和返JSX而已 类组件 1.操作相对复杂一些,可以实现一些更为复杂的业务场景。 2. 能够使用生命周期函数操作操作业务 3. 函数式组件可以理解为静态组件(组件中内容调取时已经固定了,很难在修改),而类这种方式,可以根据组件...

2019-03-15 09:45:14

阅读数 30

评论数 0

常用HTTP响应状态码

web应用中常用的响应状态码: 状态代码有三位数字组成,第一个数字定义了响应的类别,且有五种可能取值: 1xx:指示信息–表示请求已接收,继续处理 2xx:成功–表示请求已被成功接收、理解、接受 3xx:重定向–信息不完整需要进一步补充 4xx:客户端错误–请求有语法错误或请求无法实现 5xx...

2019-03-10 11:54:47

阅读数 24

评论数 0

localStorage、sessionStorage、Cookie的区别详解

localStorage、sessionStorage、Cookie共同点: 都保存在浏览器端,且是同源的(顺便解释一下同源:域名、协议、端口号相同) localStorage、sessionStorage、Cookie不共同点: 存储大小的不同: localStorage的大小一般为...

2019-03-09 18:20:56

阅读数 24

评论数 0

JavaScript中闭包和display:inline-block的知识点记录

闭包 闭包是由函数以及创建的函数的词法环境组合而成,这个环境包含了闭包创建时所能访问的所有的局部变量。 实例: /** * 闭包的实例 * @param x * @returns {function(*): *} */ function ma...

2019-03-08 16:24:40

阅读数 23

评论数 0

JavaScript中实现深拷贝(针对于对象)

/** * 对象深拷贝(只适用于对象) * @param {*} sourceObj 源对象 * @param {*} targetObj 目标对象 */ function deepClone(sourceOb...

2019-03-07 16:57:47

阅读数 33

评论数 0

React项目中使用less总结

如何在react项目中安装less 安装react-app-rewired,react-app-rewire-less,babel-plugin-import插件 执行命令: npm install react-app-rewired --save-dev npm install reac...

2019-03-05 19:28:11

阅读数 1594

评论数 2

JavaScript中避免回调地狱(async/await 方案)

什么时回调地狱? 在使用JavaScript时,为了实现某些逻辑经常会写出层层嵌套回调函数,如果嵌套过多,会极大影响代码可读性和逻辑,这种情况也被成为回调地狱(callback hell) async函数定义: async function fn(){ await sayhello()...

2019-03-03 18:26:26

阅读数 54

评论数 0

JavaScript中防止函数多次调用:防抖和节流

防抖 你是否在日常开发中遇到一个问题,在滚动事件中需要做个复杂计算或者实现一个按钮的防二次点击操作。 这些需求都可以通过函数防抖动来实现。尤其是第一个需求,如果在频繁的事件回调中做复杂计算,很有可能导致页面卡顿,不如将多次计算合并为一次计算,只在一个精确点做操作。 PS:防抖和节流的作用都...

2019-02-20 08:04:57

阅读数 113

评论数 0

前端需要掌握的Nginx知识点

什么是Nginx? Nginx是一款免费开源的高性能HTTP服务器以及反向代理服务器(Reverse Proxy),同时可以提供IMAP/POP3/SMATP代理服务等功能。能够快速的响应静态页面请求和支持第三方功能模块扩展。 Nginx的优点 高并发、高性能(官方给出的并发数据5万,实际...

2018-12-15 16:03:15

阅读数 53

评论数 0

React项目中请求接口的封装

封装目录中所包含的文件 Api.js ApiIp.js ApiURL.js ApiIp.js文件的作用 这个文件的作用主要是在开发环境和生产环境下调用不同的接口请求地址,生产环境下此文件的作用是动态 的获取浏览器中的地址进行拼装,便可以动态的获取地址,不需要写死 //获取当前的UR...

2018-12-10 15:18:06

阅读数 1275

评论数 0

React中eslint使用总结

eslint常用配置: module.exports = { // 环境定义了预定义的全局变量 "env": { "browser": true, "node&...

2018-12-10 10:44:08

阅读数 700

评论数 0

CSS布局解决方案

居中布局 水平居中 使用inline-block+text-align 原理:先将子框由块级元素改变为行内块元素,再通过设置行内块元素居中以达到水平居中。 用法:对子框设置display:inline-block,对父框设置text-align:center。 &a...

2018-12-10 10:30:11

阅读数 52

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭