原创 限制輸入框輸入數字

在一些場景下需要對輸入框進行一定的限制,比如輸入框只允許輸入合理的金額 HTML代碼: <input type="text" id="rechargeAmount" oninput="checkInput(this,10)" autof

原创 使用vue-image-crop-upload剪裁圖片通過thinkphp5上傳到七牛雲

在此工作之前必須有七牛雲賬號和七牛雲已經創建好的空間,在賬號中可以獲取到 ACCESSKEY 和 SECRETKEY。 vue-image-crop-upload的使用方法可以參考官方的用法,如何需要滿足自己的需求,可進行一定的修改再封裝

原创 利用thinkphp5獲取七牛雲上傳憑證

在使用七牛雲上傳文件的時候,我們需要首先獲取一個uptoken值纔可以向七牛雲進行上傳。由於我是web前端的,所以只利用PHP生成uptoken,然後使用js進行上傳。 首先需要安裝七牛雲的php-sdk。我在利用composer進行安裝

原创 關於thinkPHP5靜態文件的簡潔路徑替換

在我們使用thinkPHP5框架的時候,引入靜態文件的時候,'__CSS__'會默認路徑爲'/static/css',那麼我們在擴展或者修改應該怎麼做?我試圖在config.php的"視圖輸出字符串內容替換"去編輯是無效的,然後找到另外一

原创 如何將本地文件上傳到code阿里雲

一、首先要有自己的阿里雲賬號和已下載GIt軟件 二、登錄到阿里雲項目 三、添加項目,輸入項目名稱,最好使用英文,點擊確定,這個時候你的項目裏面是沒有文件的,但是下面有上傳文件的提示 四、把本地文件上傳到創建的項目裏面 1、Git初始化,在

原创 mint-ui 各個組件示例

由於時間關係,前期只展示示例,後期會把源碼放在GitHub上面供大家參;前期爲了方便,沒有過多的去寫一下css樣式,只是簡單的樣式,樣式大家可以提建議,後期會補上;前期網絡請求都是利用定時器來模擬的,後期的話會自己弄一個數據庫,學習一下T

原创 vue基於mint-ui組件loadmore實現上拉加載更多,下拉刷新功能

這個是模擬手機寫的簡單樣式,不要在意這些細節,爲了撐滿容器每次加載十二那就開始代碼了  ==》先安裝 mint-ui在main.js中引入mint-ui的css樣式: import 'mint-ui/lib/style.css'在rout

原创 ThinkPHP5.0+aceAdmin+dataTables實現異步分頁功能

最近在寫後臺的數據管理,有的時候由於數據過多需要使用分頁功能,而我作爲一個前端,由於用習慣了異步請求的功能在使用dataTables這個插件的時候,它也提供了利用Ajax來實現異步的分頁功能,所以就去官網看了一下。dataTables官網

原创 基於vue2.0 mint-ui 組件GitHub源碼

繼續上一次發佈的博客說過先展示效果,後期會把代碼放在GitHub上現在部分完成的代碼已經上傳到GitHub上,後期會根據需要修改代碼GitHub地址:https://github.com/wuhuisiyue/mint-ui.git

原创 利用nodejs將xlsx文件導出爲json對象

首先新建一個項目文件夾,命名任意然後在該文件夾下下載 node-xlsx  執行 npm install node-xlsx然後下載 ejsexcel npm install ejsexcel --sava然後編輯一個xlsx表格文件,保

原创 Vux 一個湊合的 Vue.js 移動端 UI 組件庫——Vux示例

在上三篇文章中,提到的都是mint-ui,是因爲我第一個用到的就是它,所以就把它先寫出來了。在工作之餘,發現了vux-ui也是很不錯的,就研究了一下,它的功能和mint-ui差不多,不過在vux-ui裏面多了語言的翻譯,所以弄得很是頭疼,

原创 解決mint-ui組件spinner和indicator在華爲自帶瀏覽器上不旋轉、動畫失效問題

在寫完mint-ui的vue項目,打包後,去檢查css文件的時候會發現,css樣式裏面的所有-webkit-animation都沒有了,所以在一些不兼容animation屬性的瀏覽器上動畫就會不起效果。這個是由於optimize-css-