原创 微信web開發——微信登錄

本文主要介紹前端微信登錄獲取用戶信息的業務邏輯 一、業務實現 1.1判斷當前用戶是否登錄 如果有,證明當前用戶已登錄,返回主頁面 1.2判斷當前是否有code 1.2.1如果有,調用調用後端接口,返回用戶基本信息,同1.1 1

原创 echarts 解析

本文主要介紹echart的使用。 一、標題組件 tittle title:{ show: true, //是否顯示標題組件 text: '主標題', link: 'https://www.vitian.vip',

原创 nodejs開通https的接口訪問

nodejs+express+mysql線上部署以後,nodejs開通https的接口訪問,適用小程序開發接口 一、申請域名先申請ssl證書支持https 免費申請https>>>阿里雲https如何免費申請 二、下載ssl證

原创 H5移動端原生JS封裝附件上傳服務器

本文主要通過原生的js封裝附件上傳upload.js。可成功內嵌釘釘,ios和安卓端可正常使用,支持單個、多個附件上傳。 一、業務需求 封裝原生JS附件上傳,動態創建附件列表,可對附件列表進行刪除和新增功能。 二、業務邏輯 2

原创 Ajax請求只返回一次結果

本文主要介紹Ajax在for循環中,請求只返回一次結果的問題解決。 一、async決定了同步與異步請求 1.1 Ajax默認是異步請求,會繼續執行Ajax後面的腳本,直到服務器端返回數據後,觸發Ajax裏的success方法,

原创 Hbuider H5+App獲取手機狀態欄高度

本文主要介紹獲取手機狀態欄高度的方式。 /** * 獲得狀態欄高度 */ getStatusBarHeight:function(){ var immersed = 0; var ms=(/Html5Plu

原创 Hbuider H5+App封裝本地數據存儲

本文主要介紹H5+App封裝本地數據的存儲、獲取、刪除。 一、本地數據存儲或修改 /** * 修改或添加鍵值(key-value)對數據到本地數據存儲中 * @param {Object} key 鍵 * @p

原创 h5 隱藏滾動條

本文只要介紹通過css,實現H5隱藏滾動條。 在父類.class名下,也可以放在body,全局隱藏滾動條。 //方法一: .class{ &::-webkit-scrollbar{ background-

原创 ios fixed定位bug位置偏移

本文主要介紹移動端input獲取焦點時,IOS固定定位fixed失效,位置偏移。 一、場景描述 移動端ios下,input獲取焦點時,固定定位的fixed會轉化爲absoult屬性,滾動條滾動超過可視區域,導致位置偏移。 二、

原创 前端小白篇之select和option樣式修改

本文主要介紹select和option樣式"太醜"的解決方案,本文主要是通過vue實現的DOM截點的操作,如非vue需用相關語法的方式獲取對應的參數方法。 一、業務場景 1.1 頂欄或橫向導航需要一個下拉框,雖然select樣

原创 jQuery分頁查詢組件

本文主要介紹jQuery實現PC端分頁查詢,如需適用原生JS可以直接修改。解決網上提供的分頁組件功能不完善問題。 一、需求 分頁組件兼容IE8及以上,可實現上一頁、下一頁、當前頁高亮、頁面直接跳轉、當前頁前後2頁顯示、第一頁和

原创 Vue2.0分頁查詢封裝組件(PC端)

本文主要介紹Vue2.0如何封裝分頁查詢的組件 一、業務場景 1.1適用於Vue,PC端使用的小夥伴,養成封裝的習慣,可以方便你我他。 1.2案例展示圖 二、完整代碼 2.1組件頁面 在src\components目錄下創建

原创 jQuery動態提示框dialog組件

本文主要介紹jq實現動態提示框組件,通過JQ+CSS實現提示語句動態化,body超過視距不滾動,兼容IE6+、谷歌、火狐等主流瀏覽器。 一、效果圖 二、封裝代碼 2.1 prompt.js (function () {

原创 Vue2.0 通過監聽路由變化給父級路由菜單添加active樣式

本文主要介紹Vue通過watch監聽路由變化,設置active高亮。 1.設置父子路由 在router文件下的index.js 關鍵代碼 routes: [ { path: '/', compo

原创 GitHub拉項目錯誤代碼code:128

解決GitHub拉項目代碼報錯,錯誤代碼code:128。解決方案是通過讓git忽略ssl證書錯誤,而實現的。 git config --global http.sslverify "false"