原创 JS數組去重 實用的四種方法

1、利用對象的屬性去重 思路:每次取出原數組的元素,然後再對象中訪問這個屬性,如果存在就說明重複 function unique(arr){   var res =[];   var json = {};   for(var i=0;

原创 js 日期比較

日期比較,這裏使用的是當前日期00:00:00 點的時間戳進行比較  日期是一天, 所以如果要判斷 一個日期是否大於等於當前日期, 準確的還是用時間戳比較; let toDayTime = new Date().getTime(); t

原创 關於webpack打包 js、css 壓縮優化總結

項目開發接近尾聲,優化是不可忽略的,下面來說說我對項目的優化之路: 開發環境:使用vue-cli安裝項目 "vue": "^2.4.2", "vue-router": "^2.7.0", "webpack": "^3.5.5", "no

原创 vue+element-ui 身份證驗證(獲取出生日期,籍貫、年齡、性別)

基於vue.js 和 element-ui   <el-form> 的 validate驗證實現 html代碼 <el-form :model="baseInfo" ref="baseForm" :rules="baseFormRul

原创 JS 獲取n個月後的日期(使用在vue 框架)

<template> <el-form-item label="合同到期日期:" prop="endDate"> <el-date-picker type="date" placeholder="年-月-日"

原创 vue element-ui table 滾動條位置緩存

需求: 瀏覽器不關閉的情況下,每次進入指定頁面,element-ui table的滾動條保留在上次離開頁面時的位置; 開發步驟: 1、經過代碼測試,在vue裏面給el-table 添加ref來獲取元素dom,然後給refs設置scroll

原创 Vue.js 插件開發詳解

前言 隨着 Vue.js 越來越火,Vue.js 的相關插件也在不斷的被貢獻出來,數不勝數。比如官方推薦的 vue-router、vuex 等,都是非常優秀的插件。但是我們更多的人還只停留在使用的階段,比較少自己開發。所以接下來會通過一個

原创 基於webpack的React項目搭建(一)

前言  工欲善其事,必先利其器。爲了更好的學習React,我們先簡要的把開發環境搭建起來。本文主要介紹使用webpack搭建React項目,如果你對React或es6的基礎語法還不瞭解,建議先去學習學習。 基礎環境 node/npm

原创 ES6/ES2015 Promise 用法講解

ES6/ES2015 Promise 用法講解 Promise是一個構造函數,自己身上有all、reject、resolve這幾個眼熟的方法,原型上有then、catch等同樣很眼熟的方法。 那就new一個 var p = new Pr

原创 關於rem和px全局設置問題

rem佈局非常簡單,首頁你只需在頁面引入這段原生js代碼就可以了 (function (doc, win) { var docEl = doc.documentElement, resiz

原创 vue緩存機制 keep-alive

到現在,接觸vue也小段時間了,項目進行到了一定程度,然而項目缺少了緩存機制,所以每次跳轉頁面都會重新created一下數據,雖說系統的數據請求速度很快,但是這樣做對系統的性能會有很大的壞處的,所以到這裏就要對系統優化下,添加緩存了。 其

原创 JS數組去重 實用的三種方法

1、利用對象的屬性去重 思路:每次取出原數組的元素,然後再對象中訪問這個屬性,如果存在就說明重複 function unique(arr){   var res =[];   var json = {};   for(var i=0;