首页-骨架 |学习笔记

简介: 快速学习 首页-骨架

开发者学堂课程【移动 Web 前端开发:首页-骨架】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/594/detail/8400


首页-骨架

一、骨架搭建

创建一些资源:demo,css,images,index.html

Css 有对应的 index.css

Js  有对应的 index.js

新创建一个项目不止一个页面,所以新建:

base.css

common.js

index.html 入口页面

base.css  通用样式

common.js 常用的工具函数

项目目录准备完成。

把资源写进文档当中:

京东-首页

引入通用文件:

i

页面所需要的东西准备完成。

把它做成移动端页面必须加上 viewport:

width,initial-scale=1.0,user-scalable=0"/>

Viewport  是让移动端适配的设置。

<body> 里写页面内容就可以了。

这是移动端标准设置。

相关文章
|
10月前
|
存储 JavaScript 前端开发
订水商城实战教程10-宫格导航
订水商城实战教程10-宫格导航
|
JSON 前端开发 JavaScript
ElementUI之首页导航及左侧菜单(模拟实现)
ElementUI之首页导航及左侧菜单(模拟实现)
283 0
|
10月前
|
小程序
【微信小程序】-- 页面导航 -- 编程式导航(二十三)
【微信小程序】-- 页面导航 -- 编程式导航(二十三)
|
6月前
|
小程序 JavaScript API
微信小程序开发学习之页面导航(声明式导航和编程式导航)
这篇文章介绍了微信小程序中页面导航的两种方式:声明式导航和编程式导航,包括如何导航到tabBar页面、非tabBar页面、后退导航,以及如何在导航过程中传递参数和获取传递的参数。
微信小程序开发学习之页面导航(声明式导航和编程式导航)
|
8月前
uniapp实战 —— 分类导航【详解】
uniapp实战 —— 分类导航【详解】
112 2
|
前端开发
前端学习笔记202306学习笔记第四十八天-推荐歌单的结构和样式实现1
前端学习笔记202306学习笔记第四十八天-推荐歌单的结构和样式实现1
50 0
|
前端开发
前端学习笔记202305学习笔记第二十一天-vue3.0-通过声明式导航跳转到用户详情页
前端学习笔记202305学习笔记第二十一天-vue3.0-通过声明式导航跳转到用户详情页
88 0
|
10月前
|
前端开发 JavaScript 数据安全/隐私保护
next.js博客搭建_六一卡通风格的登录注册(第二步)
next.js博客搭建_六一卡通风格的登录注册(第二步)
50 0
|
小程序 JavaScript
微信小程序模仿分类导航实现多个tab 页
微信小程序模仿分类导航实现多个tab 页
93 0
|
前端开发
前端学习笔记202306学习笔记第四十八天-推荐歌单的结构和样式实现2
前端学习笔记202306学习笔记第四十八天-推荐歌单的结构和样式实现2
51 0