原创 前端中文排序

前端排序中文,按拼音首字母排序。發現網上很多有名的網站也沒有處理好多音字問題,於是和需求討論後,不需要處理多音字了。便使用瞭如下的一個簡便方法 核心代碼 a.localeCompare(b) 代碼 獲取首字母並分類: funct

原创 嗶哩嗶哩圖牀-V1.0.2

升級嗶哩嗶哩圖牀一個小版本,加了部分功能,也優化了一部分功能,下載 ChangeLog 導出數據庫數據 上傳成功後自動複製原圖鏈接 文件多選上傳 增加date字段,默認最新日期在最上面 增加名稱篩選搜索 刪除表格操作中文章封面

原创 引用站外圖片顯示403錯誤

引用站外的圖片,然後圖片不能顯示,控制檯報403錯誤。 原因 只是原網站做了請求來源判斷,只需要 在<head></head>中添加<meta name="referrer" content="no-referrer"/>

原创 ubuntu 16.04.6 tomcat、Jenkins常用命令

tomcat service tomcat8 start service tomcat8 stop service tomcat8 reload Jenkins service jenkins start jenkins執行she

原创 Chrome插件開發-嗶哩嗶哩圖牀

之前尋找高速圖牀時,發現了嗶哩嗶哩,於是秉着嘗試做一個瀏覽器插件的想法去做一個圖牀插件。通過填寫用戶的cookie,將圖片上傳到嗶哩嗶哩的圖牀上。 項目 項目地址 下載 截屏 坑 坑一、不生效 通過查閱Chrome插件開發的文

原创 vue通過引入js標籤的方式在HTML上的組件寫法,父子組件數據傳遞

簡介 此頁面可以直接複製運行,包含以下應用: Vue slot插槽使用 Vue v-model使用 Vue props使用 父子組件數據傳遞 element-ui使用 HTML方式註冊子組件,可以將子組件數據寫在一個js文件中,

原创 JS DeepCopy深複製的兩種方式,並解決循環引用、Date、RegExp對象的深複製

日常使用的深複製都有同樣的缺陷,就是隻能實現特定的object的深度複製(比如數組和函數),不能解決循環引用、Date、RegExp對象的複製。 爲什麼需要DeepCopy 在JS裏,除Array和Object之外的數據類型的複製

原创 IE8使用video.js兼容video標籤播放視頻(含Demo以及資源)

資源文件地址 外站下載鏈接 liveDemo LiveDemo 步驟 一、必要的文件 video.min.js:video.js的主要庫文件 videojs-ie8.min.js: 兼容IE8的video標籤所需要的文件,在v

原创 發佈自己的模塊到NPM

發佈自己的npm插件時,或者fork了他人的項目,需要改動之後及時使用的情況下,可以發佈自己的模塊到npm。 註冊npm 打開NPM,然後註冊、登錄。 修改配置文件package.json 1. name: 名稱,發佈的模塊名稱,

原创 Chrome插件:Resources Saver Extension (Chrome)下載當前站點所有資源

最近看到一個three.js的example頁面,想要下載圖片、css、js等資源,發現使用了ES6的模塊系統,瀏覽器無法識別資源路徑,直接使用仿站工具的話不僅會打亂目錄結構,也識別不了正確的資源路徑,這時候就需要Chrome插件

原创 Vue extends拓展任意組件功能(el-select實例)-兩種寫法

用到ElementUI的select組件,要求能夠多選並且重複選擇。如果直接使用的話,首先el-tag會報錯,因爲循環中key值重複;其次,他的移除是通過indexof搜索移除的tag的值,且在remove-tag事件中未拋出被移

原创 解決@sentry-cli或node-sass安裝太慢

找到並編輯 .npmrc vim .npmrc 加入以下兩行 使用淘寶的CDN, ENTRYCLI_CDNURL=https://cdn.npm.taobao.org/dist/sentry-cli sentrycli_cdnur

原创 JS從給定有序數組中選取任意個數(可重複),使其和爲給定值

解法 使用回溯算法完成, 遇到的坑 使用JS完成這個算法,還需要DeepCopy,使用JS的引用傳遞會導致list被改變 Code /*** * 從給定有序數組中選取任意個數(可重複),使其和爲給定值 */ class Sol

原创 Echarts導出SVG矢量圖

場景 導出SVG矢量圖置入Word文檔中 思路 先將圖表渲染爲SVG,echarts.init設置爲svg渲染 var chart = echarts.init(containerDom, null, {renderer: '

原创 css實現強制不換行/自動換行/強制換行

轉載https://www.cnblogs.com/aliyue/p/5703528.html 1. 強制不換行 div{ white-space:nowrap; } 2. 自動換行 div{ word-wrap