码迷,mamicode.com
首页 > 其他好文 > 详细

关于前端那些事

时间:2016-10-21 16:30:20      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:之间   dir   比较   标准化   包括   jni   html   for   www   

这两天由于项目原因要求前端处理图片,对图片进行各种折腾,还要效率高,兼容性好,于是一直在看js,html5,css3的内容,

说实话之前很少搞前端,顶多用js写写验证,做个跳转什么的,Jquery都用的少,这可难为人了。

以下内容很乱,但是花了今天一上午的时间,总得记录点什么吧。

1:chrome 参考 safari 都使用了开源的webkit,但chrome试用了自己的javascript 引擎-V8 ,啥叫引擎,就是将js代码编译,执行的容器,和JVM一样。

听说chrome再次将webkit精简->Blink,微信浏览器更新成了Blink内核,提供了更强大的HTML5和CSS3支持。

因此类似这种写法 obj.style.webkitTransform chrome和safari都支持的。

2:顺便了解了一下V8的高性能的背后,具体参考http://blog.csdn.net/horkychen/article/details/7761199 貌似这篇文章是日本工程师写的,就是很详细很好懂啦,

V8还可以作为动态链接库直接实现像Java+JNI+C++那种互调的功能,很强大有没有。

3:还看了一下Javascript 中的神器——Promise,then的语法太优雅,有没有,具体参考http://www.jianshu.com/p/063f7e490e9a

4:Css3的GPU加速,webGL的可以让前端直接调用OpenGL做图像处理 

Three.js

JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示。不过,这款引擎目前还处在比较不成熟的开发阶段,其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度(尤其是文档的匮乏)three.js的代码托管在github上面。

关于2维3维计算机图形技术、Khronos Group对各种技术进行了标准化并制定了[OpenGL]、作为Windows、Mac、Linux上的一种跨平台技术并一直活跃着。 OpenGL 能够从任意视点出发,对三维空间中的物体进行二维投影的自动计算。 而且因为可以直接操作计算机的图形卡、OpenGL能够非常高速和高精度地描绘三维图像。2009年,Khronos Group把这样的OpenGL技术运用到WEB浏览器并制定了WebGL。WebGL 是 OpenGL 和 JavaScript 之间的结晶、HTML5 的 canvas 元素里、利用和OpenGL同样的API、可以绘制高精度的三维图像。 但问题也出来了,占有最大浏览器份额的InternetExplore反对采用WebGL。 因为一直以来 OpenGL 和 开发InternetExplore 的 Microsoft公司独自开发的三维图形API「DirectX」处于竞争者关系。 可因为 DirectX 只是 Microsoft 公司的产品、不能成为跨平台的选择、 而且在浏览器中描绘性能也没有超过WebGL的迹象、所以胜败已经是很明显的事情了。 关于WebGL的中需要注意的是、浏览器要支持WebGL、电脑中安装的图形显示卡中的OpenGL的版本必须要是2.0以上。

具体可以参考以下link,

http://www.hiwebgl.com/?p=1058

这么看前端越来越重了,对于前端工程师来说也是好事,曾经复杂的功能现在底层就支持了,节约了不少宝贵时间~

 

关于前端那些事

标签:之间   dir   比较   标准化   包括   jni   html   for   www   

原文地址:http://www.cnblogs.com/marszhw/p/5984782.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!