类似青云那样的管理Linux主机的Web系统
Html5使用MQTT
测试工具:
MQTTLens,MQTTBox
测试服务地址:
1 | 1. mosquitto |
MQTT Client 比较多,各种语言都有开源项目,基本都是基于TCP/IP的,如Java/OC/Swift/nodejs/C/C++等。
JS获取URL中#后面的参数
1 | <script language="javascript"> |
昨天遇到这个问题:在A页面中通过location.href跳转到另一个B页面,此跳转地址是http://www.xyz.com/aa.html#bb.html?param=xxx 现在要怎么在B页面中取到param的值?现在的情况是跳到B页面后地址栏显示的就是http://www.xyz.com/aa.html#bb.html 后面的参数部分没有了,取到的参数值也是空的
搞了好久也没出来,最后问了大牛才发现我的基本功不行啊 理解就出错了,#后的内容都不会传到服务端的,所以到新页面看到的地址栏中就没有#后的参数,经大牛指点,把地址改为:
http://www.xyz.com/aa.html?param=xxx#bb.html 就是先加参数,再加# 因为这个页面是有iframe的,所以其实也是传参数到aa.html的,并不是bb.html
具体细看下下列的各对象说明就明白了
location:子对象
document.location.hash // #号后的部分
document.location.host // 域名+端口号
document.location.hostname // 域名
document.location.href // 完整URL
document.location.pathname // 目录部分
document.location.port // 端口号
document.location.protocol // 网络协议(http:)
document.location.search // ?号后的部分
然后到跳转后的页面处理这个地址就可以取到参数值了,方法:
再引用一下http://www.cnblogs.com/kaituorensheng/p/3776527.html内容,说明下#
Xenon基于Bootstrap的响应式后台管理模版
https://www.uedsc.com/xenon.html
Xenon响应式后台管理模板,全套模板,包含后台登录页面、仪表盘、皮肤选择、布局、UI元素、按钮、标签和手风琴、模态、进度条、导航栏、警报、分页、小工具、邮箱、表格、表单、地图、画廊、图标、日历、图像裁切、404错误页、排行榜等共127个后台模板页面。
Xenon HTML模板是一款后台面板 HTML模板。
模板特点:4个仪表盘,28个布局,UI 元素,在线洽谈,时间轴,相册管理,皮肤创建,通告,各种应用元素,提供说明文档等。
nginx解决ajax跨域问题笔记
问题:
- 前后端分离
- 前端在编写阶段(机器IP:192.168.1.11),后端已经部署好,数据通过REST API提供(机器IP:192.168.1.33:8000/api/)
- 跨域问题,就算是端口不一样也会出现。
解决跨域问题有多种,这里选择nginx代理。
####nginx配置
nginx默认监听80端口,由于是编码阶段,我们不改动。
新建一个server监听8080,并且将http://localhost:8080/api全部转发到http://192.168.1.33:8000/api
1
2
3
4
5
6
7
8
9
10
11
12server {
listen 8080;
server_name localhost:8080;
location / {
root F:/html/myHtmlTest;
index index.html index.htm;
}
location /api {
proxy_pass http://192.168.1.33:8000/api;
}
}或者
1
2
3
4
5
6
7
8
9
10
11
12server {
listen 8080;
server_name localhost:8080;
location / {
root F:/html/myHtmlTest;
index index.html index.htm;
}
location /api/ {
proxy_pass http://192.168.1.33:8000;
}
}两种写法效果一样,区别在于
1
2
3
4
5
6
7
8
9
10location /api {
proxy_pass http://192.168.1.33:8000/api;
}
#这样写`proxy_pass`不会带上`location`的“/api ”,所以改成这样
location /test{
proxy_pass http://192.168.1.33:8000/api;
}
#目标访问地址也是不变的
#但是我们访问就应该是 http://192.168.1.11:8080/test
#转发到 http://192.168.1.33:8000/api1
2
3
4
5
6location /api/ {
proxy_pass http://192.168.1.33:8000;
}
#这种写法的`proxy_pass`会把`location`的“/api/ ”带上
#当访问 http://192.168.1.11:8080/api/
#就会转发为 http://192.168.1.33:8000/api/前端html文件(如test.html)放在location /.root的目录下(如F:/html/myHtmlTest)
通过http://localhost:8080/test.html 访问html文件
ajax访问资源 var url = “http://localhost:8080/api/v1/hello/“;
nginx会将api转发到http://192.168.1.33:8000/api;
Linux下的配置文件include了其他默认的配置,可以在里面配置server,如果不需要可以注释掉。
服务端解决前端ajax跨域
在响应头加入
1 | Access-Control-Allow-Headers →x-requested-with,content-type |
表示允许任何域名跨域访问,客户端访问示例 :传送门
虾米歌曲搜索接口
记一次VMWare的vcpu-0错误
环境:Windows10下在WM中安装Linux
错误信息大概如下
1 | vcpu-0:VERIFY vmcore/vmm/main/cpuid.c:382 bugNr=1036521 |
本来vm一直在正常运行,发生这次错误是在电脑(Windows10)的一次不正常关机(断电)之后。
cpu的相关设置记得没有改,vm有些功能是需要电脑开启虚拟cpu技术的(Intel virtual technology
),这在装wm的系统时已经开启过了,估计电脑不正常关机导致恢复默认值了。
在BIOS中找到 Intel virtual technology
,将其设置为ENABLE
就可以了。
生成Banner的网站
Android动画基础
Android TextView跑马灯
1 |
|
Java线程池
1 | package com.demo; |
Java内存模型
Android 启动模式备忘
Ubuntu 安装 NextCloud 服务
1 | Welcome to Ubuntu 18.04.5 LTS (GNU/Linux 4.15.0-122-generic x86_64) |
安装完就启动了,默认端口是80,访问IP:80即可。
Ubuntu 安装 Boa Web服务
Boa是一个只有大概60KB的WebServer,很适合运行在嵌入式硬件设备的Web服务。
在 X86-Ubuntu中安装Boa的日志:
1 | $ wget http://www.boa.org/boa-0.94.14rc21.tar.gz |