web – 平凡之火

Vue 经典插件收藏

2019-01-012018-11-05 by wind

树形下拉框： https://vue-treeselect.js.org/#vuex-support

vuex 学习笔记

2019-01-012018-08-24 by wind

1. 概念 state 是用来存状态一个对象 getter 是派生出的状态，想当与动态计算属性函数 muta … Read morevuex 学习笔记

Cookie 可以在同一个域名下不同端口上公用

2019-01-012017-08-16 by wind

今天才知道cookie在一个域名下面，不同的端口之间也是公用的。详细的说明见：https://tools.i … Read moreCookie 可以在同一个域名下不同端口上公用

免费申请泛域名 ssl 证书

2019-01-012017-02-17 by wind

申请地址：https://assl.loovit.net/ 生成 CSR：https://www.pianyi … Read more免费申请泛域名 ssl 证书

nginx 设置 websocket 反向代理

2019-01-012017-01-24 by wind

废话不多说，nginx 配置如下：

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

#user nobody;

worker_processes 1;

#error_log logs/error.log;

#error_log logs/error.log notice;

#error_log logs/error.log info;

#pid logs/nginx.pid;

events {

worker_connections 1024;

}

http {

include mime.types;

default_type application/octet-stream;

#log_format main '$remote_addr - $remote_user [$time_local] "$request" '

# '$status $body_bytes_sent "$http_referer" '

# '"$http_user_agent" "$http_x_forwarded_for"';

#access_log logs/access.log main;

sendfile on;

#tcp_nopush on;

#keepalive_timeout 0;

keepalive_timeout 65;

#gzip on;

server {

listen 8080;

server_name localhost;

#charset koi8-r;

#access_log logs/host.access.log main;

# location / {

# root html;

# index index.html index.htm;

# }

#error_page 404 /404.html;

# redirect server error pages to the static page /50x.html

error_page 500 502 503 504 /50x.html;

location = /50x.html {

root html;

}

location /websocket {

proxy_pass http://127.0.0.1:8888/websocket;

proxy_http_version 1.1;

proxy_set_header X-Real-IP $remote_addr;

add_header Access-Control-Allow-Origin *;

proxy_set_header Upgrade websocket;

proxy_set_header Connection Upgrade;

proxy_set_header Host $host;

proxy_set_header X-Real-IP $remote_addr;

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

rewrite /websocket/(.*) /$1 break;

}

location / {

proxy_pass http://127.0.0.1:8888;

}

# proxy the PHP scripts to Apache listening on 127.0.0.1:80

#location ~ \.php$ {

# proxy_pass http://127.0.0.1;

# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000

#location ~ \.php$ {

# root html;

# fastcgi_pass 127.0.0.1:9000;

# fastcgi_index index.php;

# fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name;

# include fastcgi_params;

# deny access to .htaccess files, if Apache's document root

# concurs with nginx's one

#location ~ /\.ht {

# deny all;

}

# another virtual host using mix of IP-, name-, and port-based configuration

#server {

# listen 8000;

# listen somename:8080;

# server_name somename alias another.alias;

# location / {

# root html;

# index index.html index.htm;

# }

# HTTPS server

#server {

# listen 443 ssl;

# server_name localhost;

# ssl_certificate cert.pem;

# ssl_certificate_key cert.key;

# ssl_session_cache shared:SSL:1m;

# ssl_session_timeout 5m;

# ssl_ciphers HIGH:!aNULL:!MD5;

# ssl_prefer_server_ciphers on;

# location / {

# root html;

# index index.html index.htm;

# }

include servers/*;

}

&nbs … Read morenginx 设置 websocket 反向代理

jQuery选择器回顾，IE8还需要你发光发热

2019-01-012016-10-29 by wind

今天又把jQuery的选择器看了一下，感觉有好几个一直都没有用过。现在有这么多模板双向绑定之类先进思想的前端框 … Read morejQuery选择器回顾，IE8还需要你发光发热

什么？你还不会写JQuery 插件

2019-01-012016-10-15 by wind

转载一篇写的不错的文章：什么？你还不会写JQuery 插件 Buy cheap and genu … Read more什么？你还不会写JQuery 插件

屏蔽浏览器退格键页面后退

2019-01-012016-09-01 by wind

window.onload = function () {

document.getElementsByTagName("body")[0].onkeydown = function (event) {

if (event.keyCode == 8) {

var elem = event.target || event.srcElement || event.currentTarget;

var name = elem.nodeName;

if (name != 'INPUT' && name != 'TEXTAREA') {

console.info("1");

return _stopIt(event);

}

var type_e = elem.type.toUpperCase();

if (name == 'INPUT' && (type_e != 'TEXT' && type_e != 'TEXTAREA' && type_e != 'PASSWORD' && type_e != 'FILE' && type_e != 'EMAIL' && type_e != 'SEARCH')) {

console.info("2");

return _stopIt(event);

}

if (name == 'INPUT' && (elem.readOnly == true || elem.disabled == true)) {

console.info("3");

return _stopIt(event);

}

};

function _stopIt(e) {

if(e.returnValue) {

e.returnValue = false ;

}

if(e.preventDefault){

e.preventDefault();

}

return false;

}

java web 获取到当前用户请求的完整url，包括参数

2019-01-012015-06-24 by wind

String url = request.getScheme() + "://" +

request.getServerName() +

("http".equals(request.getScheme()) && request.getServerPort() == 80 || "https".equals(request.getScheme()) && request.getServerPort() == 443 ? "" : ":" + request.getServerPort()) +

request.getRequestURI() +

(request.getQueryString() != null ? "?" + request.getQueryString() : "");

Spring MVC 提交带有点分隔的参数

2019-01-012015-04-23 by wind

@InitBinder("orderTargetingsVo")

public void initBinder(WebDataBinder webDataBinder) {

webDataBinder.setFieldDefaultPrefix("targeting.");

}

@ResponseBody

@RequestMapping("/add.do")

public Map<String, Object> addAdOrder(AdOrderVo adOrderVo, OrderTargetingsVo orderTargetingsVo) {

result.put("msg", "操作成功！");

result.put("success", true);

return result;

}

重点就是需要配置参数@InitBinder告 … Read moreSpring MVC 提交带有点分隔的参数