原创 vuejs實現倒計時特效

<div id="app" @click="animate"> <div id="countdown"> <svg :width="size" :height="size">

原创 更新數組操作符

操作符 作用 $addToSet 向數組中添加元素 $pop 從數組中移除元素 $pull 從數組中有選擇性地移除元素 $pullAll 從數組中有選擇性的一次元素 $push 向數組中添加元素

原创 nacos服務註冊中心和配置中心的使用

通過maven搭建一個springboot項目 第一步、下載並運行起nacos 下載nacos服務器的程序包:https://github.com/alibaba/nacos/releases/ 下載tar.gz或者zip包進行解

原创 CSS聚光燈特效

<h1 data-spotlight="CodingStartup!">CodingStartup</h1> html { font-size: 15px; } body { background-color: #22

原创 Ubuntu19.04 netplan 設置靜態ip

圖形界面化修改 新版本的修改方式 vim /etc/netplan/00-installer-config.yaml # This is the network config written by 'subiquity' ne

原创 CSS翻牌效果

html代碼 <div class="card-container"> <div class="cover"> COVER </div> <div class="back"> BACK </div>

原创 CSS絕對定位模擬固定定位(absolute模擬fixed)

滾動條的產生 滾動條在誰身上 初始包含塊 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/

原创 柵格佈局xs sm md lg xl,簡單的響應式示例代碼

xl對應屏幕 >=1920 px 超大顯示器 lg對應屏幕>=1200px,小於 1920px 臺式1920*1080顯示器 md對應屏幕>=992px,小於1920px 適合筆記本 sm對應屏幕>=768px,小於992px

原创 開啓idea中的spring run Dashboard

在idea64.exe.vmoptions添加如下配置,然後重啓idea即可 -Dide.run.dashboard = true 可以直接在idea的安裝目錄下的idea64.exe.vmoptions文件直接修改,也可以通過

原创 如果你還不會使用css中的各種選擇器就不懂前端

css常見的選擇器 選擇器的作用是選中標籤,所以下面的選擇器都是指標籤 * /*通配符選擇器*/ # /*id選擇器*/ . /*類選擇器*/ , /*分組選擇器*/ 空格 /*後代選擇器*/ > /*直接後代

原创 IDEA搭建jsp項目

IDEA搭建jsp環境 爲了方便在IDEA中集成tomcat環境搭建好WEB的jsp項目 先講解原理: 首先在IDEA中加入WEB模塊 配置IDEA將WEB模塊打包,運行tomcat時會編譯,打包到一個文件夾路徑 配置Tomca

原创 github中更新默認分支

找到項目,然後找到項目中的設置 然後點擊Update更新即可

原创 微服務集羣

只要註冊時服務名相同就會形成集羣 server: port: 8001 eureka: client: serviceUrl: defaultZone: http://127.0.0.1:7001/eu

原创 Eureka的使用案例

Eureka已停止更新、替代的是netflix-eureka,國內比較火的而且好用的則是阿里巴巴的nacos。nacos承擔了服務註冊中心、服務熔斷、服務調度等作用。 eureka分服務端和客戶端 服務端 引入新版本的erueka

原创 微服務註冊進eureka集羣

只需添加eureka集羣服務器地址,並且用逗號隔開 例如localhost的7001-7003三臺eureka服務器搭建的集羣 server: port: 8001 eureka: client: serviceU