原创 react 多標籤頁,aes加密,websocket, axios,redux

react多標籤頁框架整理,用到了aes加密、websocket、axios,redux https://github.com/52chao/react-multiple-tab-pages.git

原创 React組件銷燬中清理異步操作和取消請求

情況一: 阻止異步操作 componentWillUnmount() { this.setState = (state, callback) => { return } } 情況二: 阻止請求(axios) wind

原创 nginx判斷是否是ie瀏覽器

if ($http_user_agent ~ MSIE){          root html/error;  }

原创 react項目使用路由調整nginx 404

如今react應用普遍使用react-router作爲路由管理,在開發端webpack自帶的express服務器下運行和測試表現均正常,部署到線上的nginx服務器後,還需要對該應用在nginx的配置裏作相應調整,否則瀏覽器將不能正常使用

原创 nginx反向代理wss(websocket)

server {         listen       443 ssl;         server_name  localhost;         ssl on;         ssl_certificate      153

原创 nginx中gzip配置

# 開啓gzip gzip on; # 啓用gzip壓縮的最小文件,小於設置值的文件將不會壓縮 gzip_min_length 1k; # gzip 壓縮級別,1-9,數字越大壓縮的越好,也越佔用CPU時間,後面會有詳細說明 gzip_c

原创 JavaScript前端和Java後端的AES加密和解密

JavaScript前端: /** * 加密(需要先加載lib/aes/aes.min.js文件) * react項目中可以安裝引入import CryptoJS from 'crypto-js'; * react中需要安裝npm

原创 根據屏幕分辨率設置1rem相對應的px

(function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orient

原创 解決瀏覽器中點擊【Backspace】回退問題

問題: 工作中遇到在瀏覽器空白處,或者不可編輯的input框上,點擊【Backspace】按鍵,出現瀏覽器頁面回退的問題,經過測試,發現谷歌瀏覽器默認屏蔽了這個回退的功能,但IE、360瀏覽器、火狐瀏覽器都沒有,這個功能會導致,特別是後臺

原创 gulp打包項目,css、js自動添加版本號,防止緩存,代理

demo下載地址:https://download.csdn.net/download/a707369808/10775535 var gulp = require('gulp'), newer = require("gulp-

原创 自定義滾動條文檔(mCustomScrollbar使用文檔)

原文地址:http://manos.malihu.gr/jquery-custom-content-scroller/ 下載地址:https://download.csdn.net/download/a707369808/10562825

原创 高德地圖結合百度echart使用

<html> <head> <meta charset="utf-8"> <title>html5 echarts地圖分佈動畫特效</title> <style> html, body {

原创 上傳圖片前裁剪

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>圖像裁剪-Jcrop</title> <link rel="styles

原创 高德座標與百度座標的相互轉換

//百度座標轉高德(傳入經度、緯度) function bd_decrypt(bd_lng, bd_lat) {     var X_PI = Math.PI * 3000.0 / 180.0;     var x = bd_lng -

原创 gulp、browsersync代理跨域

//gulpfile.js "use strict"; const gulp = require("gulp"), newer = require("gulp-newer"), imagemin = require(