CSS与JavaScript文件的位置

1、CSS

尽量放置在head标签中。

原因:

  • 避免浏览器重新渲染;
  • 避免阻塞JS文件的执行。

注:CSS选择器的解释顺序是 从右向左 的,所以尽量减少选择器的层级。

2、JS

尽量放置在</body>之前。

原因:

  • 避免阻塞html的加载、解析与渲染(因为js的执行时单线程的)。
时间: 2024-09-21 08:24:50

CSS与JavaScript文件的位置的相关文章

使用WebJar管理css、JavaScript文件

Web前端使用了越来越多的JS或CSS,如jQuery, Backbone.js 和Bootstrap.一般情况下,我们是将这些Web资源拷贝到Java的目录下,通过手工进行管理,这种通方式容易导致文件混乱.版本不一致等问题. WebJars是将这些通用的Web前端资源打包成Java的Jar包,然后借助Maven工具对其管理,保证这些Web资源版本唯一性,升级也比较容易.关于webjars资源,有一个专门的网站http://www.webjars.org/,我们可以到这个网站上找到自己需要的资源

webView 加载本地html css javascript文件路径尝试

一:UIWebView加载数据的方式有三种: 1:- (void)loadRequest:(NSURLRequest *)request NSString * path = [[NSBundle mainBundle] pathForResource:@"demoFolder" ofType:@"html"]; NSURL *url = [NSURL URLWithString:path]; [self.webView1 loadRequest:[NSURLRequ

常用html、CSS、javascript前端命名规范

常用html.CSS.javascript前端命名规范 无意发现自己文件夹里面有这么一个文件,具体从哪里来的不记得了,仔细看下,发现总结的挺好的,贴出来分享一下. 无论是从技术角度还是开发视角,对于web前端开发规范文档都有一定规范,本文就css3和html5的发展前景总结了一系列的web开发文档,仅供大家参考. 规范目的: 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本

桃园三结义之HTML、CSS、JavaScript

需要解释一下,这篇文章不是讲核心技术的,我也只是刚刚接触,在这里只是跟大家一起认识一下HTML.CSS.JavaScript 牛腩新闻发布系统都快敲完了,系统中牛老师也对HTML.CSS.JavaScript做了简单介绍,而且整个系统的前台都在使用HTML和CSS.根据牛老师的介绍也只能对HTML.CSS.JavaScript有个一知半解,但是敲代码的过程中对于HTML与CSS的交互原理一直不理解.通过查资料才慢慢解开了这三位大侠的庐山真面目.  最近下载了一个懒人听书软件,每天晚上睡觉前总

web实践小项目&lt;一&gt;:简单日程管理系统(涉及html/css,javascript,python,sql,日期处理)

暑假自学了些html/css,javascript和python,苦于学完无处练手几乎过目即忘...最后在同学的建议下做了个简单日程管理系统.借第一版完成之际,希望能将实践期间犯过的错误和获得的新知进行整理,希望能给其他初学者提供参考,也希望有大神在浏览我粗糙的开发过程中能指出一些意见或建议. (阅读以下内容需要有一定的html/css,javascript,python和sql基础,and谢谢阅读!) 注:实践中的环境为ubuntu 14.04操作系统,python3.4(2.7实测也可行),

tomcat根目录设置 work文件夹位置 temp 文件夹位置

一.TOMCAT 设置TEMP文件夹位置 最近项目有用到freemarker,这样用户体验速度更快 但是问题来了,用freemarker,用nginx负载均衡都没有办法做,因为每次都要通过后台生成新的页面. 下午想了能否指定同样的temp文件夹位置,百度上面找了一下果然有. 方法如下 步骤1:找到tomcat文件夹下面的bin文件夹, 步骤2:编辑catalina.sh文件(LINUX系统版本的)或则catalina.bat文件(WINDOWS版本的) 步骤3:找到CATALINA_TMPDIR

【转】HTML, CSS和Javascript调试入门

转 http://www.cnblogs.com/PurpleTide/archive/2011/11/25/2262269.html HTML, CSS和Javascript调试入门 本文介绍一些入门的HTML,css和Javascript调试技巧. 希望能让初学者有所收获,少走一点弯路. 个人推荐Chrome作为开发工具(FF可以使用FireBug,IE8和之后的版本也有自己的调试工具) 1.HTML的调试 将鼠标放在任意元素上,右键Inspect Element,即可查看该元素的HTML内

HTML、XHTML、CSS与JavaScript入门经典pdf

下载地址:网盘下载 内容介绍: 自从网站诞生以来,用于构建网站的语言就一直在不断地演化.现在一系列最佳实践已经出现,使用HTML或XHTML创建基本的网页,使用CSS控制它们的外观并使它们更加引人注目,使用JavaScript添加交互功能.<HTML.XHTML.CSS与JavaScript入门经典>一书假设您以前没有任何经验,这些宝贵的资源有助于如何使用最新的Web标准.不管您是期待编写第一个网页的初学者,还是急需提升编程技能的资深程序员,都会发现对这些基本语言的实践指导,以及有经验的Web

前端HTML、css、javascript学习

一.html.css.javascript基本认识 1.HTML 类型:超文本标记语言 用途:可用于网页结构的设计或搭建: 后缀:html.html 超文本简述:'超文本'就是指的是其可以包含图片.链接.音乐.程序等非文字元素 HTML简述如下: 1.标记语言:标记语言为非编程语言,不具备编程语言的程序逻辑 2.HTML组成部分:由标签.指令.转义字符(实体) 指令:被尖括号包裹有!开头的标记 转义字符:被&与:包裹的特殊字母组合或#开头的十进制数.(空格&nbsp,版权&copy