原创 nginx配置問題集錦

1、報錯unknown directive無法啓動 編碼格式不對,使用sublime text另存爲時選擇UTF-8編碼格式。 關鍵是我放到服務器上一修改就不行了,非得本地修改保存UTF-8再複製過去。

原创 IIS配置導致頁面刷新時找不到文件或目錄

IIS錯誤配置 IIS配置web.config如下 <?xml version="1.0" encoding="UTF-8"?> <configuration> <system.webServer> <re

原创 webpack的代理proxy配置

配置代理如下 vue-cli3.0以前版本配置/config/index.js文件: module.exports = { dev: { proxyTable: { '/api/**': {

原创 requestAnimationFrame函數使用的注意點

官方說明文檔: https://developer.mozilla.org/zh-CN/docs/Web/API/Window/requestAnimationFrame 注意點: 1、有開啓就記得關閉 let stop = nu

原创 tween動畫控制threejs的相機時的問題 回調函數重複執行

問題 使用tween動畫,在其執行完成後tween.onComplete中調用回調函數,發現回調函數執行有誤或重複執行。 關鍵代碼 this.inspectCamera({x: 2.9, y: 0.6, z: 7}, {x: 2.

原创 vue.js實現同時彈出多個div,並移動彈框位置。

需求 同一界面多個設備,需要點擊查看詳情,且可以同時點開多個div詳情框,進行詳情數據對比查看。 效果 思考 最初考慮通過el-dialog實現,但是怎麼嘗試設置屬性,都只能一層層彈出,切存在蒙版層難以設置div的層級關係,無法

原创 el-row和el-col問題彙總

一、el-col爲空不顯示 <el-row> <el-col :span="7">啊啊啊</el-col> <el-col :span="1"></el-col> <el-col :span="7">哦哦哦</el-col>

原创 echarts折線圖動態修改折線顏色

需求 選擇每條線的顏色、粗細繪製折線圖。 解決 動態修改option中對應的樣式屬性即可。查看echarts官方文檔,進行了如下修改。 修改一(明顯有問題可跳過,僅做記錄。) 效果一: 配置一: option = { …

原创 document.getElementById().style.width獲取不到寬度

問題: document.getElementById().style.width死活獲取不到dom的寬度!! 原因: dom.style.width只能獲取到style裏面設置的寬度,即便在class裏設置了寬度,也獲取不到。

原创 pdf.js的簡單使用

簡介 pdf.js是火狐開發的,一個基於Web標準的通用平臺,用於解析和呈現 PDF。 所以使用火狐瀏覽器在線打開pdf時,自動使用了pdf.js打開,差異在於有目錄等功能。 使用步驟 1、官網下載 http://mozilla.

原创 three.js鏡頭追蹤的移動效果

達到效果 指定一條折線路徑,鏡頭沿着路徑向前移動,類似第一視角走在當前路徑上。 實現思路 很簡單畫一條折線路徑,將鏡頭位置動態綁定在當前路徑上,同時設置鏡頭朝向路徑正前方。 實現難點 1、折現變曲線 畫一條折線路徑,通常將每一個轉

原创 重複點擊同一個菜單路由 報錯NavigationDuplicated

現象 連續點擊同一個路由,第二次點擊時報錯NavigationDuplicated。 如圖所示: 對比 另一個系統沒有出現這個問題,對比兩個系統使用的element-ui的版本果然不同。 解決 於是查看當前系統的package-

原创 瀏覽器:喔唷,崩潰啦!

官方說明: https://support.google.com/chrome/answer/95669?visit_id=637147583639250344-892483008&p=e_awsnap&rd=1 現象: 瀏覽器打

原创 新版本Vue CLI搭建項目的問題

1、console報錯 報錯: error: Unexpected console statement (no-console) 解決: 修改package.json中的eslint規則: 在eslintConfig.rules

原创 新版本three.js在vue項目中的引入

說明 之前的筆記,引入three.js相關包那是相當的麻煩,各種引入方式和配置,還有各種報錯和提示。 新版本的three.js對其變量的引入和暴露進行了優化,可以很方便的從jsm文件夾下引入相關包了。 原版本例子 import *