原创 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(