JavaScript如何快速高性能清空删除Array数组中的所有元素,并保持引用
by ourjs keys JS学习 JavaScript 1542095783270
有非常多的方法来清空一个已经存在的数组,这种方法会返回删除的所有元素,并形一个新的数组,不过对性能没有影响,并将保持对数组的引用。

var arr = [1,2,3,4];
arr.splice(0, arr.length)
JavaScript使用类似break机制中断forEach循环
by ourjs keys JS学习 JavaScript 1542069544477
JavaScript数组对象,有一个forEach方法,可枚举每一个数组元素,但并不支持类似for循环的break语法,中断循环:

[1,2,3].forEach(function(item) {
    // if(!item) break; 不支持
});
JavaScript无引用复制一个Array数组的每一个元素到另一个数组
by ourjs keys JS学习 JavaScript 1542092009789
如果目标数组不存在,可使用 slice/ concat 复制
var destinationArray = sourceArray.slice();
var destinationArray = sourceArray.concat();
如果目标数组存在,且想保持引用,可使用 push
destinationArray.push.apply(destinationArray, sourceArray);
用JavaScript往select元素中添加new option下拉选项
by ourjs keys JS学习 JavaScript 1541929564593
jQuery更简洁的写法:

$('#mySelect').append($("<option/>", {
    value: key,
    text: value
}));
用jQuery将JavaScript对象转换为querystring查询字符串
by ourjs keys JS学习 JavaScript 1541943696425
在get方式的参数传递中,常常需要将JavaScript对象,转换成查询字符串,比如:
{ method: 'get', state: '200' }
会转换成
?method=get&state=200
bootstrap-datetimepicker时间日期范围选取组件使用说明及简单教程
by ourjs keys JS学习 JavaScript 1541682485873
目前有两个时间日期选择模块可以使用,bootstrap-datetimepicker 特点是可以选择日期和时间。此项目依赖moment的翻译和日期格式化,所以可以加上 moment-with-locales.min.js 的引用: 

  $(selector).datetimepicker({
      locale: 'zh-CN'
    , format: "YYYY-MM-DD"
  })

Redis只往zset有序集合添加不存在的数据:关键字索引查询构建+源码分析
by ourjs keys 心得体会 分享 1540738289407
Redis的有序集合Sorted Set(zset),可以很方便地用来构建关键字索引表,可以很方便地实现支持超大规模并发的关键字组合条件查询。
比如有套博客系统,博客文章存放在 hash 类型 article:* 中,其中的每个关键字对应的文章存放在 keyword:* 中,则可以用关键字连接查询 ZINTERSTORE 找到文章ID列表。
有时侯,我们可能在构建索引时不影响原有索引的权重值,以此来保留每个关键字最初添加时的时间(权重分数)。以此来统计某个时间段添加此关键字的文章。

redis5.x新特性,Stream流数据类型使用简单教程
by ourjs keys 心得体会 分享 Redis OnceDB 1540302471095
在一般的编程概念里,流是一种主要用于优化内存的数据类型,它不需要一次性把大量数据,比如说大文件一次性读取到内存再处理,可以边读取边处理,这样可以用少量内存就可以处理大文件。

因此简单地说,流是Redis一种新的数据结构,不需要读取原有key的值,就可以在此key中添加新内容的数据类型。
css去掉table的td单元格的间距cellspacing,设置隔行显示不同背景颜色
by ourjs keys 编程技巧 前端 1539603646707
单元隔间隔对应table标签上的 cellpadding 和 cellspacing,这里可以用CSS实现,cellpadding 对应 td 的 padding。 去除边框 cellspacing 的间隔有以下两种方法:

border-collapse: collapse
border-spacing: 0
用JavaScript实现basename获取路径中的文件名
by ourjs keys JS学习 前端 1538713603170
Node.js中path对象有一个basename函数,可以获取路径中最后一段路径名称,通常是文件名,其实用javascript几行代码就可以实现

function basename(str) {
  var idx = str.lastIndexOf('/')
  idx = idx > -1 ? idx : str.lastIndexOf('\\')
  if (idx < 0) {
    return str
  }
  return str.substring(idx + 1);
}

 近期热门 - 点击最多
  1. 网站集成百度、Bing必应搜索引擎,在网页中实现站内全文搜索
  2. React Hooks入门教程九:在React中集成使用Vue实现数据双向绑定,手动配置Webpack和Babel
  3. node.js性能压力测试入门教程:wrk和loadtest安装使用
  4. JavaScript和node.js内存泄露的原因和避免方法及Chrome调试工具使用教程
  5. Html5网页中用JavaScript调用本地手机摄像头扫描识别微信二维码、条形码:postMessage跨域https传递扫码结果消息
  6. JavaScript设置对象属性只读不可修改、不可枚举、不可删除:Object.defineProperty
  7. CSS教程:图片使用混合模式和颜色叠加filter滤镜,改变PNG图标颜色
  8. CSS教程:如何设置自动显示隐藏scrollbar滚动条,自定义外观样式/宽度,附demo示例大全
  9. node.js通过Error.prepareStackTrace获取上层调用函数的文件名地址和行数位置
  10. JavaScript判断字符串是否为数字类型:Number.isInteger、isNaN、正则表达式比较

  全端社区 - 最新回复
  1. 三步搭建电商企业公众号提升GMV,实现品牌定位、店铺运营以及粉丝变现
  2. 零售企业如何打造私域流量池
  3. 零售企业构建私域流量的价值
  4. 微商城哪个平台做得比较好
  5. 微盟智慧零售:异业连麦直播这样玩,新增会员过万
  6. 销氪助力雄达获取有效商机
  7. 微盟微站如何搭建百度小程序
  8. 销氪智能呼叫中心,助销售提升呼叫效率
  9. React Hooks 入门教程一:开发工具选择、安装配置Yarn,开发环境搭建
  10. JavaScript和node.js内存泄露的原因和避免方法及Chrome调试工具使用教程

  开源的 OurJS
OurJS开源博客已经迁移到 OnceOA 平台。

  关注我们
扫一扫即可关注我们:
OnceJS

OnceOA