OurJS


OurJS-我们的JS, 我们的技术-IT文摘; 专注JS相关领域;
我们热爱编程, 我们热爱技术;我们是高大上, 有品味的码农;

欢迎您订阅我们的技术周刊


我们会向您分享我们精心收集整理的,最新的行业资讯,技术动态,外文翻译,热点文章;
我们使用第三方邮件列表向您推送,我们不保存您的任何个人资料,注重您的隐私,您可以随时退订,

欢迎分享您的观点,经验,技巧,心得

让我们一起找寻程序员的快乐,探索技术, 发现IT人生的乐趣;


本网站使用缓存技术每次加载仅需很小流量, 可在手机中流畅浏览;
如果您发现任何BUG,请即时告知我们: ourjs(at)ourjs.com

kris

NodeJS连接Redis:在(Raspberry Pi)树莓派上安装Redis并设置开机自动启动服务

分享 by kris 1479883084260
Redis是一个超精简的基于内存的键值对数据库(key-value),官方只提供Linux版本,Windows版本(64位)由微软非官方提供,其编译后仅有1MB左右。实现非常精简,比如并没有传统数据库中库、表的概念,你并不能设置数据库/表的名字,仅能通过序号选择存放到第几个数据库,使用<schema:hash>的键值来表示存放到什么表里(如user:001)。不过因为其基于内存且实现简单,Redis有着非常好的性能。

iPad/iPhone默认input按钮的disabled CSS样式不工作

前端 by kris 1456196548771
最近碰到一个问题,需要复写iPad/iPhone上面的disabled元素的样式,如下图所示

Array及String的lastIndexOf函数用法及其IE8实现,及为什么要尽量避免使用for in

JavaScript by kris 1454642906521
Array.prototype.lastIndexOf 和 String.prototype.lastIndexOf 是非常的实用一个函数,不过很多人不知道它其实可以传递两个参数,第二个参数决定了搜索的起始位置:

// Create an array.
var ar = ["ab", "cd", "ef", "ab", "cd"];

// 找到最后一个CD的位置
document.write(ar.lastIndexOf("cd") + "<br/>");
// 输出: 4

// 从正数第二个位置,搜索倒数第一个CD的位置
document.write(ar.lastIndexOf("cd", 2) + "<br/>");
// 输出: 1

// 从倒数第三个搜索最后一个ab的位置
document.write(ar.lastIndexOf("ab", -3) + "<br/>");
// 输出: 0

用HTML5原生实现拖放或排序

JavaScript by kris 1454318337952
拖放是一种很常见的功能,现在这个功能已经成为Html5标准的一部分。通过html5只需要简单几行代码即可实现拖放,比如下面这个例子,你可以将此图片上下拖放。

如何用CSS将select/option文本居中或居右对齐

JavaScript by kris 1453776531660
目前在select元素中你使用css: text-align, 你会发现根本不起作用。

select { text-align: right }
option { text-align: right }

似乎在所有基于webkit的浏览器没有对select实现text-align这个CSS属性。

JSON序列化(stringify)对象时排除某些属性的两种方法

JavaScript by kris 1432546485826
JavaScript的JSON对象本身就带有序列化和反序列化的函数,为 parse 和 stringify,我们一般使用这两个函数将JSON对象持久化。 如:
var Persion = {
    username: "Kris",
    password: "1234567890"
}

alert(JSON.stringify(Persion))   //{"username":"Kris","password":"1234567890"}
美中不足的是stringify这个函数会把所有属性都进行转换,但有时侯我们希望排除一些属性,比如上面的 password。

Image Lazy Load:那些延时加载图片的开源插件(jQuery)

开源 by kris 1429360342855
图片延时加载技术对大流量的网站来说是十分实用的。目前图片在网站中大量使用,如果不加处理的话会对服务器和带宽造成级大压力,通过只渲染当前用户可见区域的图片,可以极大地减少网站的请求数,降低网络带宽资源,例如:

一般图片
<img src="bg.png" data-src="img1.jpg" /> 
应用
$(document).ready(function() {
  $("img").unveil();
});

TypeScript新功能实例讲解:支持更多EcmaScript6特性

开源 by kris 1428205531745
ES6 的模块语法是实现模块化的有力途径。通过导入整个模块或个别接口,您可以实现与模块的交互。
ES6允许你只导出、导入特定的功能,你还可以在模块功能上面添加default, 比如:

// math.ts

export function add(x, y) { return x + y }
export function subtract(x, y) { return x – y }
export default function multiply(x, y) { return x * y }

// myFile.ts

//只导入math中的add,subtract方法
import {add, subtract} from "math";
//将math中的默认导出方法命名为times
import times from "math";
var result = times(add(2, 3), subtract(5, 3));

用纯css改变下拉列表select框的默认样式

前端 by kris 1427872527291
在这篇文章里,我将介绍如何不依赖JavaScript用纯css来改变下拉列表框的样式。事情是这样的,您的设计师团队向您发送一个新的PSD(Photoshop文档),它是一个新的网站的最终设计。


在Debian(Respberry PI)上安装FTP服务器

分享 by kris 1427441641641
Debian是一款十分流行的开源Linux发行版,与CentOS的众多大公司支持有所不同,Debian更受开源社区的喜爱,比如较为流行的桌面Linux Ubuntu和开源硬件平台Respberry PI(树树莓派)均为基于Debian的深度定制版(变种)。此文介绍的是在Debian系统中安装FTP服务器,同样适用于Ubuntu和树莓派。 PS: 这也是为什么OurJS会托管在Debian上的原因。


分享到