前端 - 一些网页刚打开时会显示网页框架,过会内容才会显示出来,这样的网页用到了什么技术?
PHP中文网
PHP中文网 2017-05-15 16:58:32
0
4
556

例如: http://www.weather.com/
刚打开时类似这样:

然后才会显示具体内容。
请教大家,这样的网页是用了什么技术?

PHP中文网
PHP中文网

认证0级讲师

모든 응답(4)
phpcn_u1582

여기서 사용해도 상관없습니다angular
原理是把页面分为不同 directive,一开始虽然没有具体内容,但 directive 起到了占位符的作用,所以能看到页面框架。
directive本身再通过 ajax ,向后台请求具体内容片断,填充进页面框架里,显示具体文本、图片。
只要理解了原理,要实现这个效果本身很简单,最后用不用 angular

左手右手慢动作

이 웹사이트를 로드하는 동안 html과 css가 로드될 때 배경 이미지가 아직 로드되지 않았기 때문에 놀랄 일이 없습니다. 잠시 후 배경 이미지가 로드되고 전체 웹사이트의 효과가 표시됩니다. .f12의 네트워크를 살펴보세요. 알겠습니다
첫번째 로드입니다

마지막으로 업로드된 사진입니다


인터넷 속도가 좀 느린 편이고 배경 이미지 로딩 시간이 1.15초 정도 걸립니다

左手右手慢动作

js 파일을 본문 밑에 넣으면 이런 효과가 있을 것 같아요

淡淡烟草味

참고용으로만 개인적인 의견을 말씀드리겠습니다.

이 효과는 Ajax를 통해 얻을 수 있다고 생각합니다.

먼저 html+css로 뼈대를 만듭니다

그럼 js:

window.onload=function(){

으아악

}

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!