谈谈一个菜鸟写了一段时间的静态页面

前端,在公司尤其是在UI的眼里,貌似他们也会写简单的页面,所以很多时候一个菜鸟前端是要被取笑的。。

无妨,毕竟底气不足,也想谈谈作为一个菜鸟,眼中的前端是怎么样的,哪些难以实现。

这段时间收获并不大,因为页面较多,所以很多时候都是抱着完成任务的心态去工作,工作效率就不谈了,写完一个页面,组件类的,之后再有重复的,就是ctr+c 或者ctr+v的工作

技术副总监交了我一些规划似的方法,执行者为我。要组件化框架化,把相同的组件柜类,写样式,然后不同的样式再继续拓展这样前期就会比较难,后期就会比较简单

当初我也是这样想的,但是我自己挖的坑怎么都填不好

其一:我想我们部门是和产品部门结下了梁子,看似色调 尺寸一样的页面,其实千差万别,尼玛,我套用原来的根本无卵用,还要不停的改原来的,加个类名 在写新的去覆盖之前的,我没有觉得我的高质量有多少简约,反而增加了我不停改正不停对比的工作重复

这样看来,其实产品部并不是画好简单的图就完事的那种,他们把不同的样式进行无线的自由组合,所以我觉得代码好不好写,页面好不好写,其实跟产品有着最直接也是最密切的关系,并不是作图好看就可以。

其二:因为自己前期写的套用格式,后期无法套用,我就一直尝试去套用,被自己最初写的代码坑的苦不堪言

其三:css 命名,我的命名多数都是根据百度翻译而来,但是一个完整型的网页,类似的名字实在太多,最初考虑的并不完善,只能不停的加长名字的翻译,以视区别,所以好的前缀与后缀灰常重要,这决定了你后期写代码的时间和工作量。切记单纯翻译,你会嫌弃自己

其四:布局,宁愿多用几个div包裹 也不比吝啬少几个,总会有几种需求让你有备而无患

其五:基础样式的编写,一定要考虑好后期的更改和拓展

总结以上几点:也就是命名规格,布局,样式

我写的css是根据模块来区分,比如说modal.css table.css btn.css header.css footer.css top.css and so on

我引入的css 太多,我不觉得有好处 相反我深深觉得不对劲

虽然是基于bootstrap 按照他们对css 的规则去不停引入,作为一个电商网站,目前,我是觉得不适用的。此网站是本人写的第一个网站,有种无力感,但我知道,我一定会完成的!

时间: 2024-10-07 06:19:40

谈谈一个菜鸟写了一段时间的静态页面的相关文章

mysql5.6运行一段时间之后网站页面出现乱码解决办法

mysql5.6运行一段时间之后网站页面出现乱码,怎么都打不开,经过排查之后,知道是数据库默认字符集出问题了,在此分享给大家经验. 在mysql5.6配置文件:my.ini 找到: 添加如下内容: [client] # Client characterset and Connection characterset default-character-set=utf8 [mysqld] # Server characterset and Database characterset characte

根据一个旅游网站的psd素材还原的静态页面

自学web前端的html.css和jquery两个月,想检验下自己的学习成果,遂从网上下了个关于旅游网站的psd素材,自己照着素材还原网站的静态页面. 这是我制作好的静态页面的压缩文件:旅游网站首页.rar 也附上psd文件的截图和制作好的页面在浏览器的截图 这是做好的页面截图: 这是psd文件的截图:

【笔记】处理ssh 连接后一段时间就掉线 Connection closed by foreign host

[写在前面] 写这篇博文的原因是我遇到一个"ssh 连接后一段时间就掉线 Connection closed by foreign host"的问题,因为这个压根就不是VMware.Linux操作系统及ssh问题,最后原因是因为ESET防毒软体的IDS防护导致的--,纠结了我长达半个月的时间,痛苦的经历记录下来方便后续解决其他问题时参考,也希望能给其他人一点启发. [问题场景] 开始上课的时候,在VMware中安装RHEL7.2系统,完成后按照SOP做快照.做克隆--,一切都感觉很顺利

TinyWS —— 一个C++写的简易WEB服务器(三)

写在前面 代码已经托管在 https://git.oschina.net/augustus/TinyWS.git 可以用git clone下来.由于我可能会偶尔做一些修改,不能保证git 库上的代码与blog里的完全一致(实际上也不可能把所有的代码都贴在这里).另外,TinyWS是基于linux写的(ubuntu 14.10 + eclipse luna,eclipse工程我也push到了git库),故在Windows上可能无法正常编译(主要是系统调用 部分可能会不同). 前面的内容可参考上一篇

关于EF第一次加载慢或过一段时间不访问时再次访问加载慢问题的总结

优化方案 1.安装Application Initialization 这是在iis8出来后才有的,iis8内置的功能,而对于iis7.5也提供了一个扩展以支持这个功能. Application Initialization Module for IIS 7.5 在页面接近底部的地方,找到适合自己架构的安装链接 x86 for Windows 7 x64 for Windows 7 or Windows Server 2008 R2 安装这个iis模块后,在iis界面中并没有模块图标和配置界面,

Mysql5.7多源复制,过滤复制一段时间后增加复制一个库的实现方法

多源复制如果是整个实例级别的复制,那不存在下面描述的情况. 如果是对其中一个或多个主实例都是过滤复制,并且运行一段时间后,想在这个源上再增加一个库怎么实现? 主1:192.168.1.10 3306     db1     db2 主2:192.168.1.20 3306     db3 从:  192.168.1.30 3306 假如之前实现的是过滤复制,复制的是主1的db1 和 主2的db3,已经运行一段时间了.现在想增加主1上的db2,该如何实现? 具体实现方法如下: 1. 使用mysql

前段时间,接手一个项目使用的是原始的jdbc作为数据库的访问,发布到服务器上在运行了一段时间之后总是会出现无法访问的情况,登录到服务器,查看tomcat日志发现总是报如下的错误。    Caused by: com.mysql.jdbc.exceptions.jdbc4.MySQLNonTransientConnectionException: Data source rejected est

前段时间,接手一个项目使用的是原始的jdbc作为数据库的访问,发布到服务器上在运行了一段时间之后总是会出现无法访问的情况,登录到服务器,查看tomcat日志发现总是报如下的错误. Caused by: com.mysql.jdbc.exceptions.jdbc4.MySQLNonTransientConnectionException: Data source rejected establishment of connection, message from server: "Too man

可以每隔一段时间自动运行的一个批处理

可以每隔一段时间自动运行的一个批处理  zidong.bat代码 @echo off :Begin Start "d:\print.bat" rem 下面这行是延时代码,300是秒做单位的,300秒就是5分钟,需要多长时间自改一下 @Ping 127.0.0.1 -n 300 Goto Begin 执行后有个问题是每次关不掉print.bat print.bat代码 net session /delete /y 问题有待解决

TensorFlow实现Softmax Regression识别手写数字中"TimeoutError: [WinError 10060] 由于连接方在一段时间后没有正确答复或连接的主机没有反应,连接尝试失败”问题

出现问题: 在使用TensorFlow实现MNIST手写数字识别时,出现"TimeoutError: [WinError 10060] 由于连接方在一段时间后没有正确答复或连接的主机没有反应,连接尝试失败"问题. 截图如下: 问题原因: 出现该问题的原因可能是由于自身网络问题或者mnist数据集下载网页连接不成功导致. 解决办法: 进入MNIST数据下载网页:http://yann.lecun.com/exdb/mnist/ 将数据下载到相应的路径下,参考如图: 代码中显示将数据下载至