原创 css BFC的介紹規則

如果我們經常用flex來佈局pc網頁,就可能會用到BFC,主要用overflow:hidden解決   哪些屬性產生BFC   BFC佈局特性

原创 SpringBoot筆記:定時任務、異步任務

異步任務 註解:@Async,@EnableAsync 我新建一個Service,就叫AsyncService package com.example.service; import org.springframework.ster

原创 SpringBoot筆記:消息隊列(RabbitMQ)

什麼是消息隊列 消息隊列就是消息存儲的容器,Java裏面有兩種 JMS:Sun公司出品,有兩種模式,點對點和發佈訂閱。 AMQP:消息隊列的一個協議,其實現有RabbitMQ,stormMQ等 我們會重點講解RabbitMQ 消息隊列的作

原创 1rem等於多少px (rem和px怎樣轉換)

1rem等於html根元素設定的font-size的px值 如果css裏面沒有設定html的font-size,則默認瀏覽器以1rem=16px來換算。   假如我們在css裏面設定下面的css html{font-size:14px}

原创 動態設置html的font-size值 (適配文字大小)

 PC端 (function () { function setRootFontSize() { let rem, rootWidth; let rootHtml = document.docum

原创 BUG是怎麼出現的? 唉。。。。

2020年 3月25號  11點半 1:代碼寫着寫着。。。邏輯就不嚴謹了。。。 2:不細心,其實很多問題都是不細心導致後面一盤亂 3:還是不夠細心。 4:太過於執着、鑽牛角尖、自認爲代碼邏輯沒錯。。。。 5:大膽猜想bug來源。。。打de

原创 js中函數參數值傳遞和引用傳遞 (js中的值類型和引用類型的區別)

一.函數傳遞值類型: function addNum(num) {  num+=10;  return num; } var num=10; var result=addNum(num); console.log(num)

原创 setTimeout和Promise進行混合操作的執行順序

console.log('同步-0.1') Promise.resolve().then(() => { console.log('P-1.1') }) setTimeout(() => { console.log('S-1.1

原创 開啓rabbitmq遠程ip訪問 (新手必看)

我用docker創建的mq,發下沒有配置文件,我也沒去設置默認的配置mq配置文件。 重點來了:當使用 ip+15672 訪問的時候,linux肯定是登錄不了。提示只能本地ip登錄 由於賬號guest具有所有的操作權限,並且又是默認賬號,出

原创 Spring Boot筆記:表單驗證(應該會自動觸發全局異常)

首先,我們的Person類,我們加上一些表單驗證的註釋,如下: package com.vae.springboot.study.bean; import org.springframework.stereotype.Compone

原创 http協議知識點

3次握手:     (1)首先客戶端向服務器端發送一段TCP報文     (2)服務器端接收到來自客戶端的TCP報文之後,結束LISTEN階段。並返回一段TCP報文     (3)客戶端接收到來自服務器端的確認收到數據的TCP報文之後,明

原创 說下v-model的實現原理,戲法

v-model只不過是一個語法糖而已,真正的實現靠的還是 v-bind:綁定響應式數據 觸發oninput 事件並傳遞數據 <input v-model="sth" /> // 等同於 <input :value="sth"

原创 js之for與forEach循環的區別

     首先,for循環在最開始執行循環的時候,會建立一個循環變量i,之後每次循環都是操作這個變量,也就是說它是對一個循環變量在重複的賦值,因此 i 在最後只會存儲一個值;      而forEach()雖然變量名沒變,但是實際上每次

原创 新版本react,父組件調用子組件方法

import React, {Component} from 'react'; export default class Parent extends Component { render() { return

原创 element ui (簡單的手動上傳文件,submit方式)

<template> <el-form ref="form" label-position="left" :model="form" :rules="rules" label-width="80px" style="margi