原创 ant design Table本地排序(漢字,數字,字符串)

根據官方文檔介紹 ,排序是在Column上面添加的。 這裏就寫個簡單的例子(只有表頭部分,一看就會) const columns = [ { title: '漢字',

原创 layui表格動態列使用templet

var arr = []; var fields = ['col1', 'col2', 'col3', 'col4', ]; var titles = ['ID', '標題', '內容', '作者']; for(var i=0;i<fi

原创 react+antd學習記錄篇(一)router

剛接觸這個框架,並嘗試做一個後臺項目,第一步肯定是要利用路由把整個頁面的框架搭建起來 1.首先在src文件夾下,新建一個router文件夾,然後在這個文件夾下新建一個js文件,用於存放側邊欄的json數據。 類似於下面這樣(我寫的可能不是

原创 ant design Table可編輯的單元格改進版

antd官方也有給文檔,但是超級麻煩,代碼量還超級多,改編了一下 如圖: 這裏table的columns的寫法,如下: const columns2 = [ { title: '尺寸名稱', dataIndex: 'name', fi

原创 用js給超鏈接上加個隨機數,這樣就可以使網頁避免緩存了

function add_rand(){ rand = Math.random(); $('a').each(function(){ href = $(this).attr('href');

原创 前端實現元素拖拽的組件react-draggable

參考官網https://www.npmjs.com/package/react-draggable

原创 前端 截取某個區域,導出圖片html2canvas

前提:整個放canvas轉成圖片的區域   <div id="mainView"> </div>   代碼 const targetDom = document.querySelector("#mainView")

原创 前端實現元素拖拽放大縮小re-resizable

官網參考鏈接 https://www.javascriptcn.com/read-70781.html

原创 Vue之Axios跨域配置

1.修改main.js,加入如下代碼 import Axios from 'axios'; Vue.prototype.$axios = Axios; Axios.defaults.baseURL = '/api'; 2.配置代理 c

原创 vue根據路由訪問實現動態標籤頁

效果 接下來講一下思路,其實就是要監聽路由,當訪問路由時講路由的數據push到數組中 上代碼 // tagsView.vue <template> <div class="tags" v-if="showTags">

原创 React build項目部署後IE瀏覽器報錯:對象不支持"assign"屬性或方法的解決(解決ie不兼容的問題)

用React build項目,部署後 IE 瀏覽器打不開(我用的是 IE11),控制檯報錯:SCRIPT438:對象不支持"assign"屬性或方法。 這是 IE 瀏覽器 對 ES6 的兼容性問題。 解決方法: 使用 create-re

原创 關於react有些頁面無法使用this.props.history.push進行路由跳轉的問題

頁面使用裝飾器 connect   會導致路由缺失(一般只要是Link這種跳轉,並且Route在當前頁面,就不會出現路由缺失。我出現的情況是當前頁面只有Link,控制檯打印this的時候 很明顯沒有history這個方法) 解決辦法: 使

原创 js實現一個區域內滾動效果

<html> <head></head> <body> <form id="form1"> <DIV id=demo style="OVERFLOW: hidden; WIDTH: 230px; HEIGHT: 150px">

原创 後臺返回字節流,前端在頁面顯示(如pdf/svg/img)

這裏我用的是axios  所以就只說一下axios吧 Axios({ methods: 'GET', url: ‘url’, responseType: 'blob

原创 vue學習-vue router路由配置,元信息meta的使用-登錄攔截驗證

路由基本配置 1.在router文件夾中找到 indexs.js 注意:如果創建項目是沒有安裝router,不會有router文件夾,該文件夾在src 文件夾的根目錄中 // 1.引入路由以及vue,下面的是固定寫法,照寫就可以 imp