ourjs | OurJS

使用JavaScript的Proxy监听对象属性变化并进行类public/private的访问控制

by ourjs keys JS学习 JavaScript 1559991024343

Proxy是ES6的引入的一个对象监听机制。可视为JavaScript对象的一个代理中间件。用户在访问对象时，会触发自定义行为。

Proxy最简单的用法是可以监听对象属性的变化，比如下面的，当 obj 的 visit 属性改变时，自动更新页面上相应的 input元素值。

var obj = {}

var handler = {
  set: function(target, name, value) {    
    //改变被代理对象的值，使之保持一致
    target[name] = value

    var input = document.querySelector('[name=' + name + ']')
    if (input) {
      input.value = value
    }
  }
}

var proxy = new Proxy(obj, handler);
proxy.visit = 100

JavaScript求一个字符串的字节长度

by ourjs keys JS学习 JavaScript 1559174024852

某些场景可能会对输入内容的字节长度有限制，比如说RSA加密算法。但 String.prototype.length 只会统计字符串的字符个数，并不是字节长度。

同样的字符数，中文要比英文多占用1倍的空间。此时可以通过chartCodeAt来统计字符长度。

Node.JS用RSA签名算法公钥加密私钥解密，实现License软件授权验证

by ourjs keys JS学习 Node.JS 1558965941529

在Node.JS经常用加密算法对一些敏感用户数据进行加密，比如说用户密码。而且用户密码不需要考虑解密，如果用户遗失密度，重置成新的已经新密码即可。此时用不可逆加密算法即可，对比加密后的字符串即可。

还有一些应用需要解密出原内容的，比如说HTTPS的传输。使用公钥对HTTP请求进行加密，在服务器用私钥解密。此时需要用到不对称加密算法，在Node.JS中这种机制很容易实现：

Node.JS借助OS模块获取当前Windows系统用户登录名

by ourjs keys JS学习 Node.JS 1558340432960

Node.js os 模块提供了一些基本的系统操作函数。可以借助os对象获取系统基本信息：

$ node user.js
{ uid: -1,
  gid: -1,
  username: 'Administrator',
  homedir: 'C:\\Users\\Administrator',
  shell: null }

Node.JS在命令行中检查Chrome浏览器是否安装，并打开指定网址

by ourjs keys 编程技巧 Node.JS 1558333606904

使用Windows命令行cmd可以指定浏览器打开网址。在node.js中使用start即可，但是当用户没有安装Chrome时使用start则会报错，并会弹出错误对话框，Chrome默认安装位置为：

C:\Documents and Settings\{USERNAME}\Local Settings\Application Data\Google\Chrome\Application

我们还需要借助os获取Windows当前登录的用户名，如果没有安装Chrome的话，则用IE打开，最终代码如下：

微服务运维难维护？数据基础架构公司Segment宣布放弃微服务构架

by ourjs keys 大话编程分享 1557459142150

很多人可能已经知道微服务已成为明日黄花，它曾经作为最佳实践为Segment公司起到很大作用，但是并不适合所有场所。

简单说，微服务是将后台业务拆分成很多各自功能独立的面向服务软件架构，其模块化、减少测试压力、功能组合、开发团队自治等优点广为人知。与之对应的是单体式架构，即用单个服务为测试部署扩展提供所有功能模块。

2017年早些时候，Segment产品开发遇到了问题。如果在每个部门继续采用微服务，不但不会加速开发过程，反而会落入复杂的泥潭。这种架构的优势反而变成了负担。最终，团队发现需要三个全职工程师才能确保这套系统运转，这种无法承受的负担必须改变。这篇博文就是回顾如何将产品和团队需求更好嵌入开发过程的回顾。

jQuery用outterHtml获取相对innerHTML父一级包含其自身的html代码内容

by ourjs keys JS开源前端 1557188932567

jQuery可以用html()来获取对应的innerHTML内容，但有时我们要获取其自身html代码，则可用原生的outterText, outterHtml属性。可以jquery对象可写成：

$('.grid').prop('outerHTML')
$('.grid').prop('outerText')

JavaScript中将字符串true或false转换成Boolean类型

by ourjs keys JS学习 JavaScript 1556256679552

JavaScript中可以使用parseInt方法将字符串转换成整型。但布尔型没有相关方法。可使用JSON解析：

JSON.parse("true");

jQuery用$.prop,$.attr方法来获取或设置checkbox当前选中状态

by ourjs keys JS学习 JavaScript 1555422521248

使用$.fn.attr来获取或设置html的checkbox元素的状态。但是界面上此复选框并没有反映到界面上，因为这个只是改变html的DOM结构，并不改变当前选中状态。这时使用 prop 即可

$('#chb_data_binding').prop('checked', true)
$('#chb_data_binding').prop('checked')
> true

Node.JS中用concat和push连接两个或多个数组的性能比较

by ourjs keys JS学习 JavaScript 1555299868703

JavaScript中连接两个数组成一旧新数组，常用concat方法，比如：
借用apply方法，push、splice也可和来连接数组。因为push没有创建新数组，如果想要保挂原对象的引用，可使用push方法。
那么两者在node.js的性能如何？我们做了一组测试数据，两种分别测试100万次。

近期热门 - 点击最多

全端社区 - 最新回复

开源的 OurJS

关注我们