一、Vue 項(xiàng)目打包 每次重新部署需執(zhí)行，如果代碼沒變動(dòng)則無需打包 1. 安裝依賴（單個(gè)項(xiàng)目只需要安裝一次依賴） 二、Nginx 配置修改 1. 創(chuàng)建項(xiàng)目部署目錄 2. 上傳...
發(fā)簡(jiǎn)信
IP屬地：陜西
-
DNF商城項(xiàng)目部署文檔
-
vue項(xiàng)目中高德地圖多版本共存（vue-amap和amap-vue共存）
vue多版本共存（@amap/amap-jsapi-loader） 首先提示大家，對(duì)于是否要使用vue-amap這個(gè)組件，請(qǐng)三思后而行，組件化和插件按需引入確實(shí)比較方便，但是...
-
VSCode中vue拓展vetur整理代碼時(shí)的尖括號(hào)換行問題如圖，沒有配置前 如果代碼過長，vetur會(huì)把尖括號(hào)整理到第二行換行，這樣下來代碼可讀性特別差 修改一下vscode 的setting.json 來改善這個(gè)問題 結(jié)果如下：
-
前端項(xiàng)目docker化的過程中遇到的問題
一個(gè)普通的前端項(xiàng)目docker化過程中遇到的幾個(gè)問題以及解決方法 1. docker+nginx部署前端項(xiàng)目時(shí)無法調(diào)取后臺(tái)接口 2. docker在push本地鏡像到私倉的時(shí)...
-
Echarts中的click事件如何區(qū)分點(diǎn)擊對(duì)象
參考官方文檔 點(diǎn)擊跳轉(zhuǎn)[https://echarts.apache.org/zh/tutorial.html#ECharts%20%E4%B8%AD%E7%9A%84%E4...
-
解決flex布局space-between最后一行沒有左對(duì)齊的問題在遇到類似九宮格的排列布局時(shí)，我首先想到的是用flex布局的justify-content屬性做操作，但是會(huì)出現(xiàn)一個(gè)問題————就是最后一行為兩個(gè)元素的時(shí)候會(huì)出現(xiàn)分開排列的情...
-
Echarts之formatter格式化方法以及字符串模板
前言：formatter格式化方法。格式化之所以存在，主要是因?yàn)槲覀兿氚岩恍┎粔蛉诵曰膬?nèi)容通過處理讓其變成我們想要的樣子，便于用戶更好地理解內(nèi)容。 首先ECharts官網(wǎng)A...
-
基于CentOS用Docker+Nginx部署靜態(tài)頁面
1.安裝Docker 這里用的是阿里巴巴鏡像站提供的方法安裝Docker-CE（社區(qū)版的Docker，免費(fèi)的） 2. 更換國內(nèi)的鏡像源，拉鏡像的速度快一些 3. 基于Dock...
-
移動(dòng)端px轉(zhuǎn)rem方法
designWidth:設(shè)計(jì)稿的實(shí)際寬度值，需要根據(jù)實(shí)際設(shè)置maxWidth:制作稿的最大寬度值，需要根據(jù)實(shí)際設(shè)置這段js的最后面有兩個(gè)參數(shù)記得要設(shè)置，一個(gè)為設(shè)計(jì)稿實(shí)際寬度，...
-
使用immutable優(yōu)化ReactReact在減少重復(fù)渲染方面確實(shí)是有一套獨(dú)特的處理辦法，那就是虛擬DOM，但顯然在首次渲染的時(shí)候React絕無可能超越原生的速度，或者一定能將其它的框架比下去。尤其是在優(yōu)化前...
-
react簡(jiǎn)單demo1、全局安裝create-react-app 2、創(chuàng)建項(xiàng)目，安裝依賴 3、進(jìn)入項(xiàng)目 4、啟動(dòng)項(xiàng)目 這是你就有了一個(gè)react demo 接著是對(duì)demo的改造了。。。這里是改...
-
vue和react（shouldComponentUpdate ）性能異同
React 和 Vue 有許多相似之處，它們都有： 使用 Virtual DOM 提供了響應(yīng)式 (Reactive) 和組件化 (Composable) 的視圖組件。 將注意...
-
console.log()和console.dir()的區(qū)別console.dir() 使輸出內(nèi)容格式化更易讀，而且也會(huì)輸出一個(gè)對(duì)象的全部屬性和方法。以下是兩種console打印出來的DOM元素預(yù)覽 在我們需要查看一個(gè)DOM元素的屬性...
-
npm install 各種配置的區(qū)別
為了方便攜帶源碼，可以在安裝依賴時(shí)--save或--save-dev，把依賴記錄在package.json中，就可以把node_module文件夾刪除，在需要的時(shí)候npm i...
-
getBoundingClientRect()方法實(shí)現(xiàn)吸頂效果
理解：getBoundingClientRect用于獲取某個(gè)元素相對(duì)于視窗的位置集合。集合中有top, right, bottom, left等屬性。 可以根據(jù)top屬性更改...
-
我也很久沒做小程序拉
微信小程序同時(shí)播放兩個(gè)/多個(gè)背景音樂及音效
最近寫一個(gè)個(gè)人小程序 想給里面加點(diǎn)音效 遇到了不能同時(shí)播放兩個(gè)音效的問題 搜到了一些資料整理了一下原理就是創(chuàng)建5個(gè)innerAudioContext實(shí)例化對(duì)象，輪流調(diào)用。(...