代码规范,待更新。

2018-07-25更----------------------------------------------------------------------------------------------------------------------------。

  1. 在<head></head>标签内应用CSS文件,公有文件在前,私有文件在后,必要文件在前,非必要文件在后。非首屏必要的CSS文件可以选择异步加载。
    延时加载CSS,在页面加载完毕以后,向head标签中动态添加CSS文件引用的语句。
$(window).load(function () {
    //异步延迟加载样式
    var link = $('<link />');
    link.attr('href', '/Content/font1.css');
    link.attr('rel', 'stylesheet');
    link.appendTo($('head'));
    link.load(function () {
        console.info('加载成功...');
    });
});
  1. 在HTML文件中,CSS和JavaScript代码不应该大量出现,应该将它们提取出来分别放在CSS文件和JS文件中,然后在页面中引用这些文件,CSS文件的引用规则如上面第一条所述,JS文件的引用应该放在</body>标签之前,防止页面加载出现阻塞(JS文件是一边下载一边执行的),排序与CSS相同,公有文件在前,私有文件在后,必要文件在前,非必要文件在后。
  2. PC端在不考虑响应式布局的情况下,宽、高、边距等用px为单位来处理。使用em处理时需要在body{}中设置好整体页面的font-size大小,以便控制em的单位基准。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容