`

浏览器参数及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  
学习了,这些知识都没注意过

相关推荐

    JS,CSS 以及浏览器

    标题 "JS, CSS 以及浏览器" 涉及到的是前端开发中的三个核心元素:JavaScript、CSS和浏览器的交互。JavaScript是一种广泛使用的编程语言,主要负责网页的动态效果和交互功能,而CSS则是用于控制网页布局和样式的样式...

    wpf winform C# 用XiliumCefGlue做浏览器,JS和C#相互调用

    Chromium是Google Chrome浏览器的基础,因此CEF能够支持最新的Web标准和技术,如HTML5、CSS3和JavaScript。XiliumCefGlue是CEF的一个C#绑定,它简化了在.NET环境中使用CEF的过程。 接下来,让我们详细讨论如何在WPF...

    Node.js-deft-request是一个轻量级的Javascript浏览器请求框架

    Node.js的deft-request框架是JavaScript开发者在进行浏览器端HTTP请求时的一个理想选择,尤其适合那些寻求轻量级解决方案的项目。这个框架以其强大的功能和易用性脱颖而出,旨在简化和统一不同类型的网络请求,包括...

    Java嵌入谷歌内核简单浏览器

    CEF基于Chromium项目,Chromium是Google Chrome浏览器的基础。CEF封装了Chromium的主要组件,包括渲染引擎( Blink )和JavaScript引擎( V8 )。通过CEF,开发者可以获得这些强大的引擎,并在自己的应用中使用它们...

    Chrome浏览器调试教程

    #### 一、Chrome浏览器简介及下载与安装 - **浏览器功能**:浏览器的主要职责是向服务器发起请求并在用户界面上展示所请求的资源,这些资源可以是HTML文档、PDF文件、图像等。W3C(万维网联盟)制定了HTML和CSS的...

    android浏览器插件样例

    1. Webview:Android中的Webview是用于加载和显示网页内容的组件,它是浏览器插件的基础。开发者可以通过Webview与JavaScript交互,实现原生功能和网页的融合。 2. JavaScript Interface:为了使Java代码能够与Web...

    php 模拟浏览器请求网页见容

    Guzzle支持链式调用,可以方便地配置各种请求参数。 在进行网页抓取时,还需要注意以下几点: - **遵守robots.txt**:尊重网站的爬虫规则,避免对服务器造成过大的负担。 - **设置User-Agent**:为了看起来更像...

    前端echarts词云图完整demo,+配置参数详解

    除了基础配置,ECharts还提供了丰富的定制选项,如自定义词云形状、动态加载数据、交互事件等。例如,你可以通过自定义`generateWordCloudShape`函数来改变词云形状,通过监听`click`事件来响应用户点击等。 六、...

    Chromium核心的简单多标签浏览器源码

    在开发这样的多标签浏览器时,开发者需要了解CEF的生命周期管理、URL请求处理、浏览器对象的创建与控制、JavaScript与C#的交互(如通过CefSharp库实现的JS互操作)、错误处理及安全策略等关键知识点。此外,还要考虑...

    CHttpConnection浏览器

    自定义浏览器参数通常涉及到用户体验的优化和个性化设置。例如,用户可能希望改变默认的字体大小、颜色方案、是否启用JavaScript、Cookie管理策略等。在基于CHttpConnection的浏览器中,可以扩展类或添加设置界面,...

    一个手机浏览器运行的AR例子

    5. 可能的配置文件:定义了AR体验的参数,如目标图像、模型位置等。 为了运行和理解这个AR示例,开发者需要熟悉HTML、CSS和JavaScript的基础知识,同时对WebGL和WebXR有深入的理解。此外,调试和测试也是必不可少的...

    swfupload flash上传兼容所有浏览器

    1. **初始化设置**:SWFUpload 的使用始于创建一个实例,开发者需要配置各种参数,如上传URL、文件类型限制、最大上传文件大小等,然后通过JavaScript调用`SWFUpload.getInstance()`来实例化组件。 2. **事件处理**...

    MFC 中使用CEF内核实现简单浏览器

    本文将详细讲解如何使用CEF内核在MFC框架下构建一个基础的浏览器应用,并实现基本的视频播放和下载功能。 1. **CEF的安装与配置** 在开始编写代码之前,首先需要下载并集成CEF库到MFC项目中。这通常包括获取CEF的...

    ajax基础学习总结及例子

    **Ajax基础学习总结及例子** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这种技术的核心在于利用JavaScript创建异步通信请求,与服务器交换数据并...

    qt浏览器程序源码 跨平台 多操作系统

    9. **设置和配置**:浏览器可能提供一系列可配置的选项,如默认搜索引擎、字体设置、隐私模式等,这些都需通过源码进行实现和管理。 10. **资源管理**:包括图标、图片、样式表等资源的加载和管理,可能涉及到QT的...

    JavaScript基于SuperSlide电影频道焦点图代码,兼容主流浏览器

    总结,利用JavaScript和SuperSlide插件,我们可以轻松创建一个兼容主流浏览器的电影频道焦点图。这个功能不仅可以提升网站的视觉吸引力,还可以帮助用户快速浏览和了解电影内容。通过适当的定制和优化,你可以让这个...

    手机浏览器调用微信H5支付源码

    微信H5支付是一种在移动设备上进行在线交易的支付方式,尤其适用于手机浏览器环境。它允许用户通过微信应用内或微信内置浏览器直接完成支付流程,无需跳转到其他支付平台,提高了用户体验。以下是对这套手机浏览器...

    flash+js+配置文件3d图片切换

    标题中的“flash+js+配置文件3d图片切换”指的是一个使用Flash技术和JavaScript结合,并通过配置文件实现3D效果的图片切换程序。这样的程序通常用于网页设计,为用户提供动态、立体的视觉体验,使得图片展示更加生动...

    flash 兼容各种浏览器播放视频代码

    首先,要让Flash视频在不同浏览器中播放,我们需要一个基础的SWF文件,这是Flash内容的核心。这个文件包含了视频数据以及播放控制的逻辑。开发者通常使用Adobe Flash Professional或FlashDevelop等工具创建SWF文件。...

    Android基于WebView的手机浏览器源码用AS打开即可测试

    - **WebSettings**:用于设置WebView的参数,如JavaScript支持、缓存策略、加载图像等。在源码中,可能会看到设置`WebSettings.setJavaScriptEnabled(true)`以启用JavaScript执行。 3. **加载网页** - **loadUrl...

Global site tag (gtag.js) - Google Analytics