原创 原生js + canvas 實現刻度尺效果

歡迎訪問我的 個人博客 手勢事件 touchstart 手指按下 、touchmove 手指移動 、 touchend 手指擡起 效果圖: 完整代碼: ruler.js var ruler = { /**

原创 web前端開發時推薦用rem做單位

歡迎訪問我的 個人博客 我之前做頁面寫css樣式的時候一直用的 px 做單位,因爲直接看着PC端的設計圖標註多少像素就寫多少像素。 直到做了一個內容寬度是1440px 大小的PC端設計圖後,我感覺用 rem 做單位纔是最好的選擇(

原创 js項目中常用的一些工具函數

歡迎訪問我的 個人博客 記錄一下在項目中常用的工具函數,隨時更新 var utils = { /** * 獲取路徑參數方法 返回參數值 * @name 參數名字 * */ getQ

原创 vue.js + axios.js圖片壓縮處理並上傳到服務器demo

點擊查看效果 圖片壓縮原理 將圖片重新畫入一個canvas中。可設置最大寬度,再按圖片寬高比例定義canvas畫布的寬高。 完整代碼demo <!DOCTYPE html> <html lang="en"> <head>

原创 Window平臺安裝MongoDB4.x並啓動服務詳細圖解

歡迎訪問我的 個人博客 PS:我安裝的MongoDB版本是4.x,MongoDB4之後的版本安裝步驟和配置都變簡單了。不需要手動的去創建 data 和 log 文件夾,也不需要去創建並配置 .conf 的格式的文件。但在安裝Mon

原创 Linux平臺安裝MongoDB詳細圖解

歡迎訪問我的 個人博客 下載地址:MongoDB社區版下載. 下載完成後,打開FTP工具,登錄進去後,將安裝包上傳到/root 目錄下 (進入應該默認就是這個目錄) 解壓安裝包 tar zxvf mongodb-linux

原创 vue router頁面跳轉與傳值取值

記錄在學習vue的時候遇到的一些問題 一、頁面跳轉與傳值 1、使用<router-link>標籤的形式 <router-link to="/home/recommend">推薦</router-link> <router-l

原创 微信小程序中實現吸頂效果(流暢、不卡頓)

最開始的時候,在小程序中實現吸頂效果,開發工具看起來還挺好的,但是在真機上就會有問題了。 原因是我不停的去 setData 會導致操作反饋延遲嚴重,無法及時將操作處理結果及時傳遞到視圖層。 後面就對代碼進行了調整,避免不停的

原创 微信小程序自定義組件實現環形進度條

這篇文章主要爲大家詳細介紹了微信小程序自定義組件實現環形進度條,具有一定的參考價值,感興趣的小夥伴們可以參考一下 本文實例爲大家分享了微信小程序實現環形進度條的具體代碼,供大家參考,具體內容如下 微信小程序自定

原创 JS事件流、事件冒泡、阻止冒泡、事件捕獲(一看就懂)

講 事件冒泡 、阻止冒泡 和 事件捕獲 之前先說說什麼是事件流,這樣會更容易明白 一、事件和事件流 1、什麼是事件 事件是可以被 JavaScript 偵測到的行爲。 鼠標點擊、鼠標移動、鼠標滾動、按下鍵盤,瀏覽器窗口大小的改變,

原创 JS實現設置cookie、讀取cookie、刪除cookie

設置cookie /** * 設置cookie * @name cookie名 * @value cookie值 * @expiredays 過期天數 * */ function setCookie(name,value,e

原创 JS實現JSON數組合並和去重

有兩個json數組demo1和demo2 var demo1 = [{"id": 0, "name": "牛肉"},{"id": 1,"name": "羊肉"}]; var demo2 = [{"id": 2, "name": "牛

原创 Node.js+Mock.js+Vue.js實現接口和上拉加載數據

目錄效果圖一、接口1、創建項目2、代碼部分3、啓動服務二、頁面1、代碼部分 效果圖 一、接口 需要用到Express 和 Mock.js , 如果不熟悉Express和Mock.js的建議先去他們的官網看看 Express官網

原创 vue.js數據渲染完成後,獲取頁面高度問題

獲取整個頁面的高度用的$(document).height(); 遇到的問題 在沒有數據的時候頁面的高度是690px; 調用數據請求後,在ajax的success裏面打印高度還是690px (我認爲是數據加載完了,但是頁面沒有渲染好

原创 微信小程序自定義組件-環形進度條

微信小程序自定義組件官方教程 環形進度條的組件已經放在github上 環形進度條效果圖 創建步驟 1、在根目錄創建名爲components的文件夾,用來放需要引用的自定義組件。 2、創建名爲canvas-ring的文件夾,用來