原创 node簡單爬蟲----爬取書籍

平時喜歡看小說,但是有的站點小說比較少,就想着把各大站的小說集中在一起。所以就想着爬數據,第一次,萬事開頭難~ 1. 爬蟲地址 就爬捏了~筆趣閣全部小說 2. 新建server.js文件 3.下載所需依賴 添加request

原创 使用nvmw進行node下載以及版本管理等

工作中多個項目開發的時候,不同的項目中可能node使用的版本不一致,那麼爲了多個node版本切換則使用nvmw進行,其用法和nrm差不多 開始全局安裝nvmwnvmw下載不同版本的node所有node版本列表使用node某一版

原创 Vue中v-html無法渲染

vue 中v-html將原始html渲染爲帶樣式的文本 最近在使用v-html去渲染富文本的時候發現,怎麼都渲染不出。 後發現後端爲了安全性考慮,將<"、">"、"&"全部進行了轉義 這個時候要使用innerText 去渲染

原创 Vue 具名插槽 v-slot指令替換slot和slot-scope

在 2.6.0 中,具名插槽和作用域插槽引入了一個新的統一的語法 (即 v-slot 指令)。slot 和 slot-scope 這兩個目前已被廢棄,仍可使用,據說3.0後要沒了 舊slot用法 子組件: <div> <sl

原创 圖片顯示、文件下載等

下載附件文件以及圖片顯示, 後端返回url。 前端直接根據url,去打開或者圖片直接賦給src即可 後端返回流 可以看我另一篇博->傳送門 在那篇博客中,直接使用responseType設置爲blob類型。 然後使用URL.c

原创 Eslint semi 結尾分號設置與否

由於java書寫習慣 語句結束加分號,而前端使用了eslint,習慣性的加分號,會給錯誤。這裏特別記錄一下 例如:測試字符串後增加了一個分號,可以看到是eslint semi規則設置報錯 找到配置文件,配置semi即可取消對

原创 sass中 變量參與計算無效

在使用calc計算的時候,變量無法參與計算 使用#{} 則可以如下使用 $inputWidth:240px; width: calc(#{$inputWidth} - 70px); 千里之行 始於足下

原创 使用基於騰訊雲、阿里雲serverless再封裝的uniCloud

說到serveless,當然是騰訊雲和阿里雲啦,而我想兩種環境切着來玩,那麼這個時候我選擇了uniCloud,uniCloud其實是對騰訊雲和阿里雲進行了再次封裝。 一、新鍵項目(老項目右鍵創建uniCloud雲開發環境) 1

原创 分享一款基於uniapp不錯的UI框架

Dcloud 的產品早在mui,h5+的時候就在使用,當時的Dcloud ,文檔混亂,示例混亂,社區混亂,導致出現很多問題。都找不到人解決。不過現在的Dcloud中uni-app橫空出世,初步使用,雖然裏面還是有不少問題,但是D

原创 分享一款模仿閱讀器翻頁的js插件

當年寫android小說閱讀器的時候的時候很多輪子。 現在H5的時候也讓我發現一款不錯模仿閱讀器翻頁的插件 Turn.js 具體還沒有接入使用,後面接入之後再分享使用

原创 svg 下載以及轉png圖片

有些網站圖片需要vip才能下載。而圖片是svg的。那麼該如何下載呢 1、首先右鍵檢查元素,可以看到這是svg。 2、可以看到class爲watermarklayer的就是水印 3、複製svg節點 4、保存到txt文檔中,然

原创 echarts座標軸標題顯示不全問題

echart 使用過程中經常遇到x軸標題過長而導致有些標題不顯示的問題 這裏我採用直接使用旋轉座標軸標題 配置xAxis: xAxis:[ axisLabel:{ interval:0,//標識間隔多少個標題顯示,這裏

原创 Vue-CLI3項目打包靜態部署非根目錄(Tomcat,github pages等)

vue 打包之後項目需要部署到tomcat(github pages)靜態。如果採用vue-cli3 自己腳手架生成的默認配置,那麼只能配置到tomcat的根目錄上(Root內) 而想部署非根目錄(自己的項目) 在 vue.con

原创 http請求參數之Query String Parameters、Form Data、Request Payload區別

1、Query String Parameters 發起get請求參數顯示與url上,其參數跟在?後面且以&分割不同的參數 例子(後端springboot restful風格) 前端:http://xxx/getTest?na

原创 覆蓋一些組件庫自己的樣式

這裏以Element UI爲例 方法一: 在需要的 el 組件上增加自己的class 比如,需要設置el-dialog的body背景色和高度 .seller { .el-dialog__body{ backgrou