原创 scss使用總結

scss使用總結 前言 less 和 sass 是兩種 css 預編譯語言,其目的是爲了更快、更結構的編寫 css 文件,是一種強大的 css 編譯語言,都能使用 變量、運算符、判斷、方法等等。 先有的 sass 後有的 scss

原创 vuecli2升級到vuecli3

vuecli2升級到vuecli3 1. 卸載老版本vuecli(1.x, 2.x) npm uninstall vue-cli -g 或者 yarn global remove vue-cli 卸載掉之前的老的版本的vuec

原创 Vue2.0使用Axios實現跨域訪問(解決跨域問題)

Vue2.0使用Axios實現跨域訪問 配置BaseUrl 在main.js中,配置下我們訪問的Url前綴: axios.defaults.baseURL = '/api' // 開發本地代理 axios.defaults.h

原创 mySql多表高級查詢總結

mySql多表查詢總結 (需要有一定的sql基礎) 簡單的多表查詢 1.1. 多表查詢語法 select 字段1,字段2... from 表1,表2... [where 條件] 例子: 查詢人員和部門所有信息 select

原创 vue2.0項目搭建步驟

vue2.0項目搭建步驟 第一步 node環境安裝 node的下載地址: https://nodejs.org/en/ (截止到2018/12/28時可用) 第二步 下載git 並安裝 git的下載地址 https://g

原创 vue-cli4搭建項目

使用Vue-Cli 4.x腳手架項目初步搭建 1. 前提: node的版本要在8.11.0+,並配置好node 的環境變量 2. 如果之前電腦中安裝多其他版本的腳手架需要卸載掉其他的版本, 重新安裝4.x版本 **npm unin

原创 手動書寫一個vue+java +spring Boot的項目(更新中)

手動書寫一個vue + java +spring Boot的項目 準備條件: 1.1. 安裝JDK 1.2. 配置JDK的環境變量 選擇 Spring 然後選擇自己的JDK, 我安裝的是JDK 12.x, 一般我們實際開發用

原创 eggJS開發微信公衆號

eggjs開發微信公衆號 搭建eggjs框架 $ npm i egg-init -g $ egg-init wechat_public_number_demo --type=simple $ cd wechat_public_nu

原创 使用腳手架搭建Egg.js 應用

使用腳手架搭建Egg.js 應用準備工作快速初始化 準備工作 操作系統:支持 macOS,Linux,Windows 運行環境:建議選擇 LTS 版本,最低要求 8.x。 快速初始化 推薦直接使用腳手架,只需幾條簡單指令,即可

原创 Springboot項目與vue項目整合打包

.爲什麼需要前後端項目開發時分離,部署時合併? 在一些公司,部署實施人員的技術無法和互聯網公司的運維團隊相比,由於各種不定的環境也無法做到自動構建,容器化部署等。因此在這種情況下儘量減少部署時的服務軟件需求,打出的包數量也儘量少。

原创 Vue老項目性能優化

Vue老項目性能優化 1. webpack版本的升級 webpack 升級到4.x,性能可以提升60% 2. Vue-cli的升級 Vue-cli升級到3.0 性能可以提升30%左右 3. dll的運用 dllPlugin將vu

原创 老vue項目升級到webpack4.x

vue項目升級到webpack4.x 有些老項目在開發了一段時間之後會出現項目越來越慢, 以及打包時間過長, 加載時間變成等問題, 如果我們將項目中的webpack升級到4.x項目的性能至少可以提升百分之六十 第一步驟:刪除 bu

原创 前端大量圖片同時加載卡頓問題的優化(持續更新)

前端大量圖片同時加載卡頓問題的優化 背景 由於業務的需要,筆者最近需要實現一個大量圖片同時加載的需求。在實現這個需求的過程中,筆者遇到了很多的坑,也總結了一些優化方案。這裏將筆者使用或準備使用的優化方案總結一下。 具體場景 在描述

原创 Nginx 反向代理與負載均衡

Nginx 反向代理與負載均衡什麼是反向代理什麼是負載均衡nginx安裝與配置在windows下的安裝配置啓動nginxnginx配置靜態資源 什麼是反向代理 當我們有一個服務器集羣,並且服務器集羣中的每臺服務器的內容一樣的時候,

原创 redis工具類分享

redis工具類分享 // 包的具體地址換成自己的就可以 package com.xxx.xxx.common.utils; import org.springframework.beans.factory.annotation