【问题标题】:webpage made entirely with canvas? [closed]完全用画布制作的网页? [关闭]
【发布时间】:2015-03-16 12:24:31
【问题描述】:

我真的很讨厌 CSS。我尝试做简单的事情,但它很快变得非常复杂。 另一方面,我使用画布来编写具有很多功能和菜单的游戏。 所以我想知道在整个网页上使用画布元素是否有什么问题?甚至是一张巨大的画布? 这篇文章使它看起来像画布更好,但更难使用(我认为是相反的方式)http://www.kirupa.com/html5/dom_vs_canvas.htm 然而,所有教程都广泛使用 css。那么这是不好的做法吗?如果有,为什么?

【问题讨论】:

    标签: javascript css html canvas


    【解决方案1】:

    对网页使用像素绘图是一个非常糟糕的主意,因为自己的浏览器的视口几乎相同,但在操作系统级别。

    HTML 和 CSS 只是对 UI 组合的简化,没有强迫开发人员通过代码绘制他们想要在屏幕上显示的内容的麻烦。

    我会给你最好的建议,你可以在那里找到:如果这是问题,请学习 CSS,因为因为不阅读手册和缺乏思想开放而重新发明轮子是我们最糟糕的决定可以在软件开发中实现。

    也许看看这些编译成常规 CSS 的伪语言可能会改变你对 HTML+CSS 的看法:

    正如其他人在 cmets 中所说的那样......

    ...手工绘制的意思是:

    • 没有 SEO。
    • 没有搜索索引(即在 Google 中索引您的内容)
    • 没有用户文本选择
    • 无法使用“另存为...”对话框将图像(jpg、png...)保存为常规 HTML 文档。
    • 没有视口缩放取决于用户的设备。
    • ...还有很多缺点。

    OP 说...

    这在专业环境中是否可以接受?说如果我使用 它在投资组合中申请工作。

    不,因为专业的 Web 开发人员在 Web 标准之上进行开发:他们没有创建替代方法来绘制主流开发社区无法理解的文档!

    如果某个具有实际开发知识的技术招聘人员发现了您开发 Web 的方式,他/她会说“令人印象深刻,但该候选人不适合我们的开发团队”。 p>

    【讨论】:

    • 还有一些额外的注意事项:没有 SEO,根本没有搜索索引,没有用户文本选择,没有适当的用户视口缩放,不能从页面保存图像,不能使用自定义用户 css/脚本,没有屏幕阅读器和可访问性,编码人员无法使用广泛的代码库/框架等。对所有人来说都是一个大问题。
    • @Tommi 显然。但是我不确定是否需要添加这个,因为这个讨论刚刚结束:在 Web 标准之上创建另一个网页开发模型是一个可怕的想法,足以不提任何东西。你同意吗? :D
    • 当然。只是想让 OP 阅读这个。评论他最初的帖子可能会更好。
    • @Tommi 我已经添加了你的建议...
    • @Tommi 我发现这种 OP 方法与其他提倡在 AJAX 上使用 WebSockets 的方法相同。
    【解决方案2】:

    除了 Matías Fidemraizer 已经非常出色的回答之外,我想补充一点,这将是一场互动的噩梦。您必须手动跟踪所有元素的位置、获取所有交互事件的位置、协调它们并运行事件循环。实际上,您将在 javascript 中复制大量浏览器。

    由于多种原因,学习 CSS 很困难。如果有人写了一本“CSS: The Good Parts”,它可以说比 Crockford 的书还要薄。最近在 CSSConf.Asia 上有一个 真的 很棒的talk 关于这个。它适用于后端开发人员的 css。它可能会让您深入了解更易于管理的 CSS 子集。

    【讨论】:

    • 精彩而励志的演讲。 Float:, display: inline 和定位一般来说真的很令人沮丧,但这让它有了更好的视角。我只是认为将网页视为本机 OO 应用程序而不是这种“时尚报纸”类型的东西会更容易。
    • 是的,它肯定不像 swing 或 tk,这是肯定的。也许我对网络开发者有偏见:)
    猜你喜欢
    • 2013-09-22
    • 2016-11-13
    • 1970-01-01
    • 2018-11-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-03-12
    • 2021-06-18
    相关资源
    最近更新 更多