围观tangram js库

Tangram官方网站。
http://tangram.baidu.com/tangram/

围观社区:
简易社区,直接使用tieba。反馈的信息不大多。
按优点、不足、疑问、建议,分开来看。

优点:
本土化与中国特色。
caisonghai:
    tangram 七巧板 很好 支持国产
willstier:
    是纯中文的,对于我们这些英文不够的人来说,可能要更合适一些.
我是套娃:
    百度的工程师拿着百度的工资写着百度类库的中文文档,比业余爱好翻译进口内裤文档的效率要高点

开源给企业形象加分。
后天美丽:
    开源是正道,多做贡献少作恶。(JK:一直不明白,百度作过什么恶。)
willstier:
    希望这个东西能给百度增加一点正面的形象

折分粒度小,可订制。
枪枪_枪手:
    可以订制,这个功能太爽了。这个好像其它的没有。
wuduoyi:
    ……(原文略,大意是能精细订制,jquery无法做到)
andyhonglove:
    看了下,很不错,比JQ体积小多了,感谢百度。(JK:应该是按需订制后的大小。)

不足:
文档问题:
我是套娃:
    围观了一下API文档,整个基础库没什么惊喜的东西,UI库的组件丑,好像也没外观可定制性,代码封装的也不优雅。
xrsf13:
    百度搜不到什么技术文档,如果这个内裤没有亮点,我情愿继续用jq
1‰的爱恋:
    开发文档居然夹杂中英文引号,我只能摊手,表示这玩意还是不用为好
zsl198854:
    还浏览器支持,,,完整拷你一个简单例子都报错!
ishanon:
    官网的文档的文档实在不敢恭维。
(JK:文档,这东东真是个难题。)

“框架”与“框枷”。
宴会面具:
    绑架,完全是一种绑架。学js是必须d.小心被绑架.到时候会死的很难看的

易用性。
苗荣庭:
    操作上,感觉没有JQ和Ext来的精简实用。获取一个DOM,JQ只需要输入$ extjs也只是Ext.Get 而这个需要输入一长串才可以。虽然可以先var一个baidu.dom 但个人感觉,还是太长了。建议精简。 (JK:tangram也有链式调用(Element),不过与jq相比,显得有点粗糙。)

疑问:
网友willstier:
    1.百度是否能够坚持做下去
    2.是否会有足够的周边资源.毕竟JQuery有着丰富的资源.
folyred:
    (相对于jquery等的快速更新)baidu是否会坚持改进和不断更新,如何去整合资源。
我是套娃:
    百度专职做这个项目的工程师有多少?不会是开发产品是这一批人,做tangram项目也是这一批人,百度产品开发繁忙的时候,这条内裤也就几个月不洗。
    现在除了IE,很多浏览器都会自动升级,今天发布一个库,明天浏览器一升级可能就不兼容了,特别是UI组件。这个时候怎么办?
yojeajie
    什么时候百度或者是社区能够提供一个对tangram好的开发环境和本地化的api。

建议。
在社区里面,没看到什么有价值的建议。
------------------------------------------------

JK的一些想法:
1。关于tangram的名字。
    很有中国特色的一个名字。
    是一个冷词,对于tangram的用户,在百度或谷歌搜tangram,搜到的结果会符合预期。
    不足是:不便记忆,不大好缩写。
2。关于命名空间baidu。
    其实不大明白,作为一个开源项目,为什么要把命名空间用baidu?而不是用tangram(如果用tangram,需要解决“tangram应该缩写成什么”这个问题)。
3。订制功能/本土化(国人原创,天然本土)是tangram的两大亮点。
4。易使用性/封装技巧/代码结构/扩展方式等,ms还有不少的改进地方。

使用一个库,会有挺大的成本与风险。
就现在的情况来看,tangram还需要多多改进,才能是变成一个对于项目开发者来说,是个“方便”“健康”“可依赖”的框架。
但对于某些js爱好来,用它当函数库,来开发独立的组件,倒是个不错的选择。

纯属个人观点,偏颇之处,多多包涵指正

(0)

相关推荐

  • tangram框架响应式加载图片方法

    各种网站经常看到页面滚动到可视区域,然后才加载相应的图片资源,他的本质是什么呢?本文来分析一下很简单,就是判断当前元素是否是可视区域内 假设:h1 = 滚动条滚去的高度w1 = 滚动条滚去的宽度h2 = 屏幕的高度obj 表示当前对象 {x:当前对象相对于文档左上角的位置x,y:当前对象相对于文档左上角的y} 则应该这样判断在y轴方向上:if(obj.x>h1&&obj.x<h1+h2||obj.x+obj.offsetHeight>h1&&|obj.x+

  • 围观tangram js库

    Tangram官方网站.http://tangram.baidu.com/tangram/ 围观社区:简易社区,直接使用tieba.反馈的信息不大多.按优点.不足.疑问.建议,分开来看. 优点:本土化与中国特色.caisonghai:    tangram 七巧板 很好 支持国产willstier:    是纯中文的,对于我们这些英文不够的人来说,可能要更合适一些.我是套娃:    百度的工程师拿着百度的工资写着百度类库的中文文档,比业余爱好翻译进口内裤文档的效率要高点 开源给企业形象加分.后天

  • tangram.js库实现js类的方式实例分析

    本文实例讲述了tangram.js库实现js类的方式.分享给大家供大家参考,具体如下: 前面一篇http://www.jb51.net/article/25781.htm对tangram.js库做了较为详细的介绍,这里结合实例分析一下tangram.js库实现js类的方式.代码如下: /* * Tangram * Copyright 2010 Baidu Inc. All rights reserved. * * @author: meizz * @namespace: baidu.lang.c

  • js库Modernizr的介绍和使用

    传统浏览器目前不会被完全取代,令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站. Modernizr 正是为解决这一难题应运而生,作为一个开源的 JavaScript 库,Modernizr 检测浏览器对 CSS3 或 HTML5 功能支持情况. Modernizr 并非试图添加老版本浏览器不支持的功能,而是令你通过创建可选风格配置修改页面设计. 它也可以通过加载定制的脚本来模拟老版本浏览器不支持的功能. 什么是Modernizr? Modernizr是一个开源的JS库,它使得那些基

  • JS库之Three.js 简易入门教程(详解之一)

    开场白 webGL可以让我们在canvas上实现3D效果.而three.js是一款webGL框架,由于其易用性被广泛应用.如果你要学习webGL,抛弃那些复杂的原生接口从这款框架入手是一个不错的选择. 博主目前也在学习three.js,发现相关资料非常稀少,甚至官方的api文档也非常粗糙,很多效果需要自己慢慢敲代码摸索.所以我写这个教程的目的一是自己总结,二是与大家分享. 本篇是系列教程的第一篇:入门篇.在这篇文章中,我将以一个简单的demo为例,阐述three.js的基本配置方法.学完这篇文章

  • jQuery多个版本和其他js库冲突的解决方法

    jQuery多个版本或和其他js库冲突主要是常用的$符号的问题,这个问题 jquery早早就有给我们预留处理方法了,下面一起来看看解决办法. 1.同一页面jQuery多个版本或冲突解决方法. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery测试页</title> </head>

  • 日期处理的js库(迷你版)--自建js库总结

    接口+继承+代码优化思想 先分享下我觉得一个很不错的js编程小技巧,达到很大的代码共用性! 因为很多js库会在原生的对象上进行直接原型扩展,但这是很不好的习惯,不仅加重了每个新实例对象的内存消耗,而且容易造成污染性误解(以为有这东西)!而这也是建js库一个准则:尽量少的原型扩展,特别是越根部的对象! js建库准则 js建库准则(Dean Edwards在开发base2时候的一些体会)翻译版:http://biaoge.me/2009/12/239 js建库学习好地方:http://ejohn.o

  • 用move.js库实现百叶窗特效

    今天操作的是一个,百叶窗效果的一个页面特效,好,现在直接上最终效果吧.demo做的有点low,不过效果都在了 这是html和css代码:思路就是,每一个li里面div,放几个p,通过调节translatY,来控制. <style> *{ padding: 0; margin: 0; list-style: none; } #bai{ width: 400px; height: auto; float: left; margin-left:20px auto; } li{ text-align:

  • JS库之Highlight.js的用法详解

    官网:https://highlightjs.org/ 下载地址:https://highlightjs.org/download/ 下载到本地后,新建个页面测试 1.在head中加入css和js的引用 <head> <title>highlight</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <link r

  • SVG动画vivus.js库使用小结(实例代码)

    SVG动画vivus.js库使用整理,具体实例代码如下所示: 使用方法如图: HTML例子代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta

  • Vue框架中正确引入JS库的方法介绍

    本文主要给大家介绍的是关于在Vue框架中正确引入JS库的相关内容,分享出来供大家参考学习,下面话不多说,来一起看看详细的介绍: 错误示范 全局变量法 最不靠谱的方式就是将导入的库挂在全部变量window 对象下: // entry.js: window._ = require('lodash'); // MyComponent.vue: export default { created() { console.log(_.isEmpty() ? 'Lodash everywhere!' : 'U

随机推荐