使用localStorage，Web应用程序可以在用户的浏览器中本地存储数据。
在HTML5之前，应用程序数据必须存储在Cookie中，包含在每个服务器请求中。
比起cookies来讲localStorage更安全，大量数据可以在本地存储，而不影响网站性能。虽然localStorage更现代化，但这两种技术都有一些利弊。 继续阅读“Local Storage与Cookies对比”
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能存多少数据”
18条你不知道的JavaScript简写语法
对于开发人员来说让代码更加简单高效的运行是每一个码农的至高追求，下面是19个JavaScript简写语法，赶快应用到生产中吧。
1.三元运算符
if..else语句不复杂时的最佳替代品
常规语法
1 2 3 4 5 6 7 8 | const x = 20; let big; if (x > 10) { big = true; } else { big = false; } |
简写语法
1 | const big = x > 10 ? true : false; |
你也可以将代码写成如下样子：
1 | const big = x > 10 ? " greater 10" : x < 5 ? "less 5" : "between 5 and 10"; |
jQuery获取select选中的值
select元素通常有两个要访问的值。首先是value值，其次是文本内容值，通过jquery获取任意一个值都很容易：
假定存在下面这个选择列表
1 2 3 4 5 6 7 | <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> |
如果我们需要获取当前选中的选项的value值，通过如下jQuery语句完成：
1 2 | $( "#myselect" ).val(); // => 2 |
如果想获取当前选中项的文本内容值（非value值），通过如下jQuery语句完成：
1 2 | $( "#myselect option:selected" ).text(); // => "Mrs" |
最简单的Javascript邮箱验证方法
使用正则表达式验证邮箱是否合法可能是最好最简单的方法。
1 2 3 4 | 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邮箱验证方法”
JavaScript/jQuery如何跳转到指定页面
JavaScript方法：
1 2 3 4 5 | // 类似于系统自动跳转 window.location.replace("https://www.dustit.me"); // 类似于用户点击操作 window.location.href = "https://www.dustit.me"; |
模仿用户点击操作时请用 window.location.href 方法。
jQuery 方法：
1 2 3 4 | // jQuery 跳转到指定页面 $(location).attr('href','https://www.dustit.me') $(window).attr('location','https://www.dustit.me') $(location).prop('href', 'https://www.dustit.me') |
jquery checkbox 是否选中
前端开发中经常会对表单进行处理，会遇到判断多选复选框checkbox是否有被选中的情况,通过下面一行语句即可实现。
1 2 3 | if($("#checkBoxID").prop('checked') == true){ //do something } |
如果你有多个复选框需要逐一判断是否有被选中，简单的修改一下上面的代码即可，示例代码如下。 继续阅读“jquery checkbox 是否选中”