【软件周刊第 21 期】Angular 4.0.0 正式版发布;Google Chrome 悄悄升级 WebGL 2.0 标准

Google Chrome 悄悄升级 WebGL 2.0 标准

Google Chrome 悄悄升级了 WebGL 2.0 标准,可以借助新一代显卡,提供先进的 3D 影像,还可以使用 WebGL 2.0 获得更快的 3D 渲染。

其实早在 Chrome 56(今年一月底更新)的时候,Google 就已经加入了对WebGL 2.0 的支持,但当时并没有特别介绍,但在最近的一篇博客文章里对其做了特别的描述。WebGL 2.0 目前适用于 Windows,macOS,和Linux 上具有现代图形硬件的 Chrome 用户,并且即将在 Android 上推出。

WebGL 2.0 使得构建 3D Web 应用程序更容易,以及更快的实时渲染和新型的纹理和渲染器,还有就是降低了视频的内存消耗。包括延迟渲染、色调映射、体积效应和粒子效果的技术现在都可以高效地实现。新的 API 还使得 WebGL 具有与OpenGL ES 3.0(移动游戏中常用的图形平台)同等的特性。

除了新的渲染功能,WebGL 2.0 还引入了一个扩展的一致性测试套件,包含超过 340,000 个测试用例,以帮助确保不同的 Web 浏览器提供兼容的图形平台。Chrome 在每个桌面平台上跨多个 GPU 100% 传递这些用例,确保其 WebGL 2.0 实现是稳定和一致的。

如果已经升级好了(桌面版)Chrome 56、Firefox 51 或 Opera 43 以上的版本的话,来玩玩这个After the Flood示范吧!

Angular 4.0.0 正式版发布, Web 前端框架

经历了 6 个 RC 版本之后,Angular 项目组终于发布了正式版 Angular 4.0.0。值得关注的点有:

  • 速度更快、体积更小:除了速度更快、体积更小,该版本还对内置指令 NgFor 和 NgIf 以及模板的 source map 等功能进行了优化
  • 向后兼容:该版本向后兼容大多数应用中的 2.x.x 系列
  • 强力优化代码:新版优化了 View 引擎,改进后 AoT 生成的代码将减少约 60%,而且模板越复杂,所优化的代码量就越大
  • 动画部分单独打包:Angular 将动画部分从 @angular/core 拆分出来,单独打包。将核心模块精简后,在不使用动画时产品中将不包含冗余的动画代码。如需要动画,可使用相关功能自行导入

正式版还带来以下新特性:

  • 优化了内置指令 NgIf和 NgFor:新版本中的模板对于绑定语法做了些修改,将支持开发者使用 if/else 类型的语法,并支持在展开 Observable(可观察对象)等代码中分配局部变量
<div *ngIf="userList | async as users; else loading">
 <user-profile *ngFor="let user of users; count as count" [user]="user">
 </user-profile>
<div>{{count}} total users</div>
</div>
<ng-template #loading>Loading...</ng-template>
  • TypeScript 2.1 与 2.2 的兼容:Angular 的 TypeScript 目前已更新到 2.2 版本,一方面提高了 ngc 的速度,同时在应用中进行 type 检查时,体验也更优秀。当前版本向下兼容
  • 模板的源映射:目前如果模板出现错误,会生成源映射,以了解原始模板中的前因后果及背景环境

由于 Angular 团队计划每半年发布一个主要(Major)版本,因此按计划 Angular 5 将于 2017 年 9 月发布。

IntelliJ IDEA 2017.1 正式版发布

正式版值得关注的亮点有对 Java 9 的支持,以及对 Spring Data 支持的改进。

IntelliJ IDEA 2017.1带来了对 Java 9 新模块化的支持(Jigsaw 项目)。在这个最新的版本中,支持在module-info.java文件中的代码完成,以及为项目添加模块的快速修复详细内容请参阅官方博客说明

除了对 Java 9 的支持,IntelliJ IDEA 2017 还包含了许多帮助 Spring 开发者的新功能。查看这篇文章以了解详细的对 Spring Data 支持的功能。

GitLab 9.0 发布,次级群组与部署面板功能上线

GitLab 9.0 在经过 8.x 系列 18 个月的千锤百炼终于于北京时间 3 月 23 日正式发布。有以下更新内容:

次级群组

9.0 在接受用户反馈后,对组结构进行了升级,9.0 版本开放了次级群组的功能,我们可以在一个群组里面再创建一个或者多个次级群组,对代码仓库的权限区分更为细致。

次级群组是什么样子的呢,举例来说,比如我们已经存在一个gitlab-nested的群组,我们将它再细分为design设计团队,backend后端团队,frontend前端团队,而且我们还可以更细致的划分次级群组,如design的次级群组ux,marketing

部署面板,企业版专供

提供了 CI/CD 系统可视化的界面,但是该功能仅企业版可用,这里也没必要多做介绍了,直接看图吧。

Red Hat Enterprise Linux 6.9 正式发布,增强平台安全性和可靠性

Red Hat Enterprise Linux 6.9 提供了与 Red Hat 合作伙伴协作开发的新硬件支持,有助于将 Red Hat Enterprise Linux 6 生产部署平稳过渡到 Red Hat Enterprise Linux 7 环境。

此外,Red Hat Enterprise Linux 6.9 添加了 TLS 1.2,以进一步加强安全通信,并为最新的 PCI-DSS 标准提供更广泛的支持,更好地为企业提供更安全的在线交易。

WebStorm 2017.1 发布:增加对 Vue.js 和 Jest 的支持

这是今年的第一个大更新!增加了对 Vue.js 和 Jest 等令人兴奋的技术支持,为代码风格带来了更多的灵活性,改进了对 React 和 Angular 的支持等等。

  • 支持 Vue.js
  • 自动导入 React 组件
  • Angular 语言服务
  • 集成Jest

其他热门软件更新

本周开源项目推荐

AndServer — Android 端的 Web 服务器

AndServer 是一个 Android 端的 Web 服务器,类似 Apache 或者 Tomcat,但又有不同,它是一个普通的 Android Library,Android 项目 Gradle 远程依赖或者添加 jar 包皆可引入该项目,然后就通过正常 Android 开发一样开发 App 了。

AndServer 是用纯 Android API 写一个库,所以不用任何第三方的库或者什么硬件编译,打成 jar 包后仅仅 580kb。

特点

  1. 接受客户端文件上传、下载文件
  2. 动态 HTTPAPI,像 Java 的 Servlet 一样写接口
  3. 部署静态网站,例如纯 HTML,支持 JS、CSS、Image 分离
  4. 部署动态网站,例如 HTML 表单,当然可以结合上面的 Android HTTP 接口

原文链接:http://www.jb51.cc/article/p-xuglmiwr-bov.html
责任编辑:开源中国局长
转载必须在正文中标注并保留原文链接和作者等信息

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中文文档更容易理解,前提是你的英语基础还可以。英文文档对于知识点讲述简明扼要,通俗易懂,而有些中文文档读起来特别费力,基础差、底子薄的有可能一会就会被绕晕了,最起码英文文档中的代码与中文文档中的代码是一致的,但知识点讲述实在是差距太大。Angular.jshasapowerfuldire
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是一个令人印象深刻的 JavaScript 图表库,建立在 HTML5 Canvas 基础上。目前,它支持6种图表类型(折线图,条形图,雷达图,饼图,柱状图和极地区域区)。而且,这是一个独立的包,不依赖第三方 JavaScript 库,小于 5KB。   其中用到的软件:   Chart.js框架,版本1.0.2,一
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,结局方案为更换jquery、angularjs、IE的版本。 1.首先尝试更换jquery版本为1.7.2 jquery-1.9.1.js-->jquery-1.7.2.js--> jquery2.1.4.js 无效 2.尝试更换IE版本IE8 IE11-
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:http://ngmodules.org/modules/angularjs-dropdown-multiselecthttp://dotansimha.github.io/angularjs-dropdown-multiselect/#/AngularJSDropdownMultiselectThisdire
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目需求,需要在首页搜索框中添加语音输入功能,考虑到科大讯飞语音业务的强大能力,遂决定使用科大讯飞语音输入第三方服务。软件首页截图如下所示: 涉及的源代码如下所示: //语音识别$rootScope.startRecognize = function() {var speech;
Angular数据更新不及时问题探讨前言 在修复控制角标正确变化过程中,发觉前端代码组织层次出现了严重问题。传递和共享数据时自己使用的是rootScope,为此造成了全局变量空间的污染。根据《AngularJs深度剖析与最佳实践》,如果两个控制器的协作存在大量的数据共享和交互可以利用Factory等服务的“单例”特性为它们注入一个共享对象来传递数据。而自己在使用rootScope
HTML:让表单、文本框只读,不可编辑的方法有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使中国">的内容,"中国"两个字不可以修改。实现的方式归纳一下,有如下几种。方法1:onfocus=this.blur()中国"onfocus=this.blur()>方法2:readonly中国"readonly>中国"readonly="tru
在AngularJS应用中实现微信认证授权遇到的坑前言 项目开发过程中,移动端新近增加了一个功能“微信授权登录”,由于自己不是负责移动端开发的,但最后他人负责的部分未达到预期效果。不能准确实现微信授权登录。最后还得靠自己做进一步的优化工作,谁让自己是负责人呢?原来负责人就是负责最后把所有的BUG解决掉。 首先,熟悉一下微信授权部分的源代码,如下所示:
AngularJS实现二维码信息的集成思路需求 实现生成的二维码包含订单详情信息。思路获取的内容数据如下: 现在可以获取到第一级数据,第二级数据data获取不到。利用第一级数据的获取方法获取不到第二级数据。for(i in data){alert(i); //获得属性 if(typeof(data[i]) == "o
Cookie'data'possiblynotsetoroverflowedbecauseitwastoolarge(5287>4096bytes)!故事起源 项目开发过程中遇到以上问题,刚开始以为只是个警告,没太在意。后来发现直接影响到了程序的执行效果。果断寻找解决方法。问题分析 根据Chrome浏览器信息定位,显示以下代码存在错误:
AngularJS控制器controller之间如何通信angular控制器通信的方式有三种:1,利用作用域继承的方式。即子控制器继承父控制器中的内容2,基于事件的方式。即$on,$emit,$boardcast这三种方式3,服务方式。写一个服务的单例然后通过注入来使用利用作用域的继承方式由于作用域的继承是基于js的原型继承方式,所以这里分为两种情况,当作用域上面的值
AngularJS路由问题解决遇到了一个棘手的问题:点击优惠详情时总是跳转到药店详情页面中去。再加一层地址解决了,但是后来发现问题还是来了:Couldnotresolve'yhDtlMaintain/yhdetail'fromstate'yhMaintain'药店详情http://192.168.1.118:8088/lmapp/index.html#/0优惠券详情
书海拾贝之特殊的ng-src和ng-href在说明这两个指令的特殊之前,需要先了解一下ng的启动及执行过程,如下:1)浏览器加载静态HTML文件并解析为DOM;2)浏览器加载angular.js文件;3)angular监听DOMContentLoaded事件,监听到时开始启动;4)angular寻找ng-app指令,确定作用范围;
angularjs实现页面跳转并进行参数传递Angular页面传参有多种办法,我在此列举4种最常见的:1.基于ui-router的页面跳转传参(1)在AngularJS的app.js中用ui-router定义路由,比如现在有两个页面,一个页面(producers.html)放置了多个producers,点击其中一个目标,页面跳转到对应的producer页,同时将producerId
AngularJS实现表格数据的编辑,更新和删除效果实现首先,我们先建立一些数据,当然你可以从你任何地方读出你的数据var app = angular.module('plunker', ['ui.bootstrap']);app.controller('MainCtrl', function($scope) { $scope.name = 'World'; $sc
ANGULAR三宗罪之版本陷阱      坑!碰到个大坑,前面由于绑定日期时将angular版本换为angular-1.3.0-beta.1时,后来午睡后,登录系统,发现无论如何都登陆不进去了,经过调试,发现数据视图已经无法实现双向绑定了。自己还以为又碰到了“僵尸程序”了呢,对比药店端的程序发现并没有什么不同之处。后来自己经过一番思索才隐约感觉到是不是angular的版本造成的,将版本换为之前
JS实现分页操作前言 项目开发过程中,进行查询操作时有可能会检索出大量的满足条件的查询结果。在一页中显示全部查询结果会降低用户的体验感,故需要实现分页显示效果。受前面“JS实现时间选择插件”的启发,自己首先需要查看一下HTML5能否实现此效果。 整了半天,不管是用纯CSS3也好,还是用tmpagination.js还是bootstrap组件也好,到最后自己静下心来理
浏览器兼容性解决之道前言 浏览器兼容性一直是前端开发中不得不面对的一个问题。而最突出的就是IE。对绝大多数公司来说,兼容IE6的性价比已经很低,而IE7则几乎已经绝迹。所以,常见的兼容性下限是IE8。这也正是Angular1.2x的兼容性目标,Angular团队声明:Angular的持续集成服务器会在IE8下运行所有的测试。但这些测试不会运行在IE7及以下版本,它们也不会保证An
JS利用正则表达式校验手机号绪 由于项目需求,需要在前端实现手机号码的校验。当然了,对于基本的格式校验应该放在客户端进行,而不需要再将待校验的手机号发送至服务端,在服务端完成校验,然后将校验结果返回给客户端,客户端根据返回的结果再进行进一步的处理。如此反而复杂化了处理过程。 其实,处于安全考虑,应该在服务端进行二次校验。以下为在客户端的JS中校验手机号码格式
基于项目实例解析ng启动加载过程前言 在AngularJS项目开发过程中,自己将遇到的问题进行了整理。回过头来总结一下angular的启动过程。 下面以实际项目为例进行简要讲解。1.载入ng库2.等待,直到DOM树构造完毕。3.发现ng-app,自动进入启动引导阶段。4.根据ng-app名称找到相应的路由。5.加载默认地址。6.Js顺序执行,加载相应模版页sys_tpls/