原创 iview頁面刷新菜單保持高亮

一、在路由當中設置name和openName屬性,然後在菜單中綁定相應屬性後可根據當前路由來實現當前菜單高亮 { path:'/home/patient_list', name:'patient_list', meta

原创 vuex使用小結

一、actions,mutations的使用。 這裏我是把公共獲取醫院的方法和對應的值放在了vuex中方便後期調用。 1.在actions中進行異步的數據請求(axios接口我是自己重新封裝過的)。 2.mutations中進行賦

原创 css提示動畫

需求:點擊確認支付需要出現一個已確認的動畫提示。 html代碼 <div class="wrap"> <span class="hint">已確認</span> <div class="itemBox butWrap">

原创 js動態生成複雜類型表格

描述:根據後臺返回數據,使用js動態生成複雜類型的表格。如下圖: 上述表格主要實現兩點即可,一個是完成後臺返回數據的嵌套關係,一個是單元格合併的問題。 html代碼: 在生成複雜類型表格的時候最好thead和tbody都單獨使用一個t

原创 js上傳二進制圖片

需求:因爲公司圖片上傳接口和手機客戶端上傳接口用的是同一個,所以前端要和手機端一樣使用二進制的方式進行圖片上傳。在進行二進制圖片上傳的時候遇到了幾個坑: 第一個是如果後臺定義的請求類型是contentType:application/

原创 jquery實現前端排序

思路:獲取每個input的value,利用循環把value利用attr(‘data-val’)添加到每個tr,然後利用sort函數比較每個attr形成一個新數組,最後通過渲染新數組來完成每個tr的重新排序。 <!DOCTYPE htm

原创 前端實現模糊搜索

之前在網上搜一些關於前端模糊搜索的時候搜到的大部分都是些賦值粘貼過來的內容,毫無實際指導作用。所以我就自己用原生js寫了一個前端模糊搜索的demo,方法有很多,我只是用我自己的方法邏輯寫了一點。這裏的話其實用到了一個小技巧就是用ind

原创 關於vue利用postcss-pxtorem進行移動端適配的問題

剛開始我按照網上的一些方式利用postcss-pxtorem方式去適配的時候怎麼樣都不成功,後來經過自己不斷嘗試之後終於成功了。稍微坐下總結: 1.個人建議在進行postcss-pxtorem適配的時候利用webpack進行項目配置,

原创 阿里oss 實現文件上傳(前端代碼)

1.本人項目使用jquery寫的,而阿里雲oss代碼是原生js所以有些地方會兩者共用。 2.這裏只展示前端的代碼部分,整個流程是由後臺生成簽名–>前端點擊上傳文件的時候獲取到後臺返回的accessid、host、policy、sign

原创 vue利用fileReader進行圖片上傳

之前在使用vue和iview寫項目的時候本想利用iview自帶的action進行圖片上傳功能,可是試了很多次都不行。因爲iview是利用fromdata實現圖片上傳,所以後來就自己利用filereader來進行嘗試,結果成功了,當然這

原创 前端實現分頁

var data = [{"chargeMoney":"0.00","commodityName":"餘額寶-2018.12.23-收益發放","createTime":"2018-12-24 06:58:16","isSuccess

原创 vue-router動態路由權限總結

一、根據後臺返回的不同菜單權限,實現不同的菜單展示。如:圖一是後臺返回給我的一個包含主頁權限的menuList列表,然後我們要把圖一的列表處理成我們想要的格式的列表,如圖二爲了方便處理我是按照vue-router格式進行處理的。 圖一

原创 vscode git個人使用小結

1.首先在碼雲(或github)創建test測試項目 2.打開查看裏面的終端進行項目克隆 3.然後在vscode左下角能看到我們的本地master倉庫 4.在遠程倉庫創建branch4分支 5.打開vscode在master分支

原创 vue中webpack-simple解決跨域問題

1.打開webpack.config.js文件 2.找到devServer模塊,在下面添加紅框內的代碼