`
peaceapp
  • 浏览: 13178 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

页面中js、css等元素的顺序

 
阅读更多
一般顺序为头css、中间主体、尾部为js代码,这样整体的页面加载速度为最优。
但如果是引入的js文件而不是代码时的加载顺序不知如何?应该是按引入顺序吧,相关可以参考如下资料:

  • 动态引入的外部 JS 文件在各浏览器中的加载顺序不一致:
  •    http://w3help.org/zh-cn/causes/BX9013
  • JavaScript中的对象动态加载技术
  •    http://www.iteye.com/topic/655265

另,为减少js文件的大小,可以使用packer和YUI的compressor进行压缩。
1)http://dean.edwards.name/packer/
2)http://compressor也可以到developer.yahoo.com/yui/compressor

一般而言开发时的js可以作为原代码,而压缩后的js作为发布代码,一个用于开始时可阅读性要保证,而后则主要是考虑性能。约定原代码为head.js,而压缩后的约定为head-min.js。
分享到:
评论

相关推荐

    wap手机图片滑动切换特效无css3元素js脚本编写

    移动元素,不过发现在不支持css3的设备上马上完蛋了,所 有下定决心自己做一个,谁知出现了很多的问题,其中最重要的是给图片加链接,网页中的上下滚动条不能在拖动图片的时候滚动,并且不能兼容pc机器上的拖动;...

    wap图片滚动特效无css3元素纯js脚本编写

    移动元素,不过发现在不支持css3的设备上马上完蛋了,所以下定决心自己做一个,谁知出现了很多的问题,其中最重要的是给图片加链接,网页中的上下滚动条不能在拖动图片的时候滚动,并且不能兼容pc机器上的拖动;...

    css介绍快速学习

    在定义的中,多个标签的class属性值可以相同,而id值要唯一,因为JavaScript中经常用。 8.class选择器: 在标签中定义class属性并赋值。通过标签名.class值 对该标签进行样式设置。 例: 相同标签设置不同样式的...

    JavaScript完全自学宝典 源代码

    style.css 页面中嵌入的CSS样式文件。 style1.css 更改样式时使用的CSS样式文件。 roundcorner.css JavaScript使用CSS模拟图片的圆角效果时使用的CSS样式文件。 第13章(\c13) 示例描述:介绍...

    jQuery选择器上机练习题及答案.rar

    (答案见下载资源) 上机任务1 用chrome打开dom.sample2.html页面...为某dom元素应用某css样式可以使用jQuery中的addClass方法,例如:将id为tt的div元素应用.bt样式,可用些语句:$("#tt").addClass("color","red");

    压测性能测试培训(2022-02-16 性能测试培训) 压缩文件包含 【JMeter基础培训、WEB网站优化、性能测试知识分享】

    CSS和JS在页面中的位置 使用CDN(内容分发网络): Content Delivery Network 如何测试页面性能-速度指标 第三部分,关于Jmeter基础使用,分享内容如下: Jmeter介绍 安装及部署 脚本创建 代理录制 脚本的简单修改 什么...

    vue-sequential-entrance插件,用于使用页面元素列表创建优雅的顺序动画入口。 零努力。 简单轻巧-Vue.js开发

    安装vue-sequential-entrance如何使用(全局用法)添加到您的main.js文件中从'vue-sequential-entrance'导入SequentialEntrance导入'vue- sequence-entrance / vue-sequential-entrance.css的Vue.use...

    HTML5与CSS3基础教程(第8版)高清文字

    5.5 在页面中插入图像 103 5.6 提供替代文本 105 5.7 指定图像尺寸 106 5.8 在浏览器中改变图像的尺寸 108 5.9 在图像编辑器中改变图像的尺寸 110 5.10 为网站添加图标 111 第6章 链接 113 6.1...

    程序天下:JavaScript实例自学手册

    21.9 动态删除页面中的元素 21.10 克隆表格 21.11 拖动表格行改变顺序 21.12 表格操作常用方法 第22章 流行应用:AJAX和Property的应用技巧 22.1 实现关机效果的界面 22.2 关机特效(二) 22.3 评星效果 22.4 输入框...

    JavaScript经典实例

     第14章使用JavaScript、CSS和ARIA创建交互和可访问性效果  第15章创建富媒体和交互应用程序  第16章JavaScript对象  第17章JavaScript库  第18章通信  第19章使用结构化数据  第20章持久化  第21章...

    《程序天下:JavaScript实例自学手册》光盘源码

    21.9 动态删除页面中的元素 21.10 克隆表格 21.11 拖动表格行改变顺序 21.12 表格操作常用方法 第22章 流行应用:AJAX和Property的应用技巧 22.1 实现关机效果的界面 22.2 关机特效(二) 22.3 评星效果 22.4 输入框...

    动态网页设计与实践报告

    而且CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。JavaScript是我认为我所学的技术里面最高端的一种技术。JavaScript是一种基于对象和...

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    /js/all.js JavaScript脚本文件 /images 图片文件 第24章(/ch24) 程序描述:本章将使用Ajax技术实现无刷新即可浏览RSS的阅读器。添加一个RSS地址时,自动保存到数据库。打开阅读RSS时,自动获取...

    jQuery详细教程

    如果您的网站包含许多页面,并且您希望您的 jQuery 函数易于维护,那么请把您的 jQuery 函数放到独立的 .js 文件中。 当我们在教程中演示 jQuery 时,会将函数直接添加到 <head> 部分中。不过,把它们放到一个单独的...

    大名鼎鼎SWFUpload- Flash+JS 上传

    当Flash上传文件的时候,由开发人员预定义的Javascript事件会被定时触发以便来更新页面中的UI,同时还提供上传状态和错误信息。 选定的文件的上传和它所在页面、表单是独立的。每个文件都是单独上传的,这就保证了...

    为什么我们不建议用Table布局

    一旦学了CSS知识,你会发现使用table做页面布局会变得更麻烦。 (先花时间学一些CSS知识,会省去你以后大量的时间。) table对对于页面布局来说,从语义上看是不正确的。 (它描述的是表现,而不是内容。) table代码会...

Global site tag (gtag.js) - Google Analytics