原创 vue實現返回頂部,仿element-ui的返回頂部組件

原文鏈接:https://www.cnblogs.com/rogerwu/p/9543563.html 參考:https://www.cnblogs.com/rogerwu/p/9543563.

原创 uniapp跳轉頁面成功之後,刷新頁面

uni.switchTab({ url: '/pages/home/index', success(){ let page = getCurrentPages().pop(); //跳轉頁面成功之後

原创 nuxt.js使用v-for動態綁定img的src的本地路徑,圖片不能渲染

<img :src="item.src" alt="圖片" class="pic" v-for='(item,index) in imageLists' :key='index'/> imageLists:[ { id

原创 uniapp的uni.navigateBack返回頁面帶參數

let pages = getCurrentPages(); //獲取所有頁面棧實例列表 let nowPage = pages[ pages.length - 1]; //當前頁頁面實例 let prevPage = pages[

原创 vue/uniapp 強制組件重新渲染的幾種方式

問題:當父組件向子組件傳值時,如果改值存在多層數組/對象嵌套,此時改數據變動時,可能造成在子組件中不會重新渲染。 解決方案:如下。 <template> <new_drawer :key="menuKey" :data='new

原创 修改XAMPP啓動mysql報錯Port 3306 in use by "D:\xampp\mysql\bin\mysqld"!

參考:https://www.cnblogs.com/syq816/p/7995183.html。 解決辦法: 1.cmd-->regedit 打開註冊表找到 [HKEY_LOCAL_MACHINE\SYSTEM\CurrentCon

原创 安裝python、pip以及通過pip安裝第三方模塊

1.安裝python:下載網址https://www.python.org/。 2. 下載安裝到默認/指定路徑位置:配置環境變量。如:C:\Users\princ\AppData\Local\Programs\Python\Pytho

原创 el-input/input取消瀏覽器記住密碼問題

1. 添加auto-complete="new-password"屬性,這是一個新屬性,兼容所有瀏覽器. <el-input type="password" auto-complete="new-password" v-model="f

原创 web前端頁面性能優化筆記

包括:資源的合併與壓縮,圖片編碼原理和類型選擇,瀏覽器的渲染機制,懶加載預加載,瀏覽器存儲,緩存機制,PWA,Vue-SSR等頁面優化的功能。 1.基礎優化:      1.1 資源的合併與壓縮:             1.1.1 理解

原创 window系統下將本地web項目部署到騰訊雲服務器上(二)

1. 購買騰訊雲服務器:參考https://cloud.tencent.com/document/product/213/2764。 2. 登錄雲服務器(window下遠程桌面連接): 3.在雲服務器裏下載nginx:http://ngi

原创 web前端知識集合——javascript基礎篇之常量和變量(二)

     3. 變量和常量:           1.1 變量的聲明: js三種方式聲明變量,聲明不賦值時,默認值爲underfined。                 (1)var聲明:var name='Ace',同時聲明多個變量v

原创 js中instanceof判斷數組時的坑

1. instanceof在判斷數組是,即會把數組當做Array類型,又會把數組當做Object類型,都會返回true。要嚴格驗證一個數組,最好是用constructor,能嚴格區分數組和對象。注意:大部分情況都可以用instanceof

原创 小程序 lifeCycleMethod onLoad function SyntaxError: Unexpected end of JSON input

wx.navigateTo  跳轉傳參數時, json解析數據報如下錯誤 lifeCycleMethod onLoad function SyntaxError: Unexpected end of JSON input, 解決方案:一

原创 vue自定義指令實現拖拽縮放元素的寬度

  改變觸發拖放元素的背景顏色爲白色,即可模擬真實的拖放效果。 <!-.app-shrink是要縮放的元素,.app-shrink-drag是觸發鼠標按下移動的源-> <div :style="shirnkStyle" class="a

原创 vue報錯did you register the component correctly? For recursive components, make sure to provide the

1. 出現以上的一種原因是組件內的循環引用造成的: 解決: components: { //解決vue中組件的循環引用 PaymentManageDetail :()=>import("@/components/page_e