OurJS


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

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


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

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

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


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

使用Google Analytics跟踪捕获JavaScript,AngularJS,jQuery的在线错误和异常

编程技巧 by ourjs key 前端 1425454412006 评论 (0)
谷歌Analytics(分析)是最流行的网站统计服务。它有多种用途:跟踪访问者的会话活动和事件。

它能够跟踪任何事件。因此我们可以通过谷歌Analytics(分析)发送和跟踪任何数据。其中最重要的一个应用场景就是,为Web开发人员分析网页上可能产生或未发现的错误和异常。

Session劫持与Session-ID的安全长度

Session劫持从Web Session控制机制处发动攻击,通常是对Session令牌管理的剥夺。
因为HTTP通信使用许多不同的TCP连接,Web服务器需要一个方法来识别每个用户的连接。最有用的方法是当一个客户端成功认证后,该Web服务器向该客户端浏览器发送令牌。Session令牌通常由可变长度的字符串组成,并且它可以以不同的方式存储,如在URL中,在HTTP请求的cookie报头中(request header),或在HTTP请求中的其它报头,或者在HTTP请求的主体中。
Session劫持攻击通过窃取或预测有效的Session令牌来获得未经授权Web服务器访问权限。

使用Node.JS监听文件夹变化

JS开源 by kris key Node.JS 1425014383925 评论 (0)
使用Node.JS监听文件夹改变有许多应用场合,比如:
构建自动编绎工具: 当源文件改变时,自动运行build过程,比如当你写CoffeeScript文件或SASS CSS文件时,保存之后可即时生成对应的JS或CSS.
构建自动布署工具: 通过侦听源文件夹的改变,你可以自动即时将改后的文件布署到测试服务器,加快你的开发测试速度。

我为什么不再用Compass写CSS(缺点分析)

心得体会 by ourjs key 分享 1424839578703 评论 (0)
Compass 是一个糟糕的项目。目前最大的Sass框架,它目前由Chris Eppstein自己维护,两个Sass核心设计者之一,目前它仍然十分流行。

然而,大约一年前,我就完全抛弃Compass了。我将把从我们的项目中删掉。从我自己的网站中删掉。从我身边的项目中删掉。到底发生了什么?我是怎么从"Compass是最好的"转变到“我不需要它了”的呢?

起初我认为Compass是一个比Sass更好的东西,直到认识到它其实并没有带来多大实惠。至少是还不值得将其引入到项目中,特别是Ruby Sass本身已经很慢了。

将BootstrapJS和AngularJS结合使用以及为什么不用jQuery

大话编程 by ourjs key 分享 1424069456795 评论 (0)
您使用jQuery操作数据抓住并注入到DOM的方式基本上基于事件。当我们使用Bootstrap JavaScript组件时,比如一个按钮,我们需要“单击此按钮时,设置此按钮为激活状态”。并将这种设置添加入新加的按钮中。通过添加 .active 类和检查input(如果你的按钮是一个input)为实现。

在Angular中,操纵数据不是通过抓取和注入。一般通过数据绑定来实现,野蛮抓取注入数据。也能够改变每个组件的状态,不过在切换时就会暴露出问题。

这就是为什么我们不能直接用Bootstrap的JavaScript。它依赖于jQuery我们不希望jQuery的破坏我们的Angular项目。如果我们试图绑定变量到组件,它无法工作。

CSS Sprite小图片自动合并工具(NodeJS,Python,Java,Ruby)

css-sprite是将css样式中零星的小图标,小图片合并成大图显示,这样能减小服务器并发连接数,减小服务器负载和带宽使用,有很高的实用价值。这里介绍一些自动合并图片并生成样式的工具。
css-sprite是一个基于NodeJS实现的css切图自动合并工具,能自动将小图片合成大图,支持retina sprites和base64输出格式。
SmartSprites是基于Java实现的CSS切图自动合并工具,你只需要在CSS样式文件中添加一些注释即可使用;
Glue是基于Python实现的一个CSS Sprites切图自动生成工具。它生成的CSS小图标所对应的样式名以目录名+文件名组织: 如.sprite-icons-zoom_out,

让我们写快速的JavaScript,JS性能优化小窍门

JS学习 by ourjs key JavaScript 1423550292546 评论 (3)
JavaScript已经是目前最流行的语言了,它能做很多事情 - 网站界面,服务器端,游戏 ,操作系统 ,机器人 等等很多很多。

不过,说实话,即使它这么疯狂流行,它的性能还没有达到它的极限。是的,它在改进,但是等到它在各个方面赶上本地应用之前,在做一个HYBIRD混合应用时,你还不得不使用一些伎俩来优化它的性能。

Sortable极小的可拖放排序分组库;支持AngularJS,React,Meteor

大话编程 by ourjs key 分享 1423465739434 评论 (0)
为现代浏览器和触摸设备拖放排序列表设计的简约JavaScript库。不依赖jQuery。支持Meteor,AngularJS,React,任意CSS库,如Bootstrap。注* minify压缩后10K左右, Gzip后4K
  • 支持触摸设备主流游览器(IE8+)
  • 可以在列表内和列表间拖动
  • 移动物品时支持CSS动画
  • 支持拖动手柄和可选择的文字(比voidberg的html5sortable更好)
  • 智能的自动滚屏
  • 使用内置的HTML5拖放API
  • 支持Meteor和AngularJS
  • 支持任何CSS库,例如Bootstrap
  • 简单的API
  • 不依赖jQuery(但支持)

通过Web Audio API可视化输出MP3音乐频率波形

JS学习 by ourjs key JavaScript 1423213752906 评论 (0)
Web Audio API(网络音频API)过去几年中已经改进很多,通过网页播放声音和音乐已经成为了可能。但这还不够,不同浏览器的行为方式还有不同。但至少已经实现了.在这篇文章中,我们将通过DOM和Web Audio API创建一个可视化音频的例子。 注* 形状会波形而变化.


专为控制打印设计的CSS样式

技术前沿 by ourjs key 前端 1423044511374 评论 (0)
大多数Web设计师对打印控制还不是很熟悉,他们往往更迷恋像素,而不是打印机。在现实世界中,很多人依赖从网站上打印网页来参考: 在这个数字时代, 在一些特殊的场合,很多人手中还会拿着纸张。
Web开发人员可以采取一些措施来弥补打印机和液晶屏之间的差距.
 本月热门 - 点击最多
  1. 将BootstrapJS和AngularJS结合使用以及为什么不用jQuery
  2. 让我们写快速的JavaScript,JS性能优化小窍门
  3. CSS Sprite小图片自动合并工具(NodeJS,Python,Java,Ruby)
  4. 专为控制打印设计的CSS样式
  5. Session劫持与Session-ID的安全长度
  6. 通过Web Audio API可视化输出MP3音乐频率波形
  7. 服务器端(NodeJS)使用jQuery选择器操作DOM(HTML/XML)
  8. Sortable极小的可拖放排序分组库;支持AngularJS,React,Meteor
  9. 我为什么不再用Compass写CSS(缺点分析)
  10. 使用Node.JS监听文件夹变化

  全端社区 - 最新回复
  1. 使用Google Analytics跟踪捕获JavaScript,AngularJS,jQuery的在线错误和异常
  2. 服务器端(NodeJS)使用jQuery选择器操作DOM(HTML/XML)
  3. 如何面试前端工程师:Github很重要
  4. 你用什么代码编辑工具开发JavaScript?
  5. Session劫持与Session-ID的安全长度
  6. bearcat-dao 一个基于 SQL mapping 的 node.js DAO 框架
  7. CSS Sprite小图片自动合并工具(NodeJS,Python,Java,Ruby)
  8. 是什么让Node.js比Java更快?为什么NodeJS这么快?
  9. HTML5的TCP和UDP Web Socket API草案定稿
  10. bearcat 0.4.0 发布,统一抽象的 model

  开源的 OurJS
Demo (EN), Demo (CN), Github
  关注我们 RSS

我们的微信公众号: ourjs-com
打开微信扫一扫即可关注我们:
IT文摘-程序员(码农)技术周刊

ourjs官方微信号

加载中...