关于本课
1.1.
课程说明
1.2.
教学方式
1.3.
考核方式
1.4.
学习目标
1.5.
学习材料
1.6.
更多资源
示例项目
2.1.
什么是博客
2.2.
内容类型
2.3.
页面类型
2.4.
页面模板
2.5.
角色类型
2.6.
功能
2.7.
前台
2.8.
后台
2.9.
布局
2.10.
扩展功能
2.11.
设计风格
个人项目
3.1.
课程项目立项说明
3.2.
准备阶段
3.3.
检查点一
3.4.
检查点二
3.5.
检查点三
3.6.
检查点四
3.7.
项目评分标准
第1周:什么是web前端?
4.1.
Web基础知识
4.1.1.
从磁盘文件到Web网站
4.1.2.
什么是B/S架构?
4.1.3.
什么是URL?
4.1.4.
什么是WEB?
4.1.5.
形形色色的浏览器
4.2.
Web网站的架设(xampp)
4.2.1.
hello world
4.2.2.
多站点配置
4.2.3.
wordpress安装与体验
4.2.4.
xampp安装与常见故障
4.3.
Web网站的架设(phpstudy)
4.3.1.
hello world
4.3.2.
多站点配置
4.3.3.
wordpress安装与体验
4.3.4.
phpstudy安装与常见故障
4.4.
WEB前端开发工具
4.4.1.
浏览器
4.4.2.
编辑器
4.4.3.
原型工具
4.4.4.
Git
4.4.5.
Github
4.4.6.
Github Pages
4.4.7.
Web前端工作流程
4.4.8.
前端开发环境基础技能
4.5.
任务篇
4.5.1.
作业与讨论
4.5.2.
项目实训
第2周:HTML文档(上)
5.1.
什么是HTML?
5.2.
HTML语法
5.3.
HTML文档结构
5.4.
语义标记
5.5.
形形色色的语义标记
5.6.
搜索引擎
第2周:HTML文档(下)
6.1.
格式与转义
6.2.
元标记
6.3.
HTML版本
6.4.
Markdown
6.5.
任务篇
6.5.1.
作业与讨论
6.5.2.
项目实训
第3周:HTML站点
7.1.
链接
7.2.
文本与二进制文件
7.3.
多媒体
7.4.
框架
7.5.
任务篇
7.5.1.
作业与讨论
7.5.2.
项目实训
第4周:HTML表单
8.1.
表单
8.2.
控件
8.3.
任务篇
8.3.1.
作业与讨论
8.3.2.
项目实训
第5周 CSS基础
9.1.
什么是CSS?
9.2.
normalize.css
9.3.
什么是排印?
9.4.
字体
9.5.
屏幕
9.6.
度量
9.7.
颜色
9.8.
用户界面
9.9.
任务篇
9.9.1.
作业与讨论
9.9.2.
项目实训
第6周 CSS定位
10.1.
定型
10.2.
定位
10.3.
伪元素与伪类
10.4.
任务篇
10.4.1.
作业与讨论
10.4.2.
项目实训
第7周 CSS布局
11.1.
表格布局
11.2.
浮动布局
11.3.
栅格布局
11.4.
现代布局:弹性盒子
11.5.
现代布局:栅格盒子
11.6.
任务篇
11.6.1.
作业与讨论
11.6.2.
项目实训
第8周 前景与背景
12.1.
前景与背景
12.2.
背景图
12.3.
CSS精灵图
12.4.
图标字体
12.5.
任务篇
12.5.1.
作业与讨论
12.5.2.
项目实训
第9周 可访问性
13.1.
响应式设计
13.2.
视口 viewport
13.3.
媒体查询与布局
13.4.
图片及其它
13.5.
可访问性
13.6.
任务篇
13.6.1.
作业与讨论
13.6.2.
项目实训
第10周 Javascript基础
14.1.
什么是Javascript?
14.2.
Javascript基本功能
14.3.
Javascript基本语法
14.4.
Javascript的版本
14.5.
工具篇
14.5.1.
Jquery
14.5.2.
Jquery plugin
14.5.3.
CDN
14.6.
任务篇
14.6.1.
作业与讨论
14.6.2.
项目实训
第11周 文档对象模型
15.1.
DOM
15.2.
事件驱动
15.3.
DOM事件
15.4.
Jquery DOM
15.5.
任务篇
15.5.1.
作业与讨论
15.5.2.
项目实训
第12周 浏览器对象模型
16.1.
BOM
16.2.
阻塞、执行与渲染
16.3.
定时器
16.4.
任务篇
16.4.1.
作业与讨论
16.4.2.
项目实训
第13周 客户端状态与存储
17.1.
cookies
17.2.
客户端存储
17.3.
客户端 API
17.4.
任务篇
17.4.1.
作业与讨论
17.4.2.
项目实训
第14周 浏览器应用
18.1.
json
18.2.
Ajax
18.3.
前端文件包含
18.4.
前端模板
18.5.
前端路由与单页应用
18.6.
json server
18.7.
rest client
18.8.
bookmarklet
18.9.
任务篇
18.9.1.
作业与讨论
18.9.2.
项目实训
第15周 前端工程化上
19.1.
作用域与IIFE
19.2.
模块化与AMD
19.3.
node.js
19.4.
node环境构建
19.5.
客户端包管理bower
19.6.
服务端包管理npm
第15周 前端工程化下
20.1.
scss
20.2.
自动化构建gulp
20.3.
webpack
20.4.
esm
20.5.
任务篇
20.5.1.
作业与讨论
20.5.2.
项目实训
高级话题
21.1.
css-module
21.2.
post-css
21.3.
post-html
21.4.
前端架构
21.5.
前沿发展
Published with GitBook
css-module
css 模块化
问题
问题分析
解决思路1:命名规则
常见命名规则
参考
css 模块化
问题
css是否能够像js或其它高级语言一样,以软件包的形式共享css代码
在前端项目中重用不同来源的css软件包,而不会产生任何冲突
问题分析
css本身只支持全局空间,缺乏局部作用域,导致命名冲突
CSS级联规则导致的样式冲突
解决思路1:命名规则
开发者基于事先的约定规则,对各种css标识符进行统一的命名
常见命名规则
Object-Oriented CSS
BEM
SMACSS
参考
css模块化思想
http://www.cnblogs.com/WebShare-hilda/p/4686067.html
CSS 模块化开发
http://www.cnblogs.com/yoomin/p/5670589.html
results matching "
"
No results matching "
"