原创 css3相冊 動畫

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> html,

原创 input“輸入框”常見問題及解決方法

  1. ios中,輸入框獲得焦點時,頁面輸入框被遮蓋,定位的元素位置錯亂: 當頁input存在於吸頂或者吸底元素中時,用戶點擊輸入框,輸入法彈出後,fiexd失效,頁面中定位好的元素隨屏幕滾動。 針對這個問題,我們一起來看下以下幾種方案

原创 js將一個數組徹底打亂排序

  方法一:  let x = [1, 2, 3, 4, 5]; function shuffle(arr) { var length = arr.length, randomIndex, temp; while

原创 vue路由history模式刷新頁面出現404問題

vue hash模式下,URL中存在'#',用'history'模式就能解決這個問題。但是history模式會出現刷新頁面後,頁面出現404。解決的辦法是用nginx配置一下。 在nginx的配置文件中修改 方法一: location

原创 vue-cli 打包出來的項目,scss,less樣式裏面的背景圖無法顯示,路徑不正確

  解決方式: 找到項目中的build/utils.js文件, 找到如下代碼: if (options.extract) { return ExtractTextPlugin.extract({ us

原创 JS 日期比較

  Js 日期比較方法 第一種方式 function compareDate(s1,s2){ return ((new Date(s1.replace(/-/g,"\/")))>(new Date(s2.replace(/-/g,"

原创 VUE前後分離調起微信支付

第一步 :VUE 需要安裝 微信支付模塊 npm install weixin-js-sdk //加入需要引入的模塊 import wx from "weixin-js-sdk"; 第二步 封裝 微信支付方法 wexinPay(da

原创 subString(), subStr(),splice(),split()的區別

1.slice(); Array和String對象都有 在Array中  slice(i,[j]) i爲開始截取的索引值,負數代表從末尾算起的索引值,-1爲倒數第一個元素 j爲結束的索引值,缺省時則獲取從i到末尾的所有元素 參數返回: 返

原创 VUX是基於 VUE的UI組件庫,那麼開發項目時,如何安裝呢?

  1.安裝vux npm install vux --save 2.安裝less-loader npm install less less-loader --save-dev 3.安裝vux-loader      npm instal

原创 js 獲取時間日期 星期

function showTime() { var show_day = new Array('星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'); var date = new Date();

原创 Vue 開發環境搭建步驟

1.安裝node.js 2.利用淘寶npm鏡像安裝相關依賴 npm install -g cnpm --registry=https://registry.npm.taobao.org 3. 安裝全局vue-cli腳手架,用於幫助搭建所需