JavaScript – 言告言归

2019年03月12日2019年09月1日

JS比较两个数组是否相同

在javascript中判断两个数组对象的值是否相等时是不能直接通过==或===进行判断的，这时可以通过下面的方法来判断两个数组是否一致。

2019年02月18日2019年07月24日

原生js实现回车键按下时触发事件

通过下面的JS代码可以监测用户按下回车（Enter）按钮，可根据需要执行相应代码;

  $(document).on('keypress', function(e) {
    if (e.which == 13) {
      alert('You pressed enter!');
    }
  }

$(document).on('keypress', function(e) {

if (e.which == 13) {

alert('You pressed enter!');

}

上面代码使用e.which可改为e.keyCode,但e.keyCode 在部分浏览器上不兼容，所以建议使用e.which以保证代码100%安全执行;

继续阅读

2018年04月28日2019年07月28日

js怎么生成一个随机数

在开发过程中经常有需要用到随机数的情况，通过JS怎么生成一个随机数呢？

下面两个函数非常关键：

Math.floor()
Math.random()

1 2	Math.floor() Math.random()

Math.floor()方法执行向下舍入，既它总是会将数值向下舍入为最接近的整数。
Math.random()方法返回大于等于0小于1的一个随机数。

继续阅读

2017年08月11日2017年08月13日

Local Storage与Cookies对比

使用localStorage，Web应用程序可以在用户的浏览器中本地存储数据。

在HTML5之前，应用程序数据必须存储在Cookie中，包含在每个服务器请求中。

比起cookies来讲localStorage更安全，大量数据可以在本地存储，而不影响网站性能。虽然localStorage更现代化，但这两种技术都有一些利弊。继续阅读“Local Storage与Cookies对比”

2017年07月29日2017年07月30日

html5 localstorage能存多少数据

根据 WHATWG 规范描述如下：

A mostly arbitrary limit of five megabytes per origin is recommended. Implementation feedback is welcome and will be used to update this suggestion in the future.

规范建议的本地数据存储不超过5M,同时大多数浏览器默认的localstorage存储大小也是5M限制。

localstorage大小限制可以通过以下面的代码进行测试：继续阅读“html5 localstorage能存多少数据”

2016年05月15日2017年06月16日

18条你不知道的JavaScript简写语法

对于开发人员来说让代码更加简单高效的运行是每一个码农的至高追求，下面是19个JavaScript简写语法，赶快应用到生产中吧。

1.三元运算符

if..else语句不复杂时的最佳替代品

常规语法

const x = 20;
let big;

if (x > 10) {
    big = true;
} else {
    big = false;
}

const x = 20;

let big;

if (x > 10) {

big = true;

} else {

big = false;

}

简写语法

const big = x > 10 ? true : false;

1	const big = x > 10 ? true : false;

你也可以将代码写成如下样子：

const big = x > 10 ? " greater 10" : x < 5 ? "less 5" : "between 5 and 10";

1	const big = x > 10 ? " greater 10" : x < 5 ? "less 5" : "between 5 and 10";

继续阅读“18条你不知道的JavaScript简写语法”

2015年11月26日2017年06月17日

jQuery获取select选中的值

select元素通常有两个要访问的值。首先是value值，其次是文本内容值，通过jquery获取任意一个值都很容易：

假定存在下面这个选择列表

<select id="myselect">
    <option value="1">Mr</option>
    <option value="2" selected="selected">Mrs</option>
    <option value="3">Ms</option>
    <option value="4">Dr</option>
    <option value="5">Prof</option>
</select>

</select>

如果我们需要获取当前选中的选项的value值，通过如下jQuery语句完成：

$( "#myselect" ).val(); 
// => 2

1 2	$( "#myselect" ).val(); // => 2

如果想获取当前选中项的文本内容值（非value值），通过如下jQuery语句完成：

$( "#myselect option:selected" ).text();
// => "Mrs"

1 2	$( "#myselect option:selected" ).text(); // => "Mrs"

2015年03月22日2017年07月28日

最简单的Javascript邮箱验证方法

使用正则表达式验证邮箱是否合法可能是最好最简单的方法。

function validateEmail(email) {
    var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(email);
}

function validateEmail(email) {

var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

return re.test(email);

}

但请记住，不应仅仅依靠JavaScript进行邮箱合法性验证。 JavaScript可以很容易地被禁用。同时也应该在服务器端验证。继续阅读“最简单的Javascript邮箱验证方法”