关于 xiuno 的一些吐槽 Javascript HTML/CSS

初衷 5月前 1336

一线纯属个人观点。。。


...


在这里吐槽总有种吃饱了骂厨子的感觉,毕竟用了一个开源的项目。。


...



我是一个从业很多年的前段,今年之后就一直想建个博客来着,虽然几年前有写过WordPress并一直在售卖,但一直对WordPress没有一点好印象,加上如今 react , vue , angular 的盛行,前端早已重新洗牌,迎来了有一个时代,但是总不能自己从头写一个吧。。最后发现了xiuno。试用完还是很满意的,虽然是php,虽然用 jq,虽然是BootStrap。。对于一个开源的项目选择这些我认为是有一定道理的,虽然前端早已不是以前写写css、html、js的时代了。。。jq竟然还出了3.。。我以为它应该准备好退出舞台进入历史了。。。



...



扯得有点远,现在吐槽下我写了一个主题其中遇到的问题。BootStrap本身就是我认为最丑的框架没有之一,很难想象这是

Twitter的产物,但是不得不说BootStrap源码和一些规范是教科书级别的。。但是丑就是丑。。。加上本身是英文框架,所以在rem的定义上是 14,中文框架一般是16。也就是说1 rem = 14px 。这也就是为啥看一些英文站用rem的值经常是很长的比如 1.0714285714rem (15px),而中文框架通常都是 .9375rem (15px)。


但是我在官方给的主题插件中发现了 。

.logo-1 { width: 1.3rem; height: 1.3rem; }
.logo-2 { width: 1.8rem; height: 1.8rem; }

¿¿¿ 1.3 * 14 = 18.2   1.8 * 14 = 25.2  ... 这 .2 是故意的嘛 ??写前端 写出个 .2像素 是为了啥??



...


后来我又发现源码里对关键位置的 class 定义非常的少,可能是为了节俭的原因一些小的css 直接用了 BootStrap内置的class,但是对于写主题的人来说就很头疼,毕竟我打算尽量只修改css不动 html结构。所以 选择器是用了不少,但是 css 选择器层级越深会影响渲染速度的,虽然可能影响的微乎及微,但是还是希望能多加点class。。


...



但是。本因为是为了节俭不加css,可在 显示主题数 和 帖子数 这个 表格里,我发现为了换行竟然用到了 <br /> 。。以及标识加粗用了 <b> 。。

作为一个开源项目,我觉得应该严谨,br 这种东西不应该出现在布局的代码里。其次是 <b>。

w3school 对于 b标签的解释

根据 HTML5 规范,在没有其他合适标签更合适时,才应该把 <b> 标签作为最后的选项。HTML5 规范声明:应该使用 <h1> - <h6> 来表示标题,使用 <em> 标签来表示强调的文本,应该使用 <strong> 标签来表示重要文本,应该使用 <mark> 标签来表示标注的/突出显示的文本。

再其次,这里用表格布局是会逼死强迫症的,因为我认为这里应该做成等分的,可能是为td数量的不定性这里没有加,但是我建议加上。


  




右面是我修改后的。




...


还有 一些 细节上希望能加以完善,比如省却,提示上信息上。。。



最后非常感谢xiuno,等我研究透彻后,必出个主题。




2019-01-10 

大当家




最新回复 (34)
  • Bob_1522814983 5月前
    引用 2
    这是高手
  • lonei 5月前
    引用 3
    可能跟不上时代,还是直接css好,做博客你也可以用这个程序gnuboard 
  • wxy 5月前
    引用 4
    bootstrap是使用简单的框架,其它方面问题就多了
  • axiuno 5月前
    引用 5
    前端技术这几年大爆炸,选择 BS4 + JQuery 也是无奈之举,要考虑搜索引擎,还有二次开发的门槛。
    如果选用比较激进的方案可能是 Vue / React,但是也不是完美的。
    <b> <strong> 浏览器基本都能正确解析,不用纠结,<b> 不标准,但更加方便实用一些,么有必要一味迎合标准。
    按照 w3c 的标准,URL 的 & 得写为 &amp; 类似如下:
    http://xxx.com/?a=1&amp;b=2&amp;c=3
    是不是很丑陋和没有必要?
    还有按照 csslint 标准,得先写盒子模型,再写颜色,再写其他,不能多空格少空格。虽然 xn 尽量的遵循了 csslint 标准,但是觉得也是挺蛋疼的。
    还有 jslint 标准就更无力吐槽了。
    还有各种标准。。。。

    人生如此艰难,只能尽量向标准看齐吧。
  • 452010152 5月前
    引用 6
    人生如此艰难,只能尽量向标准看齐吧。
  • oliolo 5月前
    引用 7
    我这种小白只要能改成想要的样子,速度可以,不在乎标不标准
    http://meyan.pw 
  • lonei 5月前
    引用 8
    qiukong 很有营养的帖子。Xiuno主要关注的是后端架构,作者应该对前端也不是很了解。 我用了很多论坛程序,可以说Xiuno是当今时代建立论坛的最佳选择。 老牌论坛phpBB,fluxBB这些概念老旧、架构 ...
    lonei.com自己下载,免去积分了
  • 泥人传说 5月前
    引用 9
    关键是,虽说是轻论坛,也太"轻"了,连一些基础的功能都是缺失的:
    1,用户昵称功能
    2,版块的二级版块添加功能
    3,导航的自定义功能
    4,友情及底部自定义标签的功能
    5,网站地图自动生成功能
    6,伪静态设置的功能
    8,帖子关键词添加功能
    9,帖子排行榜功能
    10,根据相关标签模块化调用数据的功能
  • Bob_1522814983 5月前
    引用 10
    轻也好重也好,轻就要发挥轻的优势既然轻那就简单方便高效不然轻的没有意义。
  • 初衷 5月前
    引用 11
    axiuno 前端技术这几年大爆炸,选择 BS4 + JQuery 也是无奈之举,要考虑搜索引擎,还有二次开发的门槛。 如果选用比较激进的方案可能是 Vue / React,但是也不是完美的。 浏览器基本都 ...
    嗯嗯确实能体现出 这种无奈,我只是以一个粉丝的心态吐槽一下,我认为你选择的没错,而且我看插件里还有json 。用空完全可以自己写一个。

     不过 对于很多关键位没有class 我觉得可以加上一点,不想因为一个class改html,其次有替换文案的方法么,比如想把导航的首页替换掉,但不想动html。
  • 初衷 5月前
    引用 12
    axiuno 前端技术这几年大爆炸,选择 BS4 + JQuery 也是无奈之举,要考虑搜索引擎,还有二次开发的门槛。 如果选用比较激进的方案可能是 Vue / React,但是也不是完美的。 浏览器基本都 ...
    卧槽,点回复的闪绿是什么鬼。。。
  • 初衷 5月前
    引用 13
    泥人传说 关键是,虽说是轻论坛,也太"轻"了,连一些基础的功能都是缺失的: 1,用户昵称功能 2,版块的二级版块添加功能 3,导航的自定义功能 4,友情及底部自定义标签的功能 5,网站地图自动生成功能 ...
    我认为现在做的没错,有需求用插件来实现就行。
  • 泥人传说 5月前
    引用 14
    初衷 我认为现在做的没错,有需求用插件来实现就行。
    有一些是插件都没有的!就连付费插件都没有!!!
  • 泥人传说 5月前
    引用 15
    Bob_1522814983 轻也好重也好,轻就要发挥轻的优势既然轻那就简单方便高效不然轻的没有意义。
    关键是,一些基础的功能都缺失^~~~
  • 初衷 5月前
    引用 16
    泥人传说 关键是,一些基础的功能都缺失^~~~
    有的时候你认为的基本功能 在别人眼里就不是。所以这个很难定义的
  • 泥人传说 5月前
    引用 17
    初衷 有的时候你认为的基本功能 在别人眼里就不是。所以这个很难定义的
    难道你没有看到我所罗列的缺失内容吗?!
  • 初衷 5月前
    引用 18
    axiuno 前端技术这几年大爆炸,选择 BS4 + JQuery 也是无奈之举,要考虑搜索引擎,还有二次开发的门槛。 如果选用比较激进的方案可能是 Vue / React,但是也不是完美的。 浏览器基本都 ...
    比如说,我现在想改一下登录注册的界面,但是 没有id 也没有 单独的class,选择器无法判断哪个是登录 哪个是注册。。。我只能去修改html。
  • 奇梦 5月前
    引用 19
    做成现在这样已经不错了。还要求完善细节,想什么呢,这是免费的,众口难调!
  • vaman 5月前
    引用 20
    说的好 建议lz完善一个模板分享出来
    毕竟大部分开源程序都是关注后端的
  • 泥人传说 5月前
    引用 21
    昵称很有用的,不然前台用户那里显示的是"帐号"信息,你觉得合适吗?!
  • George 5月前
    引用 22
    这是高手
  • @百晓生 5月前
    引用 23
    这么激烈的?
    毕竟天下没有完美的作品,所以必须有槽点。然而个人感觉,xiuno重在轻和二次开发。其它系统功能多又怎么样,很多华而不实,最终还是要迎用户的喜好。就拿wp来说,我只给你一个最简单的系统,至于你要搞成什么样的都是你自己决定(wp用户多,插件选择也巨多)
    另外,就算是最新的前端技术又怎么样呢?大部分网站现在都没用,更何况一些个人站长。软件开发技术迭代超快,不是必要性,绝大部分人还是会选择老的。况且今天用了最新的技术,明年又有新技术出来,又更新吗?
    最后说一句,个人站点能活个5年的有多少,10年的有多少,一味的追求新倒不如求实。有流量并转换成米才是硬道理。
  • 歐陽飄雪 5月前
    引用 24
    @百晓生 这么激烈的? 毕竟天下没有完美的作品,所以必须有槽点。然而个人感觉,xiuno重在轻和二次开发。其它系统功能多又怎么样,很多华而不实,最终还是要迎用户的喜好。就拿wp来说,我只给你一个最简单的系统, ...
    大牛你的封面图片是如何实现动态调用尺寸的?
  • 歐陽飄雪 5月前
    引用 25

    上海鲜花港 - 郁金香

  • @百晓生 5月前
    引用 26
    歐陽飄雪

    sorry,我不是大牛。我是菜鸡。
    这些都是bootstrap的功劳,也是xiuno的功能。我只是引用引用。
    @media (min-width: 992px)
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    @media (min-width: 992px)它决定的。而且用的宽度也是百分比。

    可以参考下:https://www.it72.com/thread-3576.htm

  • 歐陽飄雪 5月前
    引用 27
    @百晓生 sorry,我不是大牛。我是菜鸡。 这些都是bootstrap的功劳,也是xiuno的功能。我只是引用引用。 @media (min-width: 992px) .col-lg-9 { ...
    https://img.it72.com/upload/attach/201901/1006_az521b0vvtgd186.png?imageView2/1/w/20/h/75000

    我说的是图片后面的参数
  • @百晓生 5月前
    引用 28
    歐陽飄雪 https://img.it72.com/upload/attach/201901/1006_az521b0vvtgd186.png?imageView2/1/w/20/h/75000 我说的是 ...
    哦,这个用的是七牛的CDN。它这个有自动裁剪的功能。
    另外,不用CDN的话,可以用wordpress的裁剪工具。timthumb.php
  • 歐陽飄雪 5月前
    引用 29
    @百晓生 哦,这个用的是七牛的CDN。它这个有自动裁剪的功能。 另外,不用CDN的话,可以用wordpress的裁剪工具。timthumb.php
    我看过你之前的timthumb.php,那样不利于seo。 七牛云不错 什么时候把你的本地化和七牛分享下啊
  • 歐陽飄雪 5月前
    引用 30
    timthumb.php要是伪静态了还不错哈哈
  • 泥人传说 5月前
    引用 31
    qiukong 账号是邮箱,最不济也是手机号,用户名本身就是昵称,基本百度这类大网站都是这样。
    你是不是傻?!没有明白我的意思?!
  • 泥人传说 5月前
    引用 32
    qiukong 我看一下我的需求…… 1,昵称用不到,但应该允许改用户名 2,用不到 3,用不到 4,用不到 5,用不到 6,用不到 8,用不到 9,用不到 10,用不到
    是你自己的问题,你用不到,别人需要啊!
  • 泥人传说 5月前
    引用 33
    写一个死框架在那里,不方便修改,你觉得合适吗?!
  • 泥人传说 5月前
    引用 34
    奇梦 做成现在这样已经不错了。还要求完善细节,想什么呢,这是免费的,众口难调!
    问题是,需要调用数据的地方,不能写"死",不方便修改有什么用?!
  • 泥人传说 5月前
    引用 35
    论坛程序,你可以看看DZ,博客程序你看以看看wordpress,你看看它们的函数是多么的灵活!
返回
发新帖