原创 cropper js基於vue的圖片裁剪上傳功能。

前端時間公司的vue項目需要頭像裁剪上傳功能，看了一篇博客，在此基礎上做的修改完成了這個功能，與大家分享一下。原文：http://m.blog.csdn.net/JaneLittle/article/details/72037910。

2020-02-24 20:58:05

原创 基於jquery的上傳文件插件ajaxUpload

以前做web端時用到一個上傳文件的插件ajaxupload，主要用於上傳圖片和文檔，沒有試過上傳視頻，這裏給大家分享一下。插件可以到網上下載。 1，引入jquery和ajaxupload， <script src="jquery-1.11

2020-02-24 20:58:05 9

原创 阻止事件冒泡

阻止事件冒泡事比較常見的，舉個例子：一個元素上有個click事件，其內的一個子元素也有click事件，當點擊子元素的click事件時，其父元素的click事件也會觸發。 我一般用的方法是兼容性寫法，代碼如下： //阻止冒泡

2020-02-24 20:58:05

原创 Vue單頁開發項目搭建

公司新項目開發要使用vue框架，自學了一下vue單頁開發，分享一下vue單頁項目搭建的學習效果，主要使用vue腳手架 vue-cli 和 vue全家桶（vue、vue-router、vuex、vue-resource/axios），很多

2020-02-24 20:58:05

原创 vue綁定圖片路徑數據問題

初次使用vue，遇到了許多小細節問題，比如data裏面的靜態圖片路徑渲染到頁面上的問題，天真的我以爲直接寫圖片的相對路徑就可以了，然而失敗了，我還是太嫩了，如圖， 裏面的圖片路徑無法渲染在頁面上，百度了一下，基本用兩種方法解決。

2020-02-24 20:58:05

原创 詳解vue 圖片上傳功能

這篇文章主要介紹了vue 圖片上傳功能，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨着小編來一起學習學習吧 這次做了vue頁面的圖片上傳功能，不帶裁剪功能的！

2019-05-03 10:23:01

原创 react中簡單使用redux

如果你一點不熟悉redux，看看這個http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html 項目搭建好之後，安裝一下依賴，安裝一下r

2019-04-17 08:03:49

原创 判斷對象爲空的方法

如何判斷一個對象是空的？字符串和數組可以判斷length，對象卻沒有這個length，有幾個簡單的方法可以來判斷。1，jquery封裝的isEmptyObject()方法，需要引入jquery。var obj = {}; var a =

2018-08-27 23:30:51 1

原创 模仿蘋果手機屏幕的虛擬鍵，可以在手機上隨意拖動

自己在開發項目時，需要做一個可以在屏幕上隨意拖動的按鈕，類似蘋果機的虛擬鍵，先看一下我做好的效果，如圖：效果就是那個“主頁”按鈕可以隨意拖動，我是用原生js寫的，代碼如下：        var homeBtn = document.ge

2018-08-27 23:30:40

原创 vue單頁路由跳轉後scrollTop問題

作爲vue的初級使用者，在開發過程中遇到的坑太多了。在看頁面的時候發現了頁面滾動的問題，當一個頁面滾動了，點擊頁面上的路由調到下一個頁面時，跳轉後的頁面也是滾動的，滾動條並不是在頁面的頂部。最開始我使用了一個很笨的方法，每個頁面上都加上w

2018-08-27 23:30:40

原创 vue中的$nextTick 解決DOM沒有更新完成問題

vue中的$nextTick很多人比較陌生，主要是這個很少用，我幾乎是不用，但是看下面這個場景<div id="app"> <div id="div" v-if="showDiv">這是一段文本</div>

2018-08-27 23:30:40

原创 jquery地區選擇三級聯動

無意間發現以前自己寫的地區選擇的三級聯動，雖然現在都是用插件做的，但是jquery手寫的還是可以瞭解一下，看看就好。 首先是要引入jquery和全國地區列表文件，可以自己下載一個，我的GitHub上有 https://github.com

2018-08-27 23:30:40

原创 vue自定義數字輸入框組件

最近自己在練習組件開發，做了一個簡單的數字輸入框加減的組件，效果圖如下：組件可以傳入三個參數，value是初始化值，max是可輸入的最大值，min是可輸入最小值，當然參數可以按需求繼續擴展的。組件代碼如下：<template> <

2018-08-27 23:30:40 1

原创 vue計算屬性的使用

我們有時候會在模板中綁定表達式來做簡單的數據處理，但是如果表達式太長，就會變得臃腫難以維護，比如<div>     {{text.split(',').reverse().join(',')}} </div>表達式裏面包含了3個操作，有時

2018-08-27 23:30:40 1

原创 vue單頁 使用keep-alive頁面返回不刷新

使用vue單頁開發項目時遇到一個很噁心的問題：在列表頁點擊一條數據進入詳情頁，按返回鍵返回列表頁時頁面刷新了，用戶體驗非常差啊！！！查閱了一下相關問題，使用<keep-alive>解決這個問題，下面是我的使用心得。 <keep-alive

2018-08-27 23:30:40 1