简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

Script的加载方法小结_javascript技巧

WBOY
풀어 주다： 2016-05-16 18:12:02
원래의
1072명이 탐색했습니다.

1.静态加载
CSS，图片资源文件在页面渲染过程中可以并行下载，不会阻塞。在IE8，FF下，也可以支持JS的并行下载。尽管页面的JS下载加速了，但是JS对页面渲染的阻塞还是依然存在的，只有JS加载完毕了，页面的剩余部分才能继续渲染。放在Head部分的Script是最为恶劣的，因为对页面来说，Head部分是require的，是后部分所必须的，Head部分不加载完毕，Body部分不会开始解析，Body解析之前，页面是空白的。静态Script放到页面的哪部分来说都是阻塞，从浏览器实现的角度来说很好理解，因为JS代码中完全有可能修改页面元素影响Dom结构。因为浏览器对JS行为的不可预知，所以只好等前面的Script加载完毕后再继续渲染。所以最佳实践往往是说将Script放到页面底部

관련 라벨：
script 加载
원천：php.cn
이전 기사：Jquery知识点三 jquery表单对象操作_jquery 다음 기사：js对数字的格式化使用说明_javascript技巧
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
TypeScript에서 DefineProps를 사용할 수 없습니다 나는 한동안 withDefaults 및 정의Props를 사용해 왔지만 갑자기 실패하기 시작했고 그 이유를 이해할 수 없습니다! 다음과 같은 기본 SFC가 있습니다...
에서 2023-11-10 19:48:26
0
1
277
Vue I18n을 사용하여 구성 요소 속성/속성을 변환하는 방법 구성 요소의 들어오는 속성/속성을 변환하는 방법은 무엇입니까? 예를 들어 제목 및 설명 속성이 정의된 카드 구성 요소가 있습니다. <!--내 카드 구성요소-...
에서 2023-11-07 12:47:10
0
2
163
Vue 3 함수에서 "this"가 정의되지 않은 것으로 정의된 이유는 무엇입니까? Vue3에서 다음의 간단한 구성 요소 예를 살펴보십시오. <script>import{defineComponent}from'vue'exportdefaul...
에서 2023-11-06 10:07:01
0
1
197
Vuejs3에서 localStorage를 어떻게 사용하나요? 나는 localStorage와 그 사용법에 대해 약간 혼란스러워합니다. 끝에 모달을 표시하는 commonStatistic.vue가 있습니다. Statistic.v...
에서 2023-10-31 23:58:20
0
1
341
클라이언트측 프로그래밍과 서버측 프로그래밍: 차이점 이해 다음 코드가 있습니다: <scripttype="text/javascript">varfoo='bar';<?phpfile_put_c...
에서 2023-10-19 16:00:04
0
2
244
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！