Giter Site home page Giter Site logo

puerh's People

Contributors

amio avatar helloleo avatar sofish avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

puerh's Issues

[TBD] Puerh框架基础架构问题

  1. 目前Puerh框架的代码的形式更接近部署代码而不是源码。所有脚本都在一个脚本文件(plugins.js)里。所有样式也在一个样式文件(base.css)里。这不利于多人协作和维护。另外即使单考虑部署,也不够灵活。JS方面应考虑引入module管理(包括以module loader取代现有的并不在本框架内的bx script loader)。CSS方面应考虑至少拆分成多个不同层次的样式表。
  2. 脚本基础库仅仅包含了UI组件,未考虑其他(将来)可能需要的基础库。比如并未考虑日志和调试的问题,但实践中还是会有这个需求。
  3. 考虑到此框架应成为前端团队协作的项目,从长远看,应引入代码质量工具、预编译工具和代码部署工具。代码质量工具允许我们实施统一的代码风格和质量(比如要求ES5 strict模式)。预编译工具提高源码的抽象层次、可维护性。代码部署工具解决代码的压缩、合并和部署策略问题。

另,上述诸多需求中不少具有独立性,或许可作为Puerh以外的独立项目,然后以submodule形式引入。这样Puerh可保持比较纯粹的UI框架形式。

对Modal弹出框的小建议

Modal弹出框采用了box-shadow样式,而此样式在IE6、7、8下是不支持的。

而由于没有对Modal弹出框在IE下进行边框处理,导致Modal“失去”了边框,显得不是很美观,也不符合“框”的定义了。

建议解决方案:在IE下为Modal添加border属性

那个老一点的版本还有么?

那个老一点的版本还有么?

现在新版确实很漂亮,但内容却没有之前的一版丰富。如果还有副本,烦请给个地址。

仓库建议

  1. 添加 min 版本,这样就可以直接引用第三方 cdn 上的资源,比如百度静态资源公共库、Staticfile 等,现在仓库中只有源代码,没有压缩和合并版本,建议添加;
  2. 项目名称改成全部小写,即 Puerh 改为 puerh;
  3. 编码规范。

tatab

http://engineer.baixing.com:3003/start#css-ns

<div class="tatab-vertical">   --- 组件名 + 扩展名  //这个地方的`tatab`,貌似字误 :)
    <ul class="tab-trigger">
    ...
    </ul>
    <div class="tab-content">
    ...
    </div>
</div> <!-- .tab .tab-vertical-->

已把 Puerh 注册到 Bower

已把 Puerh 注册到 Bower,合理占坑还是有必要的。

现在可以通过 Bower 安装:

$ bower i puerh

接下来,README 可以做相应说明。

ie6bug

在ie6上,首页的右下方,大约是button的位置会有往左缩进的现象,导致button的text都看不到。
其他浏览器正常

Puerh和Bootstrap对class的命名是一致的吗?

Puerh是Bootstrap的fork吗,或者有所借鉴?还是独立的项目
看到在使用Bootstrap的js,是否可以认为两者在命名上是一致的?
那么原Bootstrap项目和Puerh项目之间互转大概有什么风险?

Tab 组件的标签可点击区域问题

请先看下图:

tab

问题描述

这个组件的结构是: ul.tab-title > (li.tab-title-item > a) * n

从设计上看(或者一般来说),整个 tab 标签页都应该是可响应点击操作的。不过由于 a 是行内元素,即使我们已经将其行高设置为 32px(刚好充满 li 的高度),它的可点击区域也只能覆盖到文字区域(即图中的阴影部分是不可响应点击的)。

解决方案

让 a 成为块级元素即可。同时为了防止在 IE7- 下 a 在水平方向上撑开 li,可以给 a 加左浮动,令其收缩宽度。保险起见,还可以再给 a 加 {white-space: nowrap}

另外 li 的高度其实可以去掉,因为 a 已经有明确高度了。


注意

由于目前暂不确定是本项目库和 haojing 所用的 Puerh 的版本是否一致,目前先在 haojing 修复此问题。此 issue 在本项目库仅做存档,待有必要时将修改应用到本项目库。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.