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

zhangwei1996 · 2015-08-25T08:14:46Z

http://mindful.edit.ren/ 样式和 JS 都分别写在 1 个.css 和.js 文件的（目的为了减少请求？但每个不需要某个样式的页面就冗余了） -- CSS JS HTML 应该压缩下，还没有弄配置个 CDN 效果应该不错

This topic created in 3940 days ago, the information mentioned may be changed or developed.

http://mindful.edit.ren/

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

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

配置个 CDN 效果应该不错

CSS

伪全栈

样式

CDN

30 replies • 2015-08-26 09:16:21 +08:00

Starduster

Aug 25, 2015

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

ueleaves

Aug 25, 2015

联通线路表示

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

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

jas0ndyq

Aug 25, 2015

图片放个有 CDN 的图床吧

publicID001

Aug 25, 2015

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

Moker

Aug 25, 2015

超级慢无法忍受了

naver1

Aug 25, 2015

javascritp:void (0 );

= =、

zinev

Aug 25, 2015

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

还是我打开姿势不对？

zinev

Aug 25, 2015

@zinev 问->为

zhangwei1996

Aug 25, 2015

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

zhangwei1996

Aug 25, 2015

@zinev 说的是

zhangwei1996

Aug 25, 2015

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

kisnows

Aug 25, 2015

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

zhangwei1996

Aug 25, 2015

@publicID001 此话怎讲？愿闻其详

zhangwei1996

Aug 25, 2015

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

zhangwei1996

Aug 25, 2015

@DT27 好吧，原来是写反了

offer

Aug 25, 2015

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

learnshare

Aug 25, 2015

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

kingwrcy

Aug 25, 2015

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

oott123

Aug 25, 2015

挺好看的~

zrp1994

Aug 25, 2015

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

zrp1994

Aug 25, 2015

错了，不是 flarum ，是 laravel ……

ljbha007

Aug 25, 2015

没读代码看页面还不错

Kilerd

Aug 25, 2015

```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; }
```
这代码规范，强行认为代码部分是复制粘贴上去的。