原创 jQuery+css實現瀑布流佈局(無限加載)

文件目錄: images: 這個文件夾放了需要的照片,名字都按照0,1,2,3…排列,便於取的時候好取,我放了23張,當然實際應用肯定是Ajax請求來的 Html: 最外層#main這個容器就是放整個瀑布流的盒子,裏面.pin

原创 uni-app使用less/scss語法

在HBuilderX裏面: 工具–》插件安裝–》找到less/scss–》點擊安裝即可。 如下圖: 然後在style標籤上加上lang="less"即可: <style lang="less">

原创 uni-app的輸入框input使用text-indent無用

本來是在input上加了一個text-indent文字縮進,看似沒問題,在真機調試時候,輸入框聚焦時候,文字自動跑到頂格,失去焦點時候,又顯示縮進,於是: input { padding-left: 10px } 即可解

原创 vue中使用vue-lazyload懶加載

先放上官網官網入口,其實官網上已經說得很明白了,加深一下記憶: 1,下載npm i vue-lazyload -S 2,在main.js中引入: import VueLazyload from 'vue-lazyload' Vu

原创 Echarts之gauge錶盤的用法

寫移動端有一個監測功率的數據展示,要用錶盤類型的圖示,如下是效果: 四角的數據那是自己寫上去的,和echarts沒關係,主要是中間的錶盤: drawLine (d) { // 參數d是後臺獲取的當前功率

原创 javascript裏面ajax請求

AJAX 是一種在無需重新加載整個網頁的情況下,能夠更新部分網頁的技術。 工作原理: 什麼是 AJAX ? AJAX = 異步 JavaScript 和 XML。 AJAX 是一種用於創建快速動態網頁的技術。 通過在後臺與服

原创 Chrome安裝vue-devTools調試-終極版

大家都說去什麼官網github上下載,完了先npm install ,再npm run build,再修改一個文件,事實上,你去運行就發現一堆問題,這裏出一個終極版文件: 鏈接:https://pan.baidu.com/s/12

原创 element-ui裏el-progress:Invalid prop: custom validator check failed for prop "percentage"

項目裏有一個需求是這樣展示的: 上面的進度條我是用element-ui裏的el-progress進度條的,這裏面得到的百分比肯定是從後端拿到數據進行計算,然後綁定上去: <el-progress :text-inside="

原创 前端瀏覽器兼容性問題解決

前端瀏覽器兼容問題總結 前端解決不同瀏覽器及不同版本的兼容性問題 瀏覽器兼容問題一 :不同瀏覽器的標籤默認的外補丁和內補丁不同 問題症狀:隨便寫幾個標籤,不加樣式控制的情況下,各自的margin和padding差異較大。 解決方案

原创 移動端MUI上拉加載列表、日期(公衆號)

MUI框架的上拉加載列表使用方法 MUI官方稱它輕量、原生、以iOS平臺UI爲基礎,補充部分Android平臺特有的UI控件, 開發工具指定是HBulider莫屬,然後新建Web項目,結構如下: 因爲你的項目裏要大量引入mui擴

原创 ES6中變量聲明const不可修改?

答案當然是:不是。這個問題曾經讓我尷尬,這是w3cschool對let、const的解讀 const命令 1,const聲明一個只讀的常量。一旦聲明,常量的值就不能改變。 const PI = 3.1415; PI // 3.14

原创 關於事件冒泡、事件捕獲和事件委託

在javascript裏,事件委託是很重要的一個東西,事件委託依靠的就是事件冒泡和捕獲的機制,我先來解釋一下事件冒泡和事件捕獲: 事件冒泡會從當前觸發的事件目標一級一級往上傳遞,依次觸發,直到document爲止。 事件捕獲會從

原创 vue2.0封裝axios公共請求方法(promise)

在vue項目src文件夾目錄下新建文件夾api,然後在此文件夾下新建axiosConfig.js: import axios from 'axios' import qs from 'qs' import { Toast } fr

原创 Vue作用域插槽的使用

關於vue插槽,也用過很多次了,但是關於作用域插槽的用法,有些模糊,查了很多文檔,自己理解記憶。 在官網上說: 舉例:你現在有一個組件,這個組件叫:navigation-link,它裏面有一個匿名插槽,它被在另一個組建中調用,並

原创 實戰mpvue寫小程序

mpvue實戰小程序簡介mpvuempvue目錄SPA頁面store公共狀態管理生命週期、鉤子函數調試項目 簡介mpvue mpvue官網,衆所周知,微信小程序原生框架需要一定的時間學習,美團開發了這個mpvue,你只要瞭解小程序