原创 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 (){