有些时候，我们可能想要禁止用户修改或者调试我们HTML页面的代码，这个时候需要阻止用户打开调试窗口，下面介绍一些能够阻止用户在浏览器中打开调试窗口的方法，这些方法只能一定程度的提高打开调试的门槛，并不能完全杜绝。
禁用F12
对于使用F12打开调试窗口的方法，我们只要注册F12按键的处理方法，并阻止默认事件行为即可：
window.onkeydown = w……继续阅读 »
悠悠
7年前 (2018-01-23) 5671浏览 1评论
6个赞
在HTML页面中，通过JavaScript代码访问 window 对象，能够获取到很多表征屏幕大小的信息，下面列举并加以区分。
window 对象中的屏幕信息
window.innerheight、 window.innerwidth
只读属性，以像素计
浏览器窗口的文档显示区的高度和宽度
不包括菜单栏、工具栏以及滚动条等的高度
IE8以下不支持这些属性，……继续阅读 »
悠悠
7年前 (2017-12-27) 4200浏览 0评论
1个赞
在移动端浏览器H5页面中，点击按钮打开本地应用主要通过 scheme 协议。本文主要介绍如何在浏览器H5页面中通过 scheme 协议打开本地应用。
scheme协议定义
scheme 是一种页面之间跳转的协议，不仅可以用于app之间进行跳转，还可以用于 H5 页面跳转到app页面。
无论Android还是IOS，都可以通过在H5页面中打开 scheme 协……继续阅读 »
悠悠
7年前 (2017-12-26) 5438浏览 0评论
4个赞
JavaScript 中使用 RegExp 对象来描述正则表达式，该对象提供了一系列正则表达式的操作。
定义
在JavaScript中有两种方式定义正则表达式：
var patt=new RegExp(pattern, modifiers);
var patt=/pattern/modifiers;
相关的参数说明如下：
pattern：描述了表达式的……继续阅读 »
悠悠
7年前 (2017-12-25) 2392浏览 0评论
0个赞
在进行前端页面开发的时候，往往需要针对不同的浏览器，不同的平台显示不同的效果，这就需要能够检测到当前页面所在的环境。
判断需求
检测是否PC端还是移动端
检测是Android还是iOS
检测浏览器类型，如判断是佛微信浏览器，QQ浏览器
判断平台类型：iPhone，iPad，iOS，Android等
判断方法
通过获取浏览器的全局对象 navigator.……继续阅读 »
悠悠
7年前 (2017-12-02) 5072浏览 0评论
0个赞
在前端页面开发的过程中，经常使用到Ajax请求，异步提交表单数据，或者异步刷新页面。
一般来说，使用Jquery中的.ajax，.post，$.getJSON，非常方便，但是有的时候，我们只需要ajax功能，这样引入Jquery比较不划算。
所以接下来便用原生JavaScrpit实现一个简单的Ajax请求，并说明ajax请求中的跨域访问问题，以及多个ajax……继续阅读 »
悠悠
7年前 (2017-09-27) 5028浏览 2评论
4个赞
1. JavaScript Date对象
1.1.概述
Date 对象用于处理日期与实际。
创建 Date 对象： new Date().
// 使用下面四种方式创建一个Date对象，参数都是可选的，没有的情况下默认为0
new Date() // 当前日期和时间
new Date(milliseconds) //返回从 1970 年 1 月 1 日至今的毫……继续阅读 »
悠悠
7年前 (2017-09-12) 2607浏览 0评论
0个赞
样式优先级
外部样式 < 内部样式 < 内联样式
选择器优先级
内联样式权重：1000
id选择器权重：100
类选择器权重：10
元素选择器权重：1
组合选择器权重：基本选择器的权重之和，如 #div p 权重为：100 + 1 = 101
CSS优先级
选择器都有一个权值，权值越大越优先
当权值相等时，后出现的样式表设置要优于……继续阅读 »
悠悠
8年前 (2017-07-25) 2717浏览 0评论
0个赞
基本选择器
标签名选择器： p
id 选择器： #id
类选择器： .class
通配符选择器： *
组合选择器
并列选择， 选择所有 p 或者 div： p, div
后代选择， 选择 div 的所有 p 儿子或子孙： div p
儿子选择， 选择 div 的直接 p 儿子： div > p
相邻兄弟选择, 选择紧邻 div 的 p 兄弟……继续阅读 »
悠悠
8年前 (2017-07-25) 2817浏览 0评论
3个赞
table部分代码
<table class="table table-bordered table-striped" id="table-main">
<thead>
<tr>
<th>用户名</th>
……继续阅读 »
悠悠
8年前 (2017-07-20) 4607浏览 0评论
2个赞
