乐胖代购免代理版

欢迎

七日打卡-Vue中watch用法

在Vue中，用watch来响应数据的变化，示例代码如下，第一种方式<input type="text" v-model="userName"/> //监听当userName值发生变化时触发 watch: { userName (newName, oldName) { console.log(newName) } }复制代码第一种方式有一个缺点：就是当值第一次绑定的时候不

Vue

watch

转载 2021-01-18 10:26:03 241 阅读 2评论

基于Docker快速搭建ELK

什么是ELK?ELK是一套完整的日志收集以及展示的解决方案，由Elasticsearch + Logstash + Kibana组成。它可以搜集、过滤、传输、存储以及实现多海量系统的组件日志进行集中管理和准时实搜索、分析；还可帮助运维人员进行线上业务的准时实监控、业务异常及时定位原因、安全审计以及深度挖掘日志中的大数据价值。一.安装Elasticsearch我们这里通过docker安装Elasti

Docker

ELK

转载 2021-01-18 10:25:36 1180 阅读 2评论

Vue 3 中 v-if 和 v-show 指令实现的原理（源码分析）

前言又回到了经典的一句话：“知其然，而后使其然”。相信大家对 Vue 提供 v-if 和 v-show 指令的使用以及对应场景应该都滚瓜烂熟了。但是，我想仍然会有很多同学对于 v-if 和 v-show 指令实现的原理存在知识空白。所以，今天就让我们来一起了解一番 v-if 和 v-show 指令实现的原理～v-if在之前【Vue3 源码解读】从编译过程，理解静态节点提升一文中，我给大家介绍了

v-show

源码分析

转载 2021-01-18 10:25:07 2274 阅读 2评论

《JavaScript高级程序设计（第四版）》读书笔记（四） | 七日打卡

第 06 章集合引用类型Objectnew 操作符和 Object 构造函数对象字面量(object literal)表示法Array创建数组使用 Array 构造函数let colors = new Array(20); // 初始 length 为 20 的数组let colors = new Array("red", "blue", "green"); // 创建一个包含 3 个字符串值的

JavaScript

转载 2021-01-18 10:24:35 318 阅读 2评论

redis cluster 压力测试

测试工具：redis-benchmark 测试版本：redis cluster 5.0.7测试架构：基中m1,m2,m3 为三个独立机房测试结果：测试脚本：#!/bin/bash #CLIENTS=50 #defaul clients HOST='192.168.1.1' PORT=4000 PWD='benchtest' # if have passwod end_

redis cluster

转载 2021-01-18 10:24:13 3562 阅读 3评论

消息队列之RabbitMQ

1.rabbitMQ介绍rabbitMQ是由erlang语言开发的，基于AMQP协议实现的消息队列。他是一种应用程序之间的通信方法，在分布式系统开发中应用非常广泛。rabbitMq的有点：使用简单，功能强大基于AMQP协议社区活跃，文档完善高并发性能好，erlang语言是专门用于开发高并发程序的springBoot默认集成rabbitMqAMQP（advanced Message Queuing

RabbitMQ

转载 2021-01-18 10:23:39 351 阅读 2评论

知识分享：程序员应该会的MySQL优化技巧

一、EXPLAIN做MySQL优化，我们要善用 EXPLAIN 查看SQL执行计划。下面来个简单的示例，标注(1,2,3,4,5)我们要重点关注的数据 type列，连接类型。一个好的sql语句至少要达到range级别。杜绝出现all级别key列，使用到的索引名。如果没有选择索引，值是NULL。可以采取强制索引方式key_len列，索引长度rows列，扫描行数。该值是个预估值extra列，详细说明。

MySQL

转载 2021-01-18 10:23:17 180 阅读 2评论

[翻译]正则引擎的几种分类

正则表达式引擎是正则表达式匹配算法的基础。其有多种不同的实现，但大多数都是基于Henry Spencer的NFA引擎。正则引擎有两个大分类，DFA和NFA，像Perl、Java、.Net、PHP、Python、Ruby……等大多是工具都是用了NFA引擎。少数广泛被使用的工具如mawk使用了POSIX NFA引擎（NFA的一种变种）。以高效著称的工具采用了更为高效的DFA引擎。诸如GNU awk，G

正则引擎

转载 2021-01-18 10:22:34 112 阅读 2评论

【react】初探server component

React server component是什么？2020年的12月21日，react官方对外宣布了一个还处于打磨阶段的新特性：“React server component”。官网的blog上对于“React server component”的简短描述也赫然于屏幕上：Introducing Zero-Bundle-Size React Server Components仅仅凭【Zero-Bu

server component

转载 2021-01-18 10:21:47 703 阅读 2评论

简单的JS+CSS实现网页自定义换肤

1，实现效果2，实现原理主要原理是利用css变量设置颜色，用js动态修改变量，使颜色变化，兼容性如下；实现换肤之前先要了解一下伪类选择器 :root ，还有css的 var() 函数和 setProperty()函数:root是一个伪类，表示文档根元素，非IE及IE8及以上浏览器都支持，在 :root 中声明相当于全局属性，只要当前页面引用了 :root 所在的文件，都可以使用css var

JS+CSS

转载 2021-01-18 10:20:43 609 阅读 2评论

JavaScript/TypeScript 实现并发请求控制

场景假设有 10 个请求，但是最大的并发数目是 5 个，并且要求拿到请求结果，这样就是一个简单的并发请求控制模拟利用 setTimeout 实行简单模仿一个请求let startTime = Date.now();const timeout = (timeout: number, ret: number) => { return (idx?: any) =>new Promise((

JavaScript

TypeScript

转载 2021-01-18 10:20:22 1037 阅读 2评论

基于Redis+Zookeeper+MySQL实现高并发秒杀系统（二）终极篇【源码开源发布】

基于Redis+Zookeeper+MySQL实现高并发秒杀系统（二）终极篇【源码开源发布】源码将在文末公布Git地址，感谢您的支持与关注作者：Lucas前言：在1月12日，我们发布了第一篇秒杀系统的简单介绍。今天呢，我们就在第一篇的基础上，继续持续优化与更新。在第一篇文章中，我们介绍到。通过JVM本地缓存+Redis，在分布式部署的情况下，会存在多台机器或者说多个JVM缓存不一致的问题（具体出现

Redis

Zookeeper

MySQL

转载 2021-01-18 10:19:59 651 阅读 2评论

vue-resource应用【七日打卡】

前言vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的API更为简洁。vue-resource是一个非常轻量的用于处理HTTP请求的插件，它提供了两种方式来处理HTTP请求：使用Vue.http或this.$http使用Vu

vue-resource

转载 2021-01-18 10:19:13 181 阅读 2评论

Java数据类型系列之Hashmap (9)

概论HashMap 是无论在工作还是面试中都非常常见常考的数据结构。比如 Leetcode 第一题 Two Sum 的某种变种的最优解就是需要用到 HashMap 的，高频考题 LRU Cache 是需要用到 LinkedHashMap 的。HashMap 用起来很简单，所以今天我们来从源码的角度梳理一下Hashmap随着JDK（Java Developmet Kit）版本的更新，JDK1.8对H

Java数据类型

Hashmap

转载 2021-01-18 10:18:57 121 阅读 2评论

MyBatis中的表关联查询

Mybatis中的一对多对象关联查询查询模拟情景，商品与商品详情：一件商品可以对应多个商品详情信息，即从商品➡商品详情方向看，属于一对多。在一对多关系中，需要在属于一的一方的实体类中添加多的一方的集合，一般为List<>类型 //(省去了get和set的方法) public class Goods {private Integer goodsId ;private String

MyBatis

转载 2021-01-18 10:18:07 239 阅读 2评论

Redis 高级数据结构GEO

随着日常生活中的位置信息服务(LBS)越来越多。比如笔者就职的物流平台行业，福州本地飞速发展的朴朴生活超市，以及外卖、打车都离不开GEO这个技术。首先我们分析一下LBS的需求:支持某一个事物的经纬度位置保存支持点附近点的匹配支持根据事物的ID查询事物具体信息在Redis中Hash类型就可以很好的支持key对应位置的存取，比如车辆位置但Hash类型元素无序,不满足范围查询。想到有序，自然的我们想到

Redis

GEO

转载 2021-01-18 10:17:48 597 阅读 2评论

HashMap源码解析

前言本篇文章来介绍我们常用的集合类 HashMap，它通过散列函数将数据映射到表中的某个位置，以提升查询速度。其底层用于存放数据的数组也叫散列表所谓散列函数，简单来说就是将一个无限大的集合（在 HashMap 中，key值是一个无限大集合），经过 hash 运算取模，均匀的分布在一个有限的集合（我们定义的哈希表容量，比如长度 16 的数组）我们知道 Java 中的 HashMap 底层是一个数组，

HashMap

转载 2021-01-18 10:17:18 212 阅读 2评论

26种JavaScript优化技术

开发人员的生活总是在学习新事物。作为前端开发人员必须知道一些使我们的代码如何更优雅，工作更轻松的技巧。也许你已经进行了很长时间的JavaScript开发，但有时你可能没有使用不需要解决或编写一些额外代码即可解决问题的最新功能。这些技术可以帮助你编写干净且优化的JavaScript代码。1. 多个条件判断// longif( x === 'a' || x === 'b' || x === 'c'

JavaScript

转载 2021-01-18 10:16:58 169 阅读 2评论

vue-resource 拦截器interceptors使用【七日打卡】

前言在vue项目使用vue-resource实现异步加载的过程中，需要在任何一个页面任何一次http请求过程中，增加对token过期的判断，如果token已过期，需要跳转至登录页面。如果要在每个页面中的http请求操作中添加一次判断，那将会是一个非常大的修改工作量。那么vue-resource是否存在一个对于任何一次请求响应捕获的的公共回调函数呢？答案是有的!vue-resource的interc

vue-resource

interceptors

转载 2021-01-18 10:15:38 84 阅读

LeetCode 947. 移除最多的同行或同列石头并查集

思路干货太干就不太好理解了，以下会有点话痨(￣▽￣)"首先题目给了一个二维stones数组，存储每个石子的坐标，因为在同行或者同列的石子最终可以被取到只剩下一个，那么我们将同行同列的石子归属于一个集合，开始套用并查集的思想求一下有几个集合似乎就搞定了？想到这是我看到题目的想法，但是为了实际使用并查集，有几个细节需要注意：本题并查集究竟要合并什么？对于一个坐标(x,y)来说它有两个值组成，x表示所属

LeetCode

转载 2021-01-18 10:14:54 108 阅读 2评论

React组件生命周期【七日打卡】

在组件的整个生命周期中，随着该组件的props或者state发生改变，其DOM表现也会有相应的变化。一个组件就是一个状态机，对于特定地输入，它总返回一致的输出。一个React组件的生命周期分为三个部分：实例化、存在期和销毁时。React应用中，组件加载顺序及生命周期如下图所示：constructor( )constructor是ES6对类的默认方法，通过 new 命令生成对象实例时自动调用该方法。

React

转载 2021-01-18 10:13:35 186 阅读 2评论

算法面试题：1 到 1000 之间有多少个 7？

第一种思路首先应该有个合理的归类，我一开始就想到了一个合理的分类法，即1到1000，每个数都看作3 位数，而1000明显没有7，不考虑那1看成001,19看成019，以此类推这样每个数字可以用三个格子表示，就有了一个统一的表示方法:口口口第一步，只考虑后面两个格子。我最初只想第一种情况，X7，即07，17，一直到97，其中先不考虑77的特殊性（隔离的思想），这样从0~9有10个7，再考虑77，就

算法面试题

转载 2021-01-18 10:13:15 197 阅读 2评论

Python函数式编程之reduce()【七日打卡】

官方解释如下：Apply function of two arguments cumulatively to the items of sequence, from left to right, so as to reduce the sequence to a single value. For example, reduce(lambda x, y: x+y, [1, 2, 3, 4, 5])

Python函数式

reduce

转载 2021-01-18 10:12:47 128 阅读 2评论

巧妙使用sort(List<T>,Comparator<? super T>)比较器【七日打卡】

先入为主，应用实例如下：package cn.edu.ujn.offersword; import java.util.ArrayList;import java.util.Collections;import java.util.Comparator; public class C5_33_SortArrayForMinNumber { /** * @date 2016-09-15 *

sort

转载 2021-01-18 10:11:51 170 阅读 2评论

MySQL多表查询【七日打卡】

一使用SELECT子句进行多表查询SELECT 字段名 FROM 表1，表2 … WHERE 表1.字段 = 表2.字段 AND 其它查询条件复制代码SELECT a.id,a.name,a.address,a.date,b.math,b.english,b.chinese FROM tb_demo065_tel AS b,tb_demo065 AS a WHERE a.id=b.id复制代码注

MySQL

转载 2021-01-18 10:11:24 194 阅读 2评论

必须掌握，二叉树的前中后序遍历（迭代+递归）详细代码

对于二叉树的三种遍历方式，无论是简单的递归写法，还是迭代写法，都是在面试中容易被考到的，所以这篇文章就把这个常考知识点给解释清楚。1.二叉树的前序遍历（LeetCode 144题）前序遍历的关键在于：先遍历根节点，再遍历左子树，再遍历右子树。即：根→左→右(1) 递归写法对于递归写法大家肯定都是非常清楚的，因为它的代码很简单，也比较容易理解，如下：class Solution { List

二叉树

转载 2021-01-18 10:11:01 140 阅读 2评论

Java 8 日期/时间 API

在 Java 8 之前，对于日期和时间的处理是能过 Date 和 Calendar 来完成的，因为长时间没接触 Java 了，我对日期的处理也还停留在它们上，最近重新学 Java 才知道，Java 8 新推出了一套日期处理的API，在这就来探讨一下它们跟之前的日期处理类有什么不同，和新的 API 有什么优点，怎么使用。本文将以下顺序去展开：为什么要推出新的日期处理 API，过去的日期处理存在哪些问

Java 8

API

转载 2021-01-18 10:10:40 154 阅读 2评论

leecode：峰与谷问题（三）

题目：在一个整数数组中，“峰”是大于或等于相邻整数的元素，相应地，“谷”是小于或等于相邻整数的元素。例如，在数组{5, 8, 4, 2, 3, 4, 6}中，{8, 6}是峰， {5, 2}是谷。现在给定一个整数数组，将该数组按峰与谷的交替顺序排序。示例:输入: [5, 3, 1, 2, 3] 输出: [5, 1, 3, 2, 3]复制代码思路一：先copyOf()出1个新数组，对其排序。比如排序

leecode

转载 2021-01-18 10:10:21 402 阅读 2评论

浅析阿里云前端构建工具——Dawn

Dawn 取「黎明、破晓」之意，原为「阿里云·业务运营团队」内部的前端构建和工程化工具，现已完全开源。它通过 pipeline 和 middleware 将开发过程抽象为相对固定的阶段和有限的操作，简化并统一了开发人员的日常构建与开发相关的工作。入口开发过程中，经常会用到如下一些命令，dn也可以替换为dawn。dn init dn dev dn build复制代码在dawn项目的package.j

Dawn

转载 2021-01-18 10:09:58 190 阅读 2评论

union(all)学习【七日打卡】

在工作中，查看到类似于如下的SQL语句：select sum(count) from (select count(1) count from tb left outer join WFWKSEQTAB on tb.JUGSUMID = tb1.SEQNO inner join cdeorg

union

转载 2021-01-18 10:09:31 162 阅读 2评论

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

mb5ffbc8f4a5a17的博客

欢迎

七日打卡-Vue中watch用法

基于Docker快速搭建ELK

Vue 3 中 v-if 和 v-show 指令实现的原理（源码分析）

《JavaScript高级程序设计（第四版）》读书笔记（四） | 七日打卡

redis cluster 压力测试

消息队列之RabbitMQ

知识分享：程序员应该会的MySQL优化技巧

[翻译]正则引擎的几种分类

【react】初探server component

简单的JS+CSS实现网页自定义换肤

JavaScript/TypeScript 实现并发请求控制

基于Redis+Zookeeper+MySQL实现高并发秒杀系统（二）终极篇【源码开源发布】

vue-resource应用【七日打卡】

Java数据类型系列之Hashmap (9)

MyBatis中的表关联查询

Redis 高级数据结构GEO

HashMap源码解析

26种JavaScript优化技术

vue-resource 拦截器interceptors使用【七日打卡】

LeetCode 947. 移除最多的同行或同列石头并查集

React组件生命周期【七日打卡】

算法面试题：1 到 1000 之间有多少个 7？

Python函数式编程之reduce()【七日打卡】

巧妙使用sort(List<T>,Comparator<? super T>)比较器【七日打卡】

MySQL多表查询【七日打卡】

必须掌握，二叉树的前中后序遍历（迭代+递归）详细代码

Java 8 日期/时间 API

leecode：峰与谷问题（三）

浅析阿里云前端构建工具——Dawn

union(all)学习【七日打卡】