1.使用了bootstrap前端框架,使页面布局更加简洁,提高了前端页面的开发效率
主要用到的了bootstrap的删格系统,模态框,还有一些小的属性
还有就是页面的布局,一定要增强语义化,提高代码的可读性,
2.关于布局的命名规范,
最好减少每一个元素的类名定义,最好的方法就是给最外面的元素定义一个类名,然后里面的不定义,使用css
元素查找器进行查找,定义下面元素的样式。
3.关于表单,
可以使用bootstrap自带的一些表单的元素样式,还可以用html的一些表单元素,不过ie浏览器对h5的一些新的表单属性,
支持性不是很好。
4.一些css3新元素的使用
:before :after transform等
5.浏览器的兼容,css hack了解和使用
有关css伪类的兼容,使用有插件,
<!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="../../../statics/js/bootstrap/selectivizr.js"></script>
<![endif]-->
对于一些css hack的了解和使用,针对不同浏览器的,
6.jquery实现页面的交互和动态效果或逻辑判断,
还有validate.js插件对表单的验证。
图片懒加载插件,
图片,文件上传的插件
创建github账号,总结自己的代码案例,
时间: 2024-10-27 12:05:06