84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
例如: http://www.weather.com/刚打开时类似这样:
然后才会显示具体内容。请教大家,这样的网页是用了什么技术?
认证0级讲师
여기서 사용해도 상관없습니다angular原理是把页面分为不同 directive,一开始虽然没有具体内容,但 directive 起到了占位符的作用,所以能看到页面框架。directive本身再通过 ajax ,向后台请求具体内容片断,填充进页面框架里,显示具体文本、图片。只要理解了原理,要实现这个效果本身很简单,最后用不用 angular
angular
directive
ajax
이 웹사이트를 로드하는 동안 html과 css가 로드될 때 배경 이미지가 아직 로드되지 않았기 때문에 놀랄 일이 없습니다. 잠시 후 배경 이미지가 로드되고 전체 웹사이트의 효과가 표시됩니다. .f12의 네트워크를 살펴보세요. 알겠습니다첫번째 로드입니다
마지막으로 업로드된 사진입니다
인터넷 속도가 좀 느린 편이고 배경 이미지 로딩 시간이 1.15초 정도 걸립니다
js 파일을 본문 밑에 넣으면 이런 효과가 있을 것 같아요
참고용으로만 개인적인 의견을 말씀드리겠습니다.
이 효과는 Ajax를 통해 얻을 수 있다고 생각합니다.
먼저 html+css로 뼈대를 만듭니다
그럼 js:
window.onload=function(){
}
여기서 사용해도 상관없습니다
angular
原理是把页面分为不同
directive
,一开始虽然没有具体内容,但directive
起到了占位符的作用,所以能看到页面框架。directive
本身再通过ajax
,向后台请求具体内容片断,填充进页面框架里,显示具体文本、图片。只要理解了原理,要实现这个效果本身很简单,最后用不用
angular
이 웹사이트를 로드하는 동안 html과 css가 로드될 때 배경 이미지가 아직 로드되지 않았기 때문에 놀랄 일이 없습니다. 잠시 후 배경 이미지가 로드되고 전체 웹사이트의 효과가 표시됩니다. .f12의 네트워크를 살펴보세요. 알겠습니다
첫번째 로드입니다
마지막으로 업로드된 사진입니다
인터넷 속도가 좀 느린 편이고 배경 이미지 로딩 시간이 1.15초 정도 걸립니다
js 파일을 본문 밑에 넣으면 이런 효과가 있을 것 같아요
참고용으로만 개인적인 의견을 말씀드리겠습니다.
이 효과는 Ajax를 통해 얻을 수 있다고 생각합니다.
먼저 html+css로 뼈대를 만듭니다
그럼 js:
window.onload=function(){
으아악}