- 博客(45)
- 收藏
- 关注
RSS订阅原创 要求输入框里面必须同时含有字母，数字，特殊字符，且不小于8位
转自：https://www.imooc.com/article/288798一、前言我们在做输入框的时候，总是要用正则来限制用户输入的一些条件的，这里的要求是输入框中必须同时含有大小写字母，数组，特殊字符等，行吧，咱们一起研究下。二、思路百度出来一个很好的思路：分析一下,总结需求如下: 1.必须包含字母,即字符当中字母的个数>=1; 2.必须包含数学,即字符当中的数字个数>=1; 3.必须包含特殊字符,即字符当中的特殊字符个数...
2021-02-28 22:28:18
2205
转载 Chrome浏览器安装 React Developer Tools和Redux DevTools插件
转自：https://blog.csdn.net/u013332981/article/details/90543082正文：1.首先，下载react-developer-tools开发调试工具插件。（下面还要安装redux插件，一并给出）react插件： 链接: https://pan.baidu.com/s/1xUuVvnvGIlcs3LLq9j7oig 提取码: 8n34redux插件：链接: https://pan.baidu.com/s/16kMr4q4xT-osUABTEfr7.
2020-11-10 10:11:48
446
转载 axios以form-data形式的传递参数遇到的坑
axios默认的Content-type是application/json;charset=UTF-8，如果想要以表单的形式传递参数，只要修改{headers:{'Content-Type':'application/x-www-form-urlencoded'}}配置即可。axios.post(url,{jobNumber: '430525', password: '123'}, {headers: {'Content-Type':'application/x-www-form-urlencoded
2020-08-04 22:36:50
763
转载 彻底理解JavaScript原型链（一）—__proto__的默认指向
转自：https://www.jianshu.com/p/686b61c4a43dJavaScript的原型链系统着实让人头痛，在查阅了各种资料之后，终于总结出了基于几条通用规则和少数例外情况的js原型链逻辑，下面就让我们来一起看看是怎样的一个原理。虽然JavaScript里一切皆对象，但为了理解原型链系统，我们需要将JavaScript的对象分为对象和函数两大类。在此基础上，JavaScript的原型链逻辑遵从以下通用规则：通用规则对象有__proto__属性，函数有prototype属性
2020-07-28 14:11:08
287
转载 浏览器与Node的事件循环(Event Loop)有何区别?
转自：https://blog.csdn.net/Fundebug/article/details/86487117小编推荐： Fundebug提供JS、微信小程序、微信小游戏，Node.js和Java错误监控。真的是一个很好用的错误监控服务，众多大佬公司都在使用。前言本文我们将会介绍 JS 实现异步的原理，并且了解了在浏览器和 Node 中 Event Loop 其实是不相同的。一、线程与进程1. 概念我们经常说 JS 是单线程执行的，指的是一个进程里只有一个主线程，那到底什么是线程？什
2020-07-16 15:16:42
261
转载 Vuex、Flux、Redux、Redux-saga、Dva、MobX
这篇文章试着聊明白这一堆看起来挺复杂的东西。在聊之前，大家要始终记得一句话：一切前端概念，都是纸老虎。不管是Vue，还是 React，都需要管理状态（state），比如组件之间都有共享状态的需要。什么是共享状态？比如一个组件需要使用另一个组件的状态，或者一个组件需要改变另一个组件的状态，都是共享状态。父子组件之间，兄弟组件之间共享状态，往往需要写很多没有必要的代码，比如把状态提升到父组件里，或者给兄弟组件写一个父组件，听听就觉得挺啰嗦。如果不对状态进行有效的管理，状态在什么时候，由于什么原因，如
2020-07-16 14:01:24
228
转载 Webpack-dev-server的proxy用法
转自：https://www.jianshu.com/p/f489e7764cb8前言如果你有单独的后端开发服务器 API，并且希望在同域名下发送 API 请求 ，那么代理某些 URL 会很有用。 解决开发环境的跨域问题(不用在去配置nginx和host, 爽歪歪~~)在webpack.config.js中配置下面简单介绍一下五个经常使用的场景使用一:mmodule.exports = { //... devServer: { proxy:.
2020-07-14 08:58:57
451
原创 Redux-saga介绍
redux-saga是管理redux异步操作的中间件，redux-saga通过创建sagas将所有异步操作逻辑收集在一个地方集中处理。sagas采用Generator函数来yield Effects。Generator函数可以暂停执行，再次执行的时候从上次暂停的地方继续执行。常见的effect有：fork，call，take，put，cancel由于使用了generator函数，redux-saga让你可以用 同步的方式来写异步代码redux-saga启动的任务可以在任何时候通过手动来取消，也可
2020-07-08 09:15:29
394
转载 防抖与节流常见的几种实现方式
转自：http://www.fly63.com/article/detial/8038防抖与节流常见的几种实现方式防抖在限制的时间内持续触发事件的时候，函数是完全不执行的非立即执行版，等最后一次触发结束的一段时间之后，再去执行function debounce(func, delay) { let timeout return function() { clearTimeout(timeout) // 如果持续触发，那么就清除定时器，定时器的回调就不会执行。 t
2020-07-06 10:08:39
457
转载 一文看懂Chrome浏览器工作原理
本文是笔者对Mario Kosaka写的inside look at modern web browser系列文章的翻译。这里的翻译不是指直译，而是结合个人的理解将作者想表达的意思表达出来，而且会尽量补充一些相关的内容来帮助大家更好地理解。这篇文章是我对之前发表的窥探浏览器内部原理系列文章的一个整合，大家如果觉得内容太多可以按篇查看以前的文章：窥探现代浏览器架构(一) 窥探现代浏览器架构(二) 窥探现代浏览器架构(三) 窥探现代浏览器架构(四)CPU，GPU，内存和多进程架构在本篇文章中
2020-07-01 15:10:18
2786
转载 Blob、ArrayBuffer、File、FileReader和FormData的区别
原文地址：https://cloud.tencent.com/developer/article/1525156前言Blob、ArrayBuffer、File、FileReader、FormData这些名词总是经常看到，知道一点又好像不知道，像是同一个东西好像又不是，总是模模糊糊，最近终于下决心要弄清楚。这些名词里：Blob、ArrayBuffer、File可以归为一类，它们都是数据； FileReader算是一种工具，用来读取数据； FormData可以看做是一个应用数据的场景。因此
2020-06-29 09:02:53
1085
转载 在浏览器地址栏输入URL，按下回车后究竟发生了什么？
转自：https://blog.csdn.net/jiao_0509/article/details/82491299这是一道面试会经常问的问题，平时虽然很常见的操作，但是探究其底层原理，可能并不是一件简单的事情，于是我从各处搜罗整理下全过程，在这里做分享。第一步：浏览器输入域名例如输入：www.csdn.net/第二步：浏览器查找域名的IP地址浏览器会把输入的域名解析成对应的IP，其过程如下：1.查找浏览器缓存：因为浏览器一般会缓存DNS记录一段时间，不同浏览器的时间可能不一样，一
2020-06-18 18:13:08
295
转载 JS 单线程与异步
转自：https://blog.csdn.net/lunahaijiao/article/details/104529152已知，JavaScript 是单线程的，天生异步，适合 IO 密集型，不适合 CPU 密集型，但是，为什么是异步的喃，异步由何而来的喃，我们将在这里逐渐讨论实现。一、进程与线程1. 浏览器是多进程的它主要包括以下进程：Browser 进程：浏览器的主进程，唯一，负责创建和销毁其它进程、网络资源的下载与管理、浏览器界面的展示、前进后退等。GPU 进程：用于 3D 绘制
2020-06-18 11:36:55
209
1
转载 umi model 注册
转自：https://www.cnblogs.com/thinkingthigh/p/11606539.htmlmodel 分两类，一是全局 model，二是页面 model。全局 model 存于/src/models/目录，所有页面都可引用；页面 model 不能被其他页面所引用。规则如下：src/models/**/*.js为 global model src/pages/**/models/**/*.js为 page model global model 全量载入，pa...
2020-06-10 17:33:57
624
转载 ES7、ES8、ES9、ES10新特性
转自：https://www.jianshu.com/p/c3ba89482141ES7、ES8、ES9、ES10新特性1.jpgES7新特性1.Array.prototype.includes()方法在 ES6 中我们有 String.prototype.includes() 可以查询给定字符串是否包含一个字符，而在 ES7 中，我们在数组中也可以用 Array.prototype.includes 方法来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回true，否则返回
2020-06-09 10:27:43
1266
转载 一名【合格】前端工程师的自检清单
本文转自：https://blog.csdn.net/qq_34149805/article/details/89638976
2020-06-03 19:01:58
141
转载 React之diff算法
本文转自：https://www.jianshu.com/p/3ba0822018cf前言：在看《深入React技术栈》时，发现该书的语言不够通俗易懂，故整理之，希望在自己理解的基础上，进一步精炼语言，做到一遍基本能明白。注：图是用 visio2013 画的。diff算法的作用计算出Virtual DOM中真正变化的部分，并只针对该部分进行原生DOM操作，而非重新渲染整个页面。传统diff算法通过循环递归对节点进行依次对比，算法复杂度达到 O(n^3) ，n是树的节点数，这个有多可怕
2020-06-03 18:53:07
200
转载 ThreadLocal作用、场景、原理
本文转自：https://www.jianshu.com/p/6fc3bba12f381.ThreadLocal 是什么？在JDK 1.2的版本中就提供java.lang.ThreadLocal，ThreadLocal为解决多线程程序的并发问题提供了一种新的思路。使用这个工具类可以很简洁地编写出优美的多线程程序。ThreadLocal并不是一个Thread，而是Thread的局部变量，也许把它命名为ThreadLocalVariable更容易让人理解一些。在JDK5.0中，ThreadLocal已经
2020-06-02 18:00:03
182
原创 springboot实现全局异常管理
1、全局异常处理器@Slf4j@ResponseBody@ControllerAdvicepublic class GlobalExceptionHandler { @ExceptionHandler(value = BusinessExcetion.class) public Response customExceptionHandler(BusinessExcetion businessExcetion) { log.info(String.format("--
2020-06-01 17:57:37
245
原创 springboot实现返回值处理
统一添加接口返回结果处理 ResponseBodyAdvice切面操作返回值统一添加接口参数输出日志，级别debug1、ResponseBodyAdvice可以在注解@ResponseBody将返回值处理成相应格式之前操作返回值。实现这个接口即可完成相应操作。可用于返回值加密实现相应类：ResponseBodyAdvice源码如下：public interface ResponseBodyAdvice<T>{ /** * Whether this component.
2020-06-01 17:37:03
1014
原创 springaop无法拦截service方法中调用
问题描述：springaop无法拦截service方法中调用，在service类中方法A调用带有切面注解的方法B，切面失效问题分析：AOP底层实现： 拦截器的实现原理就是动态代理，实现AOP机制。Spring 的代理实现有两种：一是基于 JDK Dynamic Proxy 技术而实现的；二是基于 CGLIB 技术而实现的。如果目标对象实现了接口，在默认情况下Spring会采用JDK的动态代理实现AOP； ***总之是类（接口类）级别的代理***；解决思路： 只要将方法A调用方法B过程中添加
2020-05-24 10:14:24
1168
原创 spring处理多线程中的循环注入问题
error create bean with name…error create bean with name…error create bean with name…blablabla问题背景：spring本身已经解决循环注入问题，但是在异步处理/多线程环境中还是会出现问题说明：由于在多线程中产生循环注入问题导致问题分析：先看下面：@Autowiredprivate BusinessService businnessService; 接下来在线程中调用businnessService：
2020-05-24 09:38:16
415
转载 Koa2.js知识点
简介Koa就是一种简单好用的 Web 框架。它的特点是优雅、简洁、表达力强、自由度高。本身代码只有1000多行，所有功能都通过插件实现。学前准备检查Nodejs版本打开cmd命令行窗口node -v注意：Koa 必须使用 7.6 以上的版本。如果你的版本低于这个要求，就要先升级 Node。配套案例一、基本用法1.1三行代码架设HTTP服务npm install koa const Koa = require('koa'); const app = new Koa..
2020-05-18 19:50:57
269
转载 windows中mysql应用source命令报错：2和22处理方式
转自：http://philip.yurchuk.com/software/mysql-failed-to-open-file-error-2-and-22-on-windows/I recently had to restore a MySQL backup. It had been a while since I used MySQL, having switched to Postgre...
2019-08-21 11:13:03
2483
1
转载 IO模式和IO多路复用（阻塞IO、非阻塞IO、同步IO、异步IO等概念）
转自：https://blog.csdn.net/qq_34802511/article/details/81543817IO模式和IO多路复用（阻塞IO、非阻塞IO、同步IO、异步IO等概念）百科程序员2018-08-05 11:57:58网络编程里常听到阻塞IO、非阻塞IO、同步IO、异步IO等概念，总听别人装13不如自己下来钻研一下。不过，搞清楚这些概念之前，还得先回顾一些基础...
2019-06-12 11:31:29
366
转载 【react】利用shouldComponentUpdate钩子函数优化react性能以及引入immutable库的必要性
转自：https://www.cnblogs.com/penghuwan/p/6707254.html【react】利用shouldComponentUpdate钩子函数优化react性能以及引入immutable库的必要性凡是参阅过react官方英文文档的童鞋大体上都能知道对于一个组件来说，其state的改变（调用this.setState()方法）以及从父组件接受的props发生变化时...
2019-06-11 13:44:08
265
转载 详解React生命周期(包括react16版)
转自：https://www.jianshu.com/p/514fe21b9914React v16.0前的生命周期其实大部分团队不见得会跟进升到16版本，所以16前的生命周期还是很有必要掌握的，何况16也是基于之前的修改image第一个是组件初始化(initialization)阶段也就是以下代码中类的构造方法( constructor() ),Test类继承了react...
2019-06-11 13:41:43
199
原创 用react-color来处理颜色选择
直接上代码：有兴趣的可以了解一下：import React from 'react'import reactCSS from 'reactcss'import { SketchPicker } from 'react-color'import {ORG_INITIAL_RGBA_COLOR,ORG_INITIAL_RGBA_COLOR_OBJ,IS_HIDDEN,ORG_FREE_...
2019-06-04 16:39:14
4434
转载 Javascript实现Web颜色值转换
转自：https://www.cnblogs.com/mawuhen/p/4274487.html最近一直忙碌于完成业务需求，好长时间没有写博客了。今天稍微有些时间，翻看了一下最近项目中的一些前端代码，看到Web颜色转换功能的时候，突然想到当我们在做一些颜色设置/编辑的需求时，经常会涉及到各种颜色值格式的互换。于是我决定记录一下我在做这一部分功能的时候是如何实现的，写下来和大家分享一下，希望读...
2019-06-04 16:36:34
398
转载 reactjs 网站建设中常用的组件,基本涵盖了项目日常所需
转自：https://www.cnblogs.com/ignacio/p/7126258.html griddle-react react-bootstrap react-cropper core-js Material UI superagent restful-error-es6 browserify rea...
2019-05-31 11:23:14
175
转载 java获取当前服务的IP和端口
转自：https://blog.csdn.net/QiaoRui_/article/details/83106485描述:我们有时候需要获取当前服务的IP和端口实现：import javax.management.MBeanServer;import javax.management.MalformedObjectNameException;impo...
2019-05-28 16:19:30
2149
转载 dva.js 用法详解：列表展示
转自：https://www.cnblogs.com/axel10/archive/2018/03/12/8548305.html本教程案例github：https://github.com/axel10/dva_demo-Counter-and-list/tree/master这次主要通过在线获取用户数据并且渲染成列表这个案例来演示dva.js。整个开发流程概括下来应该是：...
2019-05-27 09:50:14
734
转载 React总结
做React需要会什么？react的功能其实很单一，主要负责渲染的功能，现有的框架，比如angular是一个大而全的框架，用了angular几乎就不需要用其他工具辅助配合，但是react不一样，他只负责ui渲染，想要做好一个项目，往往需要其他库和工具的配合，比如用redux来管理数据，react-router管理路由，react已经全面拥抱es6，所以es6也得掌握，webpack就算是不会配...
2019-05-21 11:45:09
133
转载 Git中的merge、rebase、cherry-pick以及交互式rebase
转自：https://www.cnblogs.com/ludashi/p/8213550.html总结连接：https://www.cnblogs.com/ludashi/category/1141984.html上篇博客聊了《git分支管理之rebase 以及 cherry-pick相关操作》本篇博客我们就以Learning Git中的关卡进行展开。下方列举了LearningGit中的 ...
2019-05-21 10:52:57
386
原创 yarn文档
Yarn 对你的代码来说是一个包管理器， 你可以通过它使用全世界开发者的代码， 或者分享自己的代码。Yarn 做这些快捷、安全、可靠，所以你不用担心什么。通过Yarn你可以使用其他开发者针对不同问题的解决方案，使自己的开发过程更简单。 使用过程中遇到问题，你可以将其上报或者贡献解决方案。一旦问题被修复， Yarn会更新保持同步。代码通过包（package）(或者称为模块（module...
2019-05-14 10:08:59
294
转载 yarn安装基本命令
转自：http://www.cnblogs.com/mengfangui/p/8953432.html1、初始化一个新的项目yarn init2、添加一个依赖包yarn add [package]yarn add [package]@[version]yarn add [package]@[tag]3、安装所有的依赖包yarn 或者yarn install4、...
2019-05-14 10:06:45
2780
转载 ES6特性
转自：https://www.jianshu.com/p/87008f4f8513ES6语法Tags: javascript[TOC]const 与 let 变量使用var带来的麻烦:function getClothing(isCold) { if (isCold) { var freezing = 'Grab a jacket!'; } else...
2019-05-09 10:27:16
123
转载 nginx:实现负载均衡
转自：https://www.cnblogs.com/andyfengzp/p/6434125.html1、安装nginx和tomcat我这里是使用docker安装的。安装流程可参照dockerfile这里安装了两个tomcat，端口分别是42000和42001。第二个tomcat的首页随便加了些代码区分2、nginx配置#这里的域名要和下面proxy_pass的一样...
2019-05-09 10:24:04
133
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人