location

JavaScript之BOM基础

岁酱吖の 提交于 2020-02-17 23:46:27
BOM(Browser Object Model)也叫浏览器对象,它提供了很多对象,用于访问浏览器的功能。但是BOM是没有标准的,每一个浏览器厂家会根据自己的需求来扩展BOM对象。本文主要以一些简单的小例子,简述前端开发中BOM的相关基础知识,仅供学习分享使用,如有不足之处,还请指正。 概述 window对象是最顶层的对象,旗下还有6大属性,也都是对象。document对象下也有5大属性,同样都是对象。window的属性和方法,可以采用:window.属性,或 window.方法()进行调用,或者直接调用。BOM结构图,如下所示: window对话框 window提供的默认对话共三种:系统对话框(alert),选择对话框(confirm),输入对话框(prompt),如下所示: 1 //系统对话框 2 alert('Hello world!!!'); //弹出一个对话框,只有一个确定按钮,没有返回值。 3 //选择对话框,有两个按钮,确定和取消。本身可以返回bool类型的结果,如果确定,返回true,否则返回false 4 document.writeln( confirm('Are you sure ?'));//点确定,输出true ;取消,输出:false 5 //输入框,需要用户输入值,输入的数据类型不限 6 document.writeln(prompt('Plese

javascript 中的with语句使用

筅森魡賤 提交于 2020-02-17 15:25:38
在JS中,with 语句的作用是将代码的作用域设置到一个特定的对象中。其语法如下:with (expression) statement; 定义 with 语句的目的主要是为了简化多次编写同一个对象的工作,如下面的代码: var qs = location.search.substring(1); var hostName = location.hostname; var url = location.href; 上面几行代码都包含 location 对象。如果使用 with 语句,可以把上面的代码改写成如下所示: with(location){ var qs = search.substring(1); var hostName = hostname; var url = href; } 下面的代码使用 with 语句关联了 location 对象。这意味着在 with 语句的代码块内部,每个变量首先被认为是一个局部变量,而如果在局部环境中找不到该变量的定义,就会查询 location 对象中是否有同名的属性。如果发现了同名属性,则以 location 对象属性的值作为变量的值。 大量使用with非常耗性能,而且在严格模式下使用with语句会报错。所以建议没什么 必要 不要用with语句 来源: https://www.cnblogs.com/huzhuhua/p

JS BOM操作(Brower Object Model)

心已入冬 提交于 2020-02-17 14:18:25
1.navigator 2.history 3.screen 4.location //查看浏览器信息` let ua=navigator.userAgent ; //查看屏幕宽度,高度 screen.width screen.height //url location.href location.protocol location.host location.search location.hash location.pathname //前进,后退 history.back() history.forward() 来源: CSDN 作者: 45度阳光 链接: https://blog.csdn.net/weixin_43811701/article/details/104354973

16、Nginx Rewrite重写

泄露秘密 提交于 2020-02-17 08:02:02
1.Rewrite基本概述 1.1.什么是rewrite Rewrite主要实现url地址重写, 以及地址重定向,就是将用户请求web服务器的地址重新定向到其他URL的过程。 1.2.Rewrite使用场景 1.地址跳转,用户访问www.xuliangwei.com/class这个URL时,将其定向至一个新的域名class.xuliangwei.com 2.协议跳转,用户通过http协议请求网站时,将其重新跳转至https协议方式 3.伪静态,将动态页面显示为静态页面方式的一种技术, 便于搜索引擎的录入, 同时减少动态URL地址对外暴露过多的参数, 提升更高的安全性。 4.搜索引擎,SEO优化依赖于url路径, 好记的url便于支持搜索引擎录入 1.3.Rewrite配置示例 #rewrite表达式可以应用在server,location, if标签下 Syntax: rewrite regex replacement [flag]; Default: -- Context: server, location, if #用于切换维护页面场景 #rewrite ^(.*)$ /page/wh.html break; 2.Rewrite标记Flag rewrite指令根据表达式来重定向URI,或者修改URI字符串。 每行rewrite指令最后跟一个flag标记

HTML+JS实现页面跳转

和自甴很熟 提交于 2020-02-16 20:05:06
HTML+JS实现页面跳转 代码 关键代码解释 结果展示 代码 话不多说,先上代码,该代码极其简单,可在我的GitHub中下载, 链接在此 <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < title > 页面跳转 </ title > < script > function pageJump ( ) { window . location . assign ( 'http://www.baidu.com' ) ; } </ script > </ head > < body > < input type = " button " value = " 页面跳转 " onclick = " pageJump() " /> </ body > </ html > 关键代码解释 window . location . assign ( url ) 该方法可以加载一个新的文档。 其中 window.location.assign(url) 和 window.location.href=url 实现功能是一样的,都是跳转到网址,只是用法稍微不同。最大的不同是, window.location.assign(url) 会添加记录到浏览历史,点击后退可以返回之前页面,而 window

nginx

纵然是瞬间 提交于 2020-02-15 22:04:22
文章目录 常用命令 配置文件 1.全局块 2.event块 3.http块 3.1 http全局块 3.2 server块 nginx实例 负载均衡策略 指令说明 常用命令 nginx -v ngxin -s stop nginx 启动 nginx -s reload 重新加载nginx.conf配置文件 配置文件 1.全局块 从配置文件开始到events块之间的内容为全局块,主要会设置一些影响nginx服务器整体运行的配置指令。 如: worker_processes 1; worker_processes值越大,可以支持的并发处理量也越多 2.event块 涉及的指令主要影响nginx服务器与用户的网络连接,常用的设置包括是否开启多个work process下的网络连接进行序列化,是否允许同时接收多个网络连接,选取哪种事件驱动模型来处理连接请求,每个word peocess可以同时支持的最大连接数等。如worker_connections 1024; 上述例子就表示每个work process支持的最大连接为 1024 这部分的配置对nginx的性能影响较大,在世界中应该灵活配置。 3.http块 3.1 http全局块 http全局块配置的指令包括文件引入,MIME-TYPE定义,日志自定义,连接超时时间,单链接请求数上限等。 3.2 server块 这块和虚拟主机有密切关系

nginx模块之ngx_http_fastcgi_module

六月ゝ 毕业季﹏ 提交于 2020-02-15 04:12:13
nginx支持LNMP 安装php-fpm yum install php-fpm -y 使用/etc/php-fpm.d/www.conf配置文件默认配置即可 打开php配置: vim /etc/nginx/conf.d/defaults location ~ \.php$ { root /usr/share/nginx/html;   fastcgi_pass 127.0.0.1:9000; fastcgi_index index.php; fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name; include fastcgi_params; } vim /etc/nginx/server.conf location / { root html; index index.php index.html index.htm;  //支持index.php页面 } 修改fastcgi_parms vim /etc/nginx/fastcgi_params fastcgi_param QUERY_STRING $query_string; fastcgi_param REQUEST_METHOD $request_method; fastcgi_param CONTENT_TYPE $content_type;

nginx发布静态资源

会有一股神秘感。 提交于 2020-02-14 20:56:44
nginx发布静态资源 名词 server location root alias 参考 Beginner's Guide http://nginx.org/en/docs/http/ngx_http_core_module.html#location http://nginx.org/en/docs/http/ngx_http_core_module.html#root http://nginx.org/en/docs/http/ngx_http_core_module.html#alias ngx_http_index_module index指令 ngx_http_core_module http指令 location指令 listen指令 root指令 server指令 server_name指令 Nginx之坑:完全理解location中的index,配置网站初始页 https://blog.csdn.net/qq_32331073/article/details/81945134 配置静态资源服务 http://www.mozq.com:9001/= > d:/00/00 目录下的资源 访问流程分析: 请求地址 http://www.mozq.com:9001/static/ DNS解析请求域名www.mozq.com得到请求主机ip

Nginx 详细讲解

守給你的承諾、 提交于 2020-02-13 09:23:42
Nginx 详细讲解 一 第四部笔记 ---私人文章 一 Nginx的特点 在性能上占用的系统资源少;支持更多的并发连接(特别是静态小文件场景下)达到更高的访问效率; 在功能上Nginx不但是一个优秀的Web服务软件,还可以作为反向代理负载均衡及缓存服务使用; 在安装配置上Nginx更为方便,简单,灵活; 二 Nginx是什么? Nginx是一个开源的,支持高性能高并发的www服务和代理服务软件 Nginx因具有高并发(特别是静态资源)占用系统资源少等特性且功能丰富逐渐流行起来 Nginx不但是一个优秀Web服务软件,还具有反响代理负载均衡功能和缓存服务功能,与LVS负载均衡及Haoroxy等专业代理软件相比Nginx部署起来更为简单,方便;在缓存功能方便它又类似Squid等专业的缓存服务软件 三 Nginx的重要面试知识 3.1Nginx的重要特性 支持高并发:能支持几万并发连接(特别是静态小文件业务环境) 资源消耗少:在3万并发链接下,开启10个Nginx线程小号的内存不到200MB 可以做HTTP反向代理及加速缓存,即都在均衡功能,内置对RS节点服务器健康的检查功能,相当于专业的Haproxy软件或LVS的功能 具备Squid等专业缓存软件等的缓存功能 支持异步网络I/O事件模型epoll(linux2.6+) #跟据epoll实现的Web服务 3.2

Nginx配置参数说明

∥☆過路亽.° 提交于 2020-02-13 08:33:19
一、主配置段 1、正常运行必备的配置 #运行用户和组,组身份可以省略 user nginx nginx; #指定nginx守护进程的pid文件 pid path/to/nginx.pid; #指定所有worker进程所能打开的最大文件句柄数 worker_rlimit_nofile 100000; 2、性能优化相关的配置 #worker进程的个数,通常应该略少于CPU物理核心数,也可以使用auto自动获取 worker_processes auto; #CPU的亲缘性绑定(同样是无法避免CPU的上下文的切换的) #优点:提升缓存的命中率 #context switch:会产生CPU不必要的消耗 work_cpu_affinity 00000001 00000010 00000100 00001000 00010000 00100000 01000000 10000000; #计时器解析度(请求到达nginx,nginx相应用户请求后,要获取系统时间并记录日志,高并发的时候可能每秒钟获取很多很多次) #降低此值,可以减少gettimeofday()系统调用的次数 timer_resolution 100ms; #指明worker进程的nice值:数字越小,优先级越高 #nice值范围:-20,19 #对应的优先级:100,139 worker_priority number; 二