原创 前端js Aes對本地存儲數據進行加密解密

1、npm install crypto-js 2、編寫LocalStorage類 const CryptoJS = require('crypto-js'); class LocalStorage { construct

原创 ES6語法編寫常用工具utils類

1、創建Config類,用戶存儲一些全局變量 class Config { constructor() { this.BASE_URL = 'http://www.baidu.com' th

原创 修改npm鏡像

1、電腦文件路徑: C:\Program Files\nodejs\node_modules\npm 2、npmrc文件記事本打開 registry = https://registry.npm.taobao.org複製到npmr

原创 websocket心跳重連機制

1、心跳重連的原因 心跳和重連的目的用一句話概括就是客戶端和服務端保證彼此還活着,避免丟包發生。 websocket斷開有兩種情況: 前端斷開: 在使用websocket過程中,可能會出現網絡斷開的情況,比如信號不好,或者網絡臨時

原创 react 遞歸渲染列表

import React, {Component} from 'react'; import { Menu, Icon } from 'antd'; import {Link} from 'react-router-dom'; c

原创 開發封裝使用axios請求

import axios from 'axios' class Ajax { constructor() { this.config = { timeout: 10000,

原创 獲取原生表單的值

// jq function getFormValue(dom) { var a = dom.serialize().split('&') a = decodeURIComponent(a,true) va

原创 JavaScript對url編碼解碼

只有 0-9[a-Z] $ - _ . + ! * ’ ( ) , 以及某些保留字,才能不經過編碼直接用於 URL。 **比如:**搜索的中文關鍵字,複製網址之後再粘貼就會發現該URL已經被轉碼。 1、escape 和 unesc

原创 js 表格下載

/* 下載表格 */ export const downloadFile = (url, fileName = '表格.xlsx') => { axios({ url: url, headers: {

原创 百度地圖實現多點軌跡回放

複製急用 不喜勿噴 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wi

原创 react.js中模擬事件總線

1、bus.js import { EventEmitter } from 'events'; export default new EventEmitter(); 2、組件A import React from 'react'

原创 create-react-app 引入antd-mobile,配置vw

1、配置vw create-react-app創建工程 create-react-app mypro npm run eject 安裝依賴 npm install postcss-aspect-ratio-mini postcs

原创 create-react-app打包後修改static命名(避免和服務器static文件命名重複導致訪問資源404)

npm run eject 後, 在config文件夾下的webpack.config.js查找 static,批量assets(替換想要輸出的命名即可)

原创 webpack4.x多頁面配置

https://gitee.com/zp_1806/webback4_building_web_site https://gitee.com/zp_1806/webpack4_init 拿走不謝!

原创 chrome安裝react-devtools

1、本地打開git bash 在git中輸入: git clone https://github.com/facebook/react-devtools.git 若超時,換國內地址 git clone https://gitee.