`

浏览器参数及JS基础配置总结

阅读更多

1.用script标签引入javascript时,浏览器对于javascript的加载某些是并行的,某些是串行的,如IE8,Chorme2和firefox3都是串行加载的。


2.charset编码也就是页面编码建议要明确设置,不然会导致不必要的错误。可以在header中设置,也可以在meta中设置,建议在meta中设置,浏览器加载html时会先加载头部,并顺序读取meta中的charset以决定页面编码。


3.尽量使用link导入css 而不要使用@import,使用import会导致css延迟加载进而导致页面展现缓慢


4.因为html加载的顺序是先加载header总内容,所以如果header中的js和css出现错误或者延迟的情况下,用户所看见的页面就会出现长时间白屏而有消极的用户体验 所以建议对于不需要使用cookie的静态页面,js和css最好写成嵌入式方式

 

 

2
0
分享到:
评论
5 楼 Mr_Ron 2013-01-08  
   楼主总结的不错。。
4 楼 liu765023051 2012-12-14  
水果硬糖 写道
liu765023051 写道
我看到的代码一般引入js或者css都是在head里面。这里我有点不懂,在head里引入的缺点在哪里。


加载html的顺序是先加载head中的资源,所以如果js或者css的资源文件太大的话,那加载起来必然会慢,你看到的页面就是白屏在那加载等待,所以呢,对于一些不影响页面展现的JS不建议放在js中,这样就不会影响页面的加载速度

好的,谢谢你。
3 楼 水果硬糖 2012-12-12  
liu765023051 写道
我看到的代码一般引入js或者css都是在head里面。这里我有点不懂,在head里引入的缺点在哪里。


加载html的顺序是先加载head中的资源,所以如果js或者css的资源文件太大的话,那加载起来必然会慢,你看到的页面就是白屏在那加载等待,所以呢,对于一些不影响页面展现的JS不建议放在js中,这样就不会影响页面的加载速度
2 楼 liu765023051 2012-12-12  
我看到的代码一般引入js或者css都是在head里面。这里我有点不懂,在head里引入的缺点在哪里。
1 楼 Ryanliu 2012-12-12  
学习了,这些知识都没注意过

相关推荐

    GoogleChrome Portable_28.0.1500.71

    Google Chrome 是由 Google 开发的一款设计简单、运行高效、支持扩展的浏览器,它基于高速 WebKit/Blink 内核和高性能 JavaScript V8 引擎,在支持多标签浏览的基础上,提供顺畅的浏览体验,并且每个标签都在独立的...

    webgl编程指南及源码1/2

    JavaScript 程序(HelloCanvas.js) 17 用示例程序做实验 22 绘制一个点(版本1) 22 HelloPoint1.html 24 HelloPoint1.js 24 着色器是什么? 25 使用着色器的WebGL 程序的结构 27 初始化着色器 29 顶点着色...

    webgl编程指南及源码2/2

    JavaScript 程序(HelloCanvas.js) 17 用示例程序做实验 22 绘制一个点(版本1) 22 HelloPoint1.html 24 HelloPoint1.js 24 着色器是什么? 25 使用着色器的WebGL 程序的结构 27 初始化着色器 29 顶点着色...

    TrainDiagramDrawer:在d3.js的基础上绘制带有时间表的火车图

    js/data.js : 存放线路里程、列车时刻和默认配置项(输出分片、标注选项等) js/datatemplate.js : 存放可供js/data.js复用的线路里程 js/main.js : 存放用于运行图辅画但无需被经常修改的配置项 使用 手工编辑输入...

    WebGL编程指南

    JavaScript 程序(HelloCanvas.js) 17 用示例程序做实验 22 绘制一个点(版本1) 22 HelloPoint1.html 24 HelloPoint1.js 24 着色器是什么? 25 使用着色器的WebGL 程序的结构 27 初始化着色器 29 顶点着色...

    WebGL编程指南压缩包

    JavaScript 程序(HelloCanvas.js) 17 用示例程序做实验 22 绘制一个点(版本1) 22 HelloPoint1.html 24 HelloPoint1.js 24 着色器是什么? 25 使用着色器的WebGL 程序的结构 27 初始化着色器 29 顶点着色...

    interview:前端面试浏览器原理v8内存管理http1.xhttp2 webpack babel前端es6手撕

    js基础 1.let const var let const不存在变量提升 var声明的变量会挂到windows上,让const不会 var是函数作用域,let const是代码块作用域 const初始化的时候就要赋值,并且赋值之后不能被修改对象不能修改引用地址...

    ASP.NET4高级程序设计第4版 带目录PDF 分卷压缩包 part1

    1.1.6 要点6:ASP.NET支持所有的浏览器 1.1.7 要点7:ASP.NET易于部署和配置 1.2 ASP.NET的演变 1.2.1 ASP.NET1.0和ASP.NET1.1 1.2.2 ASP.NET2.0 1.2.3 ASP.NET3.5 1.2.4 ASP.NET4 1.2.5 ...

    ASP.NET4高级程序设计(第4版) 3/3

    1.1.6 要点6:ASP.NET支持所有的浏览器 8 1.1.7 要点7:ASP.NET易于部署和配置 8 1.2 ASP.NET的演变 9 1.2.1 ASP.NET1.0和ASP.NET1.1 9 1.2.2 ASP.NET2.0 9 1.2.3 ASP.NET3.5 10 1.2.4 ASP.NET4 12 ...

    嵌入式web服务器boa_C语言/Python + HTML + javascript + ajax 代码实例例子

    在嵌入式web服务器boa框架的基础上, 使用C语言cgi, 或者Python脚本, 结合HTML + javascript + ajax 的嵌入式web系统的开发实例 html 中使用javascritp + ajax 从C语言生成的cgi文件的get, set 一些值. boa服务器的...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    6.2 系统运行环境搭建及配置 34 6.2.1 AndroidManifest.xml主程序环境配置 34 6.2.2 移动端工程资源布局 35 6.3 认我测在线认证检测系统的主要功能实现 36 6.3.1用户查询 36 6.3.2订单操作 37 6.3.3个人信息维护 37 ...

    EML企业通讯录管理系统v5.4.15 经典版+手机端实时查看人员联系方式+客户关系管理系统

    ./lib 类文件及配置文件 ./tpl 网页模版目录 ./index.php 首页文件,网站配置信息 ./m.php MD5 加密测试文件 ./contacts.sql 数据库文件 使用说明: .数据库文件 contacts.sql (提前创建 mysql 数据库,并导入此数据)...

    JavaScript基于swoole4开发的聊天系统源码+详细项目说明.zip

    ​ 浏览器pc端基本实现了聊天的功能,肯定存在问题,这个基础版本设计了除用户登录机制,还有一个用户中心的功能,会继续做好它。 等工作稳定下来之后,我还要自此之前做一个im聊天,前端框架我找好了,用lay-im或...

    EML企业通讯录管理系统 v5.4.14.zip

    ./lib 类文件及配置文件 ./tpl 网页模版目录 ./index.php 首页文件,网站配置信息 ./m.php MD5加密测试文件 ./contacts.sql 数据库文件 EML企业通讯录管理系统使用说明: 1.数据库文件 contacts.sql ...

    酷播(极酷)跨平台多终端网页播放器 v4.0.zip

    19、支持各类浏览器:IE6/IE7/IE8/IE9/IE10/IE11/Firefox/谷哥Chrome/QQ浏览器/360浏览器。 酷播跨平台多终端网页播放器基础功能说明: 1、支持Flv,mp4,mov,f4v,3gp视频格式播放(跨平台时,只考虑mp4格式,不考虑...

    一款好看的后台模板

    3.新增主题功能,提供默认、纯白、蓝白三种主题配置。 4.导航栏添加图标。 5.修改已知BUG。 vip-admin Html v1.7.0.zip 更新时间:2017-05-21 1.优化主题样式细节。 2.标签新增双击关闭当前...

    最流行的web开发前端模版HTML5 Boilerplate.zip

    这个小小的源码包集合了100位开发者的...我们提供了一组 Apache 配置参数,帮你提高网站的性能。 还有几个单独维护的项目:server configs, node build script, 和ant build script.     标签:前端模版

    NET公共类库[转发]

    SQL访问基础类 SqlHelper.cs 执行带参数SQL,非带参数SQL,存储过程等语句 Access操作辅助类 JetAccess.cs Access的新建,压缩,加密等数据库文件操作 Oledb操作辅助类 OleDbHelper.cs 使用OleDb数据源执行SQL语句 ?...

Global site tag (gtag.js) - Google Analytics