使用localStorage,Web应用程序可以在用户的浏览器中本地存储数据。
在HTML5之前,应用程序数据必须存储在Cookie中,包含在每个服务器请求中。
比起cookies来讲localStorage更安全,大量数据可以在本地存储,而不影响网站性能。虽然localStorage更现代化,但这两种技术都有一些利弊。 继续阅读“Local Storage与Cookies对比”
走走停停,看日出!
使用localStorage,Web应用程序可以在用户的浏览器中本地存储数据。
在HTML5之前,应用程序数据必须存储在Cookie中,包含在每个服务器请求中。
比起cookies来讲localStorage更安全,大量数据可以在本地存储,而不影响网站性能。虽然localStorage更现代化,但这两种技术都有一些利弊。 继续阅读“Local Storage与Cookies对比”
根据 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能存多少数据”
对于开发人员来说让代码更加简单高效的运行是每一个码农的至高追求,下面是19个JavaScript简写语法,赶快应用到生产中吧。
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"; |
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" |
使用正则表达式验证邮箱是否合法可能是最好最简单的方法。
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邮箱验证方法”
1 2 3 4 5 | // 类似于系统自动跳转 window.location.replace("https://www.dustit.me"); // 类似于用户点击操作 window.location.href = "https://www.dustit.me"; |
模仿用户点击操作时请用 window.location.href
方法。
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') |
前端开发中经常会对表单进行处理,会遇到判断多选复选框checkbox是否有被选中的情况,通过下面一行语句即可实现。
1 2 3 | if($("#checkBoxID").prop('checked') == true){ //do something } |
如果你有多个复选框需要逐一判断是否有被选中,简单的修改一下上面的代码即可,示例代码如下。 继续阅读“jquery checkbox 是否选中”