react实现分页列表滚动到某一位置，点击跳转到详情页返回继续保持进入的位置 原理：利用react-activation插件实现页面位置的保持，然后使用redux进行数据的更新一、安装react-activation插件怎么使用react-activation可以参考：https://github.com/CJY0208/react-activation/blob/master/README_CN.md二、列表页使用组件页面内引入 import KeepAlive, { withAliveScope } from ‘react-activation’;注意KeepAliv
promise和setTimeout的执行顺序 一、前言promise为es6引进的语言标准，为异步编程的一种解决方案；阅读此文的前提是了解浏览器event loop的机制，还有promise的基本用法和特性，比如他自执行特性、状态不可逆特性等二、问题setTimeout(function(){console.log(1)},0);new Promise(function(resolve){ console.log(2) for( var i=0 ; i<10000 ; i++ ){ i==9999 &am
前后端实现分片上传超大文件 前端原代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS分片上传-极速上传</title></head><body> <input type="file" name="slice" id="slice" > <div id="output"><
使用svg定制化绘制圆环、漏斗 成品展示图：直接上代码//svg绘制漏斗 svgRender( left, index, text, topWidth, height, bottomWidth, colorOne, colorTwo, isActive ) { return ( <div style={{ position: 'relative', width: { to
前端工作中非常实用的工具 一、开发工具vscode,sublime,atom,webstorm插件插件描述Beautify格式化代码,统计编码风格Bracket Pair Colorizer给括号加上不同的颜色，便于区分不同的区块Markdown Preview Enhanced实时预览markdown，markdown使用者必备open in browser在浏览器打开文件.支持自定义浏览器Path Intellisense自动提示文件路径，支持各种快速引入文件Rea
公司多人开发git管理流程 一、首先早上一进公司要做的事情就是从远程拉取最新代码并开启一个新分支执行git命令：git checkout 主分支 //切换到主分支git pull --rebase origin 主分支 //从主分支上拉取最新代码git checkout -b 开发分支 主分支 //从主分支上新建一个分支并切换过去开发代码...中间可能会多个commit git commit -m "注释"git commit -m "注释"...开发完毕,发布远程git rebase -i//将多个commi
原生js和jquery实现头部tab栏点击滚动居中 效果图：直接上demo<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title>
移动端调试神器：vConsole调试console 前言因为最近一直在弄移动端项目，由于在移动端无法打开控制台，所以想办法打印调试console的数据一直苦恼。之前用的是chrome的inspect调试，但是只能使用移动版的chrome查看数据，兼容不好，所以最近使用了vConsole 进行调试使用首先去下载相关的代码，由于只需要在页面引入一个js文件，直接去下载就可以，地址：js下载地址或者使用 npm 安装：npm install v...
解决数据库的一段内容中有两个空格，从后台读取后显示到前端页面上只有一个的问题 因为浏览器默认只认同字符中间的一个空格，其他忽略如果用以上两个标记强制浏览器按照你的预编排的格式的话，那就严格按照你的数据格式输出把数据放到HTML代码的<pre></pre>标记或<xmp></xmp>标记里面，就解决了注意，放在标记中间的HTML标记会按照原样输出...
Spring Boot 整合Redis :spring-boot-starter-data-redis 1.添加maven依赖<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-redis</artifactId></dependency><!-- redis依赖co...
基于three.js超级炫酷的元素周期表和中国地图（html版本和vue版本） 一、元素周期表演示地址：https://demo.demohuo.top/jquery/10/1035/demo/效果图：二、中国地图效果图：如果要使用在vue项目里，并且全屏显示则需要通过iframe标签将源码引入即可<template> <div style="margin:0px;padding:0px;overflow:hidden"> &...
vue和html两种方式实现可拖拽对话框以及最小化 html方式：<!doctype html><html><head><meta charset="utf-8"><title>弹框（拖动）</title><style type="text/css">.pannel{ width: 500px; height: 300px; b...
Vue适配test环境变量从而判断开发，测试和生产环境 VUE中通过process.env判断开发，测试和生产环境，并分环境配置不同的URL通过process.env做判断和处理1，找到项目配置文件夹：config文件夹2，进入如下三个文件：dev.env.js 对应开发环境test.env.js 对应测试环境prod.env.js 对应生产环境找到如下代码：// 开发环境module.exports = merge(prodEnv...
springboot集成websocket WebSocket跟常规的http协议的区别和优缺点这里大概描述一下一、websocket与httphttp协议是用在应用层的协议，他是基于tcp协议的，http协议建立链接也必须要有三次握手才能发送信息。http链接分为短链接，长链接，短链接是每次请求都要三次握手才能发送自己的信息。即每一个request对应一个response。长链接是在一定的期限内保持链接。保持TCP连接不断开。客户端与...
html5选择多张图片在页面内预览 需求：点击选择图片(可选多张)，确定后将选择的图片显示在页面上，点击提交将图片提交给后台。效果图：源码demo：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>showImages</title><style type="text/css"...
SpringBoot 中使用Redis缓存 在项目中对数据的访问往往都是直接访问数据库的方式，但如果对数据的访问量很大或者访问很频繁的话，将会对数据库来很大的压力，甚至造成数据库崩溃。为了解决这类问题redis数据库脱颖而出，redis数据库出现时是以非关系数据库的光环展示在广大程序猿的面前的，后来redis的迭代版本支持了缓存数据、登录session状态（分布式session共享）等。所以又被作为内存缓存的形式应用到大型企业级项目中。一...
springboot项目输入打印日志文件到本地 pom.xml中添加jar包：<dependency> <groupId>ch.qos.logback</groupId> <artifactId>logback-classic</artifactId></dependency><dependency> <groupId>...
SpringBoot2.0项目集成Shiro进行授权验证 项目版本：springboot2.xshiro：1.3.2Maven配置：<dependency> <groupId>org.apache.shiro</groupId> <artifactId>shiro-spring</artifactId> <version>1.3.2</version...
java阿里短信接口调用 一、导入jar包 <dependency> <groupId>com.aliyun.mns</groupId> <artifactId>aliyun-sdk-mns</artifactId> <version>1.1.8</version> </...
关注
