效果　　在说具体细节之前，可以先看一下效果，下图中就实现了一个最基本的双向选择器。  
注意事项1.以上组件的编写没有基于原生的CSS，而是引入了AmazeUI框架，利用了框架提供的布局等样式，以下html代码中看到的以“am-”为前缀的class均是如此，具体的含义和使用方法可以参考AmazeUI官方文档。2.实际使用中，我们往往需要左侧的待选项可以动态可变，那就不能在页面上写死，应该在双向选择器渲染生成之前向后台请求数据，获取最新的待选项即可。而如下代码中仅作为示例，固定写了几个选项。
HTML结构　　主要文档结构如下：
1234567891011121314151617181920212223242526<div class="am-g"><div class="am-form-group am-u-sm-4 am-margin-left-sm am-margin-right-0 am-padding-right-0">    <label>待选项列表</label><br />    <select multiple id="for-select" style="heig...阅读全文

目录1. 前言2. join()3. reverse()4. sort()5. concat()6. slice()7. splice()8. push()9. pop()10. unshift()11. shift()12. toString()13. toLocaleString()14. ECMAScript5中新增数组方法14.1. forEach()14.2. map()14.3. filter()14.4. every()14.5. some()14.6. reduce()14.7. reduceRight()14.8. indexOf()14.9. lastIndexOf()
前言　　本文对JavaScript中数组类型（Array）的常用方法进行总结，主要包括其API，使用示例和是否直接操作/修改原数组的分析。文章最后会对ECMAScript5中提供的数组方法进行小结。
join()作用　　将数组元素衔接为字符串。参数　　array.join()　　array.join(separator)　　separator： 在返回的拼接字符串中，用以连接原来数组元素的分隔符...阅读全文

目录1. 作用2. 示例3. 注意事项
作用　　一句话来讲，这是一种将类数组对象转换为真正数组的方法。很多时候我们会遇到“类数组对象”，比如在操作DOM元素的时候，查询符合某种class的DOM节点会返回一个NodeList，它就是一个类数组对象。真正数组的很多成员方法不能直接用于类数组对象，因此就需要将其转换为真正的数组。
示例123456789Function.prototype.bind = function(context){    var args = Array.prototype.slice.call(arguments, 1),  self = this;  return function(){      var innerArgs = Array.prototype.slice.call(arguments);      var finalArgs = args.concat(innerArgs);      return self.apply(context,finalArgs);  };};该例子是手动实现了一个具有基本功能的bind函数。这里不需要过多关注其...阅读全文

目录1. 前言2. 直观感受3. cookie相关介绍3.1. 定义3.2. 标准3.3. 编码3.4. 属性3.5. 分类3.6. 限制3.7. 传输3.8. 案例3.9. 修改3.10. 作用3.11. 小结4. cookie安全性问题4.1. httpOnly5. JavaScript对cookie的操作与使用5.1. 应用场景5.2. JS设置cookie5.3. JS获取cookie5.4. JS删除cookie5.5. JS检查cookie6. cookie与session的对比分析7. cookie在实际开发中的使用8. 总结
前言　　本篇简单总结cookie的概念，作用，应用，实现案例等要点，关于大段的介绍，就不再重复了，网上有很多可以参考。而且cookie相关是一个很大的话题，这里只是简单小结，主要包括：　　1.cookie相关介绍　　2.cookie安全性问题　　3.javascript对cookie的操作与使用　　4.cookie与session的对比分析　　5.cookie在实际开发中的使用
直观感受　　cookie是一种存储在用户本地的数据。比如在wind...阅读全文

...阅读全文