原创 reduce優秀

高舉reduce大旗,優秀 1、語法 arr.reduce(callback,[initialValue]) reduce 爲數組中的每一個元素依次執行回調函數,不包括數組中被刪除或從未被賦值的元素,接受四個參數:初始值(或者上一

原创 vue route路由跳轉 一進頁面就刷新

我的需求是日期時間選擇器需要實時更新,需要一進頁面就刷新,嘗試過不同的key,以及inject註冊方法等,都不好用,最後找到了這個watch的方法。之後路由跳轉,一進頁面就是刷新,就在需要的頁面中加入watch監測即可。 wat

原创 object對象轉數組

需求: 解決方案:大佬牛逼 let arr = []; for(let ip in harddisklist){ // const item = Object.assig

原创 vue生命週期簡述

beforeCreate:this.data和this.data 和this.data和this.el都沒準備好,都是undefined Created:this.data有了,能讀取到了,但是Dom還沒加載,this.data有

原创 對象屬性排序和字符串排序

//自定義排序,對對象的屬性進行排序 let comparearr = [ {name:"zhangsan",age:18}, {name:"lisi",age:20}, {name:"wangmazi",

原创 數組的方法

//數組合並 var zero = 0; var firstarr = [1,2,3]; var secondarr = [-1,-2,-3]; var resultarr = firstarr.concat(zero,secon

原创 Bootstrap前端開發框架(一)

Bootstrap前端開發框架(一) 目前最受歡迎的前端框架,bootstrap3以移動設備優先。 移動設備優先 <meta name="viewport" content="width=device-width,

原创 前端頁面佈局

前端頁面佈局 一、固定佈局 即頁面固定寬度,早期部分網站會把頁面設置成320的寬度,可以達到前端以及頁面視覺想要的效果。缺點是部分大屏幕手機會有兩邊留白,以及部分手機上的頁面特別小,按鈕等也特別小,影響用戶體驗。 二、流式佈局 即寬度

原创 jquery:類似於外賣選餐

jquery:類似於外賣選餐 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="

原创 jQuery封裝的動畫

jQuery封裝的動畫 jquery中的固定動畫 show():相當於display:block 可以加參數, 參數1 爲時間 參數2 爲動畫完成 hide():相當於display:none 參數1 爲時間 參數2 爲

原创 jquery:手機的觸屏事件

jquery:手機的觸屏事件 先寫媒體匹配 <meta name="viewport" content="width=300,maximum-scale=5.0,user-scalable=0"> 觸屏事件 touch() 三個階段

原创 jquery:手風琴圖片輪播

jquery:手風琴圖片輪播 html部分: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <sc

原创 jQuery操作dom元素(二)

jQuery操作dom元素(二) jquery裏創建dom元素 var str=$("<span></span>");//動態創建了span 創建完成的對象,追加給父級元素 append appendTo prepend pre

原创 jQuery:圖片的數據流

jQuery:圖片的數據流 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style>

原创 jQuery事件

jQuery事件 jquery裏面的事件大概分爲三部分:鍵盤事件 鼠標事件 窗口事件 jquery的結構層和行爲層是分離的,且jquery裏可以進行鏈式操作。 最簡單的寫法 $("#btn").click(function (){