求评价，作为 PHP 伪全栈 2 天弄完的前端

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3377 天前的主题，其中的信息可能已经有所发展或是发生改变。

http://mindful.edit.ren/

样式和 JS 都分别写在 1 个.css 和.js 文件的（目的为了减少请求？但每个不需要某个样式的页面就冗余了）

-- CSS JS HTML 应该压缩下，还没有弄

配置个 CDN 效果应该不错

CSS

伪全栈

样式

CDN

30 条回复 • 2015-08-26 09:16:21 +08:00

Starduster

2015-08-25 16:24:08 +08:00

成都电信表示十分的慢，响应等了十秒，图加载了十秒，你这个 CDN 是不是需要换一家·····
另外为什么没有标题呢，标签页上显示的是域名

ueleaves

2015-08-25 16:24:10 +08:00

联通线路表示

，首页加载 30 秒还没完全出来。标题栏可以固定顶部。加载更多按不下去。

嗯，还有标题栏的搜索按钮，按下去之后整个标题栏宽度都动了。

jas0ndyq

2015-08-25 16:28:15 +08:00

图片放个有 CDN 的图床吧

publicID001

2015-08-25 17:03:27 +08:00

在我司这样的 CSS 连面试都过不去

Moker

2015-08-25 17:06:09 +08:00

超级慢无法忍受了

DT27

2015-08-25 17:07:48 +08:00

javascritp:void (0 );

= =、

zinev

2015-08-25 17:12:23 +08:00

更高级的特效都能写，问什么连最基本的<title></title>标签对都忘了？

还是我打开姿势不对？

zinev

2015-08-25 17:12:38 +08:00

@zinev 问->为

zhangwei1996

2015-08-25 17:13:41 +08:00

@DT27 这么写有问题么？大多数为了屏蔽 A 链接都是这么写的吧？我看新浪，百度、 XXX 都这么写。
有几个变种
1 、 javascript:void (0 );
2 、 javascript:void (0 );
3 、 javascript:;
4 、 javascript:

zhangwei1996

2015-08-25 17:14:20 +08:00

@zinev 说的是

zhangwei1996

2015-08-25 17:14:54 +08:00

@Starduster
@ueleaves
@jas0ndyq
阿里云北京 1M 的带宽我这里访问速度还过得去

kisnows

2015-08-25 17:14:56 +08:00

说实话，`css`都写在一个文件里面就是再给自己埋坑。
所以还是建议用`less`或`sass`之类的预处理器进行分块吧。

zhangwei1996

2015-08-25 17:15:10 +08:00

@publicID001 此话怎讲？愿闻其详

zhangwei1996

2015-08-25 17:16:04 +08:00

@kisnows 小网站这样没问题，网站大了的确是个坑

zhangwei1996

2015-08-25 17:37:48 +08:00

@DT27 好吧，原来是写反了

offer

2015-08-25 17:41:31 +08:00

搜索功能失效， search.php 文件不存在 ? 还是伪静态的问题。

learnshare

2015-08-25 17:50:41 +08:00

页面加载过慢， 47s ；
资源需要压缩、合并， 1.5M 太大了。

kingwrcy

2015-08-25 17:53:02 +08:00

为啥全是 id 选择器,不用 class,那如何复用?

oott123

2015-08-25 18:18:20 +08:00

挺好看的~

zrp1994

2015-08-25 19:07:34 +08:00

楼主为什么不用 flarum ， bootstrap ， gulp ， react 之类的东西呢？

zrp1994

2015-08-25 19:07:57 +08:00

错了，不是 flarum ，是 laravel ……

ljbha007

2015-08-25 19:21:44 +08:00

没读代码看页面还不错

Kilerd

2015-08-25 19:24:45 +08:00

```html
<link rel="stylesheet" type="text/css" href="/public/css/css.css"/>
<script src="/public/js/jq.js"></script>
<script src="/public/js/js.js"></script>
```
这命名方式也是日狗了

```css
#head-search-style form input{ float:right;
border:none;
height:20px;
text-indent:5px;
background:none;
width:105px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
display:none;
margin-right:10px;
}

#head-search-style form button{ height:20px; width:20px; float:left; margin:4px 0 0 5px;
text-indent:-1000px; display:block;
cursor:pointer;
color:#3d4044;
background:url (/public/img/search.png ) no-repeat 5% 11%;
border:none;
background-size:16px; }
.head-buttom{ background:rgba (255, 255, 255, 0.8 ); height:220px; width:100%; min-width:1000px; font-size:16px; visibility:hidden; }
```
这代码规范，强行认为代码部分是复制粘贴上去的。