原创 uni小程序獲取image圖片長寬信息
引用wx.getImageInfo方法 public getImageInfo(src): any { return new Promise((resolve, reject) => { wx.getImageI
原创 js+css實現html頁面加載動畫
//根據js判斷,頁面加載完畢就顯示 document.onreadystatechange = function () { if (document.readyState == "complete") {
原创 vue製作網站的問題及解決辦法
一、vue使用路由跳轉後,頁面不置頂 配置路由index.js時,增加 export default new Router({ scrollBehavior(to,from,saveTop){ if(saveTop){
原创 laravel Class App\Http\Controllers\Request does not exist.錯誤
在Controller.php中修改use引用 刪除 use App\Http\Requests; use App\Http\Requests\Request; 替換成 use Illuminate\Http\Request;
原创 vue獲取時間格式以及24小時循環
var myDate = new Date(); myDate.getYear(); //獲取當前年份(2位) myDate.getFullYear(); //獲取完整的年份(4位,1970-????) myDate.getMonth(
原创 jq獲取循環數據與隨機顏色,重組生成json數組
//獲取所有原始數據長度 var len = $(".list").length; //生成json數組 var jsonString = [];
原创 js獲取本地圖片並轉換成base64格式
html上傳圖片 <input type="file" id="imgfile" method="post" enctype="multipart/form-data"> <button type="button" onclick="T
原创 vue用if判斷數據是否有值
如果循環中沒有圖片,則不顯示 <img :src="item.imgs" v-if="item.imgs"> 如果循環中數字爲0或空,則不顯示 <p v-if="item.num >0">{{item.num}}</p>
原创 img取消無圖片時的默認邊框
當img中間無圖片時顯示默認邊框,在firefox中是沒有的,但是Chrome中顯示,嘗試用border:0無效 可以使用屬性選擇器設置opacity爲空 img[src=""],img:not([src]){ opacity
原创 vue獲取循環數組中的最後一組 並給其增加樣式
<li v-for="(item,index) in items" :class="index===items.length-1?'lastfood':''"> …… …… </li> 獲取當前循環數組中最後一組,增加
原创 Vue list循環時 點擊當前元素顯示相應的詳細內容
列表循環 <ul> <li v-for="(good,index) in goods" :key="good.id"class="food-list-hook"> <div class="class-title">
原创 同時使用vue.js和jquery時,jq事件無響應解決辦法
先加載vue.js,讓頁面渲染完成後加載jq,給jq綁定ready事件 $(document).ready(function(){ $(function() { //jq事件 }); }); 更新
原创 vue.js加載json數據
在使用jQuery的情況下 $(function() { $.ajax({ type: 'get', url: 'data.json', success: function(data) { if (data.msg
原创 單行文字與多行文字在div排列中垂直居中
在一行四列、固定高度的div中,有的div裏p爲單行,有的p爲多行,要使他們都能保持在div中居中。 爲父元素設置高度、行高 爲p元素設置display、行高、位置 div{ width:100px; height:2
原创 vue安裝socket在線實時通訊
兩個程序通過一個雙向的通信連接實現數據的交換,連接的一端稱爲一個socket,給客戶端和服務器端提供實時通信。 需要先打開工程目錄 下載好socket.io後在node_modules文件夾下新生成了一個socket.io文件夾,其中我