jj前端项目1th总结

Posted tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jj前端项目1th总结相关的知识,希望对你有一定的参考价值。

1:设计图---》分出几个独立模块---》颗粒化布局---》文档流控制整体布局---》固定位置的元素绝对定位,段落这种元素不可绝对定位。-----》加上和后台交互用的js代码----》会采用常规的交互写法。

    头部:header

    登录表单:form_list

    按钮:but

    文本:con_text

  商品:goods

  说明:text_explain

 

2:独立模块内部还可细分---》抽象出公共部分。

 例如按钮

   but:共同样式

 small_but:小按钮独有样式

   big_but:大按钮独有样式

 <button class="but small_but"></button>:巧用多类选择器.

 

3:按钮---->span--->a--->用的较多。

    提交表单:button标签,需加type属性;

  跳链接按钮:a标签---》适用性较好;

  获取验证码:<input type="button" />  span标签也好使;

 

4:前端展示的数据---》留个span标签--》方便后台调用。

 

5:css中各模块注释----》最好使用英文-----》  /*header s*/

 

6:边框---》border:1px solid #fff;---->手机屏幕分辨率最低为1px---->宽度为1px时候不用写成rem的形式。

 

7:提前问问有公共样式吗----》防止和自己的样式表重叠。

 

8:按钮提交后----》成功状态---》失败状态---》不全的话和设计要-----》直接写在相应位置注释掉即可。

 

9:切图---》考虑一致性---》考虑后续可能更改---》尽量大点----》为后续更改留空间。

 

10:svn--->下载软件和中文包---》安装---》登录---》先更新再提交---》提交时候必要加上修改注释否则提交不上。

 

11:在SVN上修改后,注意更新提交相关修改过的---》不要漏---》如样式表----》图片---》html----》js.

 

12:svn中css js 图片地址要转换成服务器绝对地址。

 

13:搞定后和后台说下,就像设计和你说一样。

以上是关于jj前端项目1th总结的主要内容,如果未能解决你的问题,请参考以下文章

前端Vue项目:旅游App-博客总结

前端历史项目的 Vite 迁移实践总结

erp前端项目总结

web前端开发规范项目流程总结

使用 gulp 搭建前端环境之 盛繁项目实践总结

HOW2J 全套教程整理:Java前端数据库中间件第三方项目面试题