Simple is Happiness
Less is more
JS开源
翻译:Kendo UI 和 jQuery Mobile的区别
by monkey keys JS开源 Html5 1402299402327
jQuery Mobile 和 Kendo UI 都是流行的HTML5 JavaScript开发框架,在开发中我们可以在它们的基础上制作所有现代移动Web应用。比较 Kendo UI 和 jQuery Mobile 有些类似于比较同一枚硬币的两面。众所周知,jQuery Mobile 实际上并不需要作太多的介绍,因为它是最常用的HTML5框架之一。
Bearcat pomelo game 实战 -- treasures
by fantasyni keys JS开源 Node.JS 1400655715496
这是一篇通过一个简单的 treasure 捡宝的例子讲述如何使用 Bearcat 来快速, 高效的进行 pomelo game 开发
在bearcat的统一管理协调下, 去除了烦人的require直接依赖关系, 可以放心大胆的进行编码甚至重构, bearcat 里面的任一组件都被有序的管理维护着, 使用时不再是一个个单一的个体, 而是一个集体
Ws.js:基于 Node.js的WS-*实现
by goyoo keys JS开源 Node.JS 1398826802968
Node.js是优秀的用于搭建可扩展服务器应用程序的平台,其中的一些应用程序需要与已存在的网络服务进行交互。只要这些服务是基于Rest,就不会成为问题—因为Rest服务在node世界里是最高级公民。如果需要使用一个soap网络服务, google一下node-soap,或者自己动手做一个soap信封。真正的挑战是当node需要使用soap服务时,它用的是WS-*标准。几个月前,当我面对这一情况时,没能找到任何模块帮忙。这就是我决定建Ws.js的原因。
开源项目:CSS 3D转换和动画学习示例教程
by ourjs keys JS开源 1387773681000

下面介绍的开源项目,是CSS在动画/3D变换方面的一些应用,非常酷的效果,全部由CSS3来实现。

在这里JavaScript仅作为动画控制来使用,JS并不控制UI界面的具体呈现,切换动画、3D效果仅需要一条 addClass/removeClass即可。这在一定程度上体现了Web平台纯天然的MVC结构。

即:HTML(template) + CSS(view) + JavaScript(controller) + JSON(model)

这个实例同时也简单的说明了一点:在JS端实现的mvc可能有些过度设计,即不有利于SEO(搜索引擎优化),也不利于页面的性能的提升,看上去似乎有点偏离Web平台简单的本质,不过也许他们更适合服务器端来使用。

我为什么选择 D3.js
by ourjs keys JS开源 前端 1387176008000

这不是一篇介绍D3的使用教程,而是只想说说我为什么选择使用D3,借以思考在面对新的技术的时候我该如何选择。

这段时间我在录制一门课程网页上的图表。录制课程前我调查了一下,应该用哪些工具/库来制作图表。可以确定的是,我要用svg来生成图表,而不是用html5中的canvas。开始采用的是Raphaël,一个用来创建和操作网页上矢量图形的javascript库。最开始偏向于使用Raphaël是因为之前看到的一个很漂亮的页面。在费了几天的时间,经过了很多挫折和参考资料没找到太多的情况下,做出了一个凑合的简单的图表。然后我退缩了,直到我发现了D3。

D3的缩写是Data Driven Documents,与Raphaël的关系:

相同点

都是用javascript写的针对矢量图的库
都可以对DOM节点进行操作,包括绘制,修改,添加动画效果以及图形的交互

Mozilla实验室发布的一款实时协作工具库TogetherJS
by ourjs keys JS开源 1381973737000

TogetherJS简介

TogetherJS是一种服务,可以在一个现有的网站中添加实时协作功能。可以使两个或两个以上的游客在一个网站或网络应用上,看到对方的鼠标/光标位置,点击,跟踪对方的浏览; 可以一起编辑表单,一起观看影片,并通过音频和WebRTC聊天;

  1. TogetherJS包括的一些功能:
  2. 见其他人的鼠标和点击
  3. 滚动位置
  4. 观看一个人访问的页面
  5. 文字聊天
  6. 使用WebRTC音频聊天
  7. 表单域同步(文本字段,复选框等)
  8. 播放/暂停/视频同步轨道
  9. 跨多个页面的网站上继续会话
厌倦 Bootstrap 了没?来试试新玩具
by ourjs keys JS开源 1379724791000
言归正传,给大家介绍一个新的前端组件包:UIkit
很新很新的项目,v1 不过才是两个月前发布的,不过该有的都有,大概看下来就算没 Bootstrap 那么全也不会比 Bootstrap 差,应对大多数的开发需求足够了,而且个人感觉几乎每一个组件都比 Bootstrap 略有增强(可能向下兼容性也更差,还没大范围测试),更加用心。
作为同样是以“响应式布局”优先,"Mobile First" 的前端组件包,UIkit 在 Grid 上的处理要比 Bootstrap 更周到一些,更简单(且语义化更强)的 class 命名,多栏高度自动适配,无需 offset 的 center row 等等,很有诚意啊。
就默认 theme 而言,其实和 Bootstrap 的差别不算太大。但可爱的是官方提供了一个 Customizer App,你可以在线对所有的组件进行可视化的自定义,然后帮你生成组件包。这个就比 Bootstrap 提供的替换变量的 Customizer 友好太多了,强大太多了~关键这是官方的,而不是第三方的,也就意味着随着版本的更新 Customizer 也会无缝衔接上。
不用HTML/CSS,JS就够了
by ourjs keys JS开源 1379234070000

有人在Github上面建了一个很有意思的项目。你只需要JS就可以创建网页。
原理其实很简单,创建一些“html函数”,如: p, div, ul, li 来创建你的网页,而且可以和backbone无缝结合, 下面有个例子:

h1('HTML Creation');
p('Tags are functions.')
p('Attributes are objects...', {
style:{fontStyle:'italic'}
})
ul(function(){
li('Nest');
li('with');
li('functions!');
});
Tessel 开源硬件正式发布
by ourjs keys JS开源 1378459346000
Tessel直接在设备上运行JavaScript,上传新的固件只需一句tessel 推送指令,非常简单。
现在它正式发布并接受预订了,不过价格略贵,核心+A模块大概要100$左右,比Raspberry Pi贵上不少,下面是两个模块的信息:

A模块:
继电器 - 打开和关闭设备(5安培)
温度/湿度传感器 - 获得有关气候
伺服驱动器 - 16小马达移动。包括一个伺服。 (包括额外的电源为美国的支持者)
加速度 - 获得实时移动数据
microSD存储 - 添加额外的存储空间您的Tessel(包括1GB的microSD卡)

B模块:
RFID(13.56MHz的) - 读取RFID标签
蓝牙低能量 - 将数据发送到其他设备,例如智能手机
GPS - 获取位置信息
音频输出 - 解码,声音输出文件/原始音频文件

 近期热门 - 点击最多
  1. React Native为http网络请求添加timeout超时异常处理: 用XMLHttpRequest替换fetch发送的区别
  2. React Native使用fetch发送http登陆验证请求失败:无法读取set-cookie并显示network request failed
  3. 克服Redux的缺点在React/Native中使用消息队列,pubsub-js更加简洁的组件间通信和状态传递方法
  4. Springboot+Gradle+Mysql+Jpa最简单实例教程
  5. SpringBoot+Spring6入门指南: 使用命令行快速搭建restful web api模板
  6. 如何通过 winax 的 ActiveXObject 或 Excel.Application 往 excel 中插入一张图片
  7. node.js用activex/com+自动化读写excel时查询接口、参数的调试方法
  8. TypeScript定义数字范围类型即仅包含【小时:分钟】的时间类型,每天指定时间点执行任务
  9. 比较测试:用百度文心一言和阿里通义千问写删除文件目录并且是async/await代码
  10. node.js使用TensorFlow入门教程二:什么是张量神经网络运算与矩阵的关系及基本入门代码

  全端社区 - 最新回复
  1. 使用PubSub-JS时ReactNative在后台运行一段时间唤醒后,组件无法scribe到publish的事件,typescript实现一个事件订阅发布组件
  2. React Native为http网络请求添加timeout超时异常处理: 用XMLHttpRequest替换fetch发送的区别
  3. ReactNative获取Android/iOS的MAC/IP地址: react-native-device-info模块的安装与使用
  4. React Native使用fetch发送http登陆验证请求失败:无法读取set-cookie并显示network request failed
  5. 克服Redux的缺点在React/Native中使用消息队列,pubsub-js更加简洁的组件间通信和状态传递方法
  6. Springboot+Gradle+Mysql+Jpa最简单实例教程
  7. SpringBoot+Spring6入门指南: 使用命令行快速搭建restful web api模板
  8. Paddle/abbyy等ocr比较:如何将图片生成可选择文字版PDF
  9. 如何通过 winax 的 ActiveXObject 或 Excel.Application 往 excel 中插入一张图片
  10. 如何用JavaScript获取某个元素copy selector的CSS选择器

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

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

OnceOA