原创 React+TypeScript+antDegin4+Redux+axios的後臺管理系統的模板

預覽地址:http://wx.znike.top:9002/ GitHub地址:https://github.com/zengY1/React-TypeScript-antDegin4-Redux-axios 登陸頁面: 佈局頁面:

原创 react+typeScript框架config-overrides中設置Alias路徑 報錯的解決方法

該框架使用的是 customize-cra和react-app-rewired。 設置Alias路徑: const { override, addWebpackAlias } = require('customize-c

原创 node通過Puppeteer生成pdf文檔

最近個人做了個微信小程序簡歷,考慮到面試的時候需要紙質的簡歷,就要實現導出pdf的簡歷。後端是使用node的koa框架寫的,在實現的過程中有測試過html2canvas,但是分頁會截斷。很不友善,最後使用puppeteer實現生成簡歷的p

原创 阿里雲服務器(centos7)的使用(7)一Puppeteer導出PDF的部署和使用

最近做的個人項目微信簡歷,實現用戶將自己的簡歷導出成PDF的功能  預覽 直接使用 npm install puppeteer 會報異常。 解決思路:1,先安裝chrome 2,再安裝puppeteer 一,安裝Chrome 1,創建Re

原创 Css實現兩種常見的箭頭樣式的思路及代碼

實現的效果圖: 第一種: 思路:將border設置好,通過使其他三邊的顏色設置爲透明(transparent)。 向上: .arrow-top {             border: 20px solid black;       

原创 Vue的常見問題:console.log報錯

異常圖片: 主要原因是eslint的曝出的異常沒有通過eslint的校驗 解決方法: 方法一:使用window.console.log代替console.log 方法二:將eslint不校驗console.log   在package.j

原创 解決Mixed Content: The page at。。。。HTTPS中包含http的不安全問題

在將寫好的靜態頁面使用github部署顯示時,因爲gitHub是https的,而在靜態網頁中有引用http的包,報錯如下: 主要就是https中包含http,就不安全了, 解決方式: 1,在header中: <meta http-equ

原创 Vue項目調用騰訊地圖服務(關鍵詞提示服務)及使用axios的跨域問題

一,需求: 輸入學校名稱,調用騰訊地圖的關鍵詞提示服務選擇學校的地址,項目需要學校地址的座標。 騰訊地圖服務官網api 二,實現: (一)使用axios請求接口: schoolNameChange(e) {       const th

原创 阿里雲服務器(centos7)的使用(6)一nginx部署react的項目

預覽 一,前端打包: 1,大部分的打包命令都是:yarn build 或者 npm run build 然後在當前目錄文件會生成build文件夾或dist文件夾   二,上傳服務器: 將文件上傳到服務器中,上傳工具可以使用FileZil

原创 基於高德地圖實現熱力地圖和標記點顯示文字

效果圖: 點擊預覽實例 實現方法: 1,需要註冊高德的開發者賬號 2,申請使用的key:方便地圖個性化的設置 3,代碼: <head> <link rel="stylesheet" href="https://cache.amap.co

原创 react中antd Table表格的行列合併,常用的方法和遇到的問題

1,注意事項 表頭只支持列合併,使用 column 裏的 colSpan 進行設置。 表格支持行/列合併,使用 render 裏的單元格屬性 colSpan 或者 rowSpan 設值爲 0 時,設置的表格不會渲染。 2,表格的列合併 1

原创 【JS】常用的判斷數組,對象,字符串爲空的方式

一般在項目中會經常使用到判斷語句(if判斷,三目判斷),針對的主要是數組,對象,字符串是否爲空。 一,數組:[] 數組是否爲空的判斷:Arr.length  二,字符串:'',null,undefined 所以要全面的判斷一個字符串是否

原创 【微信小程序】點擊複製功能的實現(常用於分享碼,兌換碼)

上週的項目中實現兌換功能,用於兌換碼比較複製(英文大小寫+數字),爲方便用戶兌換就實現了點擊複製的功能 效果圖: 實現的代碼: .wxml頁面: <view class='commission'>    <view class="num

原创 Js 中常用的切割(split,splice,slice)

1,split是字符串切割的專屬 2,splice是數組切割的專屬 3,slice是可以用於字符串和數組 split對字符串的切割:原字符串不發生變化   split的使用:js數組轉字符串 字符串轉數組 splice對數組的切割:原數組