Simple is Happiness
Less is more
技术前沿
一句命令快速合并 JS、CSS
by ourjs keys 技术前沿 1378128093000
  在项目开发环境下,我们会把 JS 代码尽可能模块化,方便管理和修改,这就避免不了会出现一个项目自身 JS 文件数量达到 10 个或者更多。
  而项目上线后,会要求将所有 JS 文件合并为 1 个或者几个,手动的操作虽然也不是问题,但每次修改更新都要手动操作合并一遍,这就肯定是个噩梦了。
  这种情况下,一些工具也就随之产生,比如在线合并,一些网站提供js文件上传,然后合并,但这还是很麻烦,如果开发环境没有网络呢?
  这会我就想到了 windows 系统下的 cmd 里的 copy 命令,它虽然是个复制的功能,但实则也是可以实现合并文件的需求,下面就看下这句代码:
copy a.js+b.js+c.js abc.js /b
移动网站性能优化:网页加载技术概览
by ourjs keys 技术前沿 1377566848000
性能一直是网站成功的关键。越来越多的研究已经证明,不管是小型电商,还是像沃尔玛那样的连锁店,即使是页面加载时间方面的细微改善,都可以带来更多的业务,更多的广告收入,更多的用户粘性和更多的客户满意度。



在过去几年,Web开发者都是基于改善硬件或者提高带宽速度来优化用户体验。但是最近几年,爆炸式的移动Web浏览器的使用打破了这个途径。低带宽,高延迟,小内存,低处理器性能的移动设备环境,迫使开发者不得不想办法通过优化前端页面的性能来满足用户的性能预期。



在强调如何解决移动端性能问题上,这篇文章总结了一些前端优化的案例,并且概括了一些加速页面的方法和策略。
用树莓派你可以做的25件有趣的事
by ourjs keys 技术前沿 1379837382000

树莓派(英语:Raspberry Pi),是一款基于Linux系統的只有一張信用卡大小的微型电脑。它由英国的树莓派基金會所开发,目的是以低价硬件及开源软件刺激在学校的基本的电脑科学教育。本文列举了可以用树霉树莓派做的25件有趣的事情:

1. 封装我的Pi
2. 自己做个壳
3. 家用电脑
4. 迷你浏览器
5. ZX Spectrum Pi
6. 老式游戏机
7. 浏览商品
8. 装个Windows 3.0
9. 机器人

在ES5中实现MapReduce
by ourjs keys 技术前沿 1376708046000
简单说来,映射就是创建了一个新的列表来保存新的答案。而化简操作指的是对一个列表的元素进行适当的合并;

这项功能已经被大量使用在NoSQL数据库中,其实在ES5中已经默认加入了这种支持;如Array中的filter, map, reduce:
[1,2,3,4,5].filter(function(obj){
    return obj < 3
});
[9,8,5,2,3,4,5].map(function(obj){
    return obj + 2;
});
[9,8,5,2,3,4,5].reduce(function(sum, val){
    return sum += val;
}, 0);
这里有个老外详解了它们的用法;
为什么JavaScript有能力成为未来企业级编程语言?
by ourjs keys 技术前沿 1376644289000
毫无疑问,自从上世纪90年代中期发行以来,JavaScript就已经成为最流行的Web开发语言之一了。在2012年9月份,行业分析公司RedMonk就公布了JavaScript在开发语言里已经处于遥遥领先的地位。这主要归功于JavaScript提供丰富的、动态的网页内容的能力,以及JavaScript的轻便性和高易用性。

尽管JavaScript最初只是一个浏览器脚本语言,但是近几年,我们已经能够明显看到它在不断地演变:在桌面端、移动设备和服务端Web App领域都有所发展。在不久的将来,JavaScript有望成为IT企业里占据主导地位的开发语言——最终取代现在普遍使用的C,C++和Java开发语言。
图解C++、CoffeeScript、Ruby复杂度
by ourjs keys 技术前沿 1376300667000
这里拿来比较的概念既包括类和操作这样大的范畴,也包括if-else状态和while循环这样的较细节的地方。从不同的角度比较语言的复杂度肯定会大不相同,所以这些数字只能粗略地反映语言复杂度。但无论如何,我觉得还是得到了一些有趣的数据。

同样,我对其它静态语言,比如F#和Scala一起做比较也很感兴趣,可惜我并不熟悉它们,所以很难做出正确的比较。
Adobe为Photoshop CC开发的'Generator',基于Node.js
by ourjs keys 技术前沿 1379049658000
Adobe Generator是一个新的工具,可以让您更轻松地在工作流程中自动化创建Photoshop文档。 Generator基于Node.js的平台,可以用JavaScript编写的插件。
通常我们在使用PhotoShop时都是手动的,现在你可以使用JavaScript将你某个文件夹中的图片导入到一个图层组,通过复制,裁剪等操作后,再导出为JPG/PNG或GIF图片, 这就意味着你文件夹中的图片会始终和PhotoShop中的设计保持一致。
Adbode官网还提供了几个Demo的视频,不过可能需要翻墙才能看到。
Web App框架发展趋势及现状分析
by ourjs keys 技术前沿 1375882029000
摩尔定律作为指引PC发展最重要的定律,同样也在移动设备的发展上起着重要的作用。国内某款按照互联网思路开发手机的大佬曾宣称:手机CPU的发展速度可能会超过PC的发展速度。按照这个思路可以预见,手机的处理能力将会达到甚至超过PC的处理能力。与此同时,手机浏览器的处理能力将会和PC浏览器能力不相上下。在硬件飞速发展的同时,操作系统和软件的更新也在快速演进。继iOS超强的硬件加速能力之后,在Android 4.0中,为系统默认引入硬件加速功能成为了最大卖点。这将会为Android系统带来更加流畅的界面体验,同时也会为浏览器带来更好的Canvas绘制性能以及CSS Animation的效果。不仅如此,在2012年2月,Chrome for Android的发布也进一步推动了手机浏览器的发展。Chrome for Android直接移植了桌面版Chrome 16.0的代码,同样延续了Chrome在启动速度、渲染速度、网页加载速度以及基于V8引擎的JavaScript执行速度这些可以秒杀同行的能力。
PaaS乱局:Container的新机遇
by ourjs keys 技术前沿 1377919857000
从技术上看,Container并非近几年的创新,OpenVZ、FreeBSD jails、Solaris Zones等都是Container技术(轻量级虚拟化技术,OS层虚拟化技术)的实现,而Fedora和Mozilla中国的区代表Gerard Braad在接受CSDN采访时进一步扩展了Container的概念:

浏览器的沙箱从资源隔离的角度,以及Java的J2EE Container从标准抽象化的角度,其实跟Container的概念是一致的。

当下,PaaS越来越多的和Container联系在一起,Container的高资源利用率等特性恰恰是PaaS需要的。

Container的优势

程显峰将Container的优势总结为以下四点:
Tessel:用JavaScript做嵌入式开发
by ourjs keys 技术前沿 1376813432000
Tessel是一个针对软件开发者的可连接网络的微控制器。


嵌入式开发就像写一个网络应用或手机应用一样简单。只不过是建立一个真实产品的原型,改善遥感技术的体验以及通过WiFi来更新罢了。它创造了一种新与屏幕之外的生活互联的新方式。

$ npm install hardware -g
$ tessel shell
> var tessel = require('tessel')
> tessel.led(1).blink()
> tessel.led(2).blink()

详见官方主页: technical.io

 近期热门 - 点击最多
  1. python基于asyncio实现 Redis 的异步操作哈希数据写入 / 读取、发布订阅消息中间件
  2. Node.js 打印vite react+go项目目录树
  3. Angular入门:用Signals状态管理和Bootstrap基础样式实现的用户登录注册实例教程
  4. 用Gitea搭建免费Git服务器自定义Actions配置CI/CD自动化部署和测试流水线
  5. FastAPI+SQLModel+PostgreSQL+React+Vite全栈项目文件结构说明环境搭建与初始化指南
  6. React结合vite使用vue3,在纯typescript的react hooks中使用vue
  7. valtio基于Proxy代理比redux\zustand更简洁的react状态管理库
  8. React Native为http网络请求添加timeout超时异常处理: 用XMLHttpRequest替换fetch发送的区别
  9. React Native使用fetch发送http登陆验证请求失败:无法读取set-cookie并显示network request failed
  10. 克服Redux的缺点在React/Native中使用消息队列,pubsub-js更加简洁的组件间通信和状态传递方法

  全端社区 - 最新回复
  1. 在无管理员权限的情况下,使用安装Python补全pip临时配置环境变量;即零权限使用node.js/npm
  2. Python鉴权方法:Depends 依赖注入;装饰器;与基于Proxy模式的Session状态管理自动计算脏属性;将用户数据存储在Redis中
  3. python基于asyncio实现 Redis 的异步操作哈希数据写入 / 读取、发布订阅消息中间件
  4. Angular入门:用Signals状态管理和Bootstrap基础样式实现的用户登录注册实例教程
  5. 用Gitea搭建免费Git服务器自定义Actions配置CI/CD自动化部署和测试流水线
  6. FastAPI+SQLModel+PostgreSQL+React+Vite全栈项目文件结构说明环境搭建与初始化指南
  7. Node.js 打印vite react+go项目目录树
  8. valtio基于Proxy代理比redux\zustand更简洁的react状态管理库
  9. Windows与Mac通过git ssh和rsync实现文件共享互传
  10. Windows与Mac通过git ssh和scp实现文件共享互传

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

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

OnceOA