前端目录

html

  

1、快捷使用tab pycharm编辑html:
2、table表格
3、form表单
3.1 input 中 txt password 和submit类型
3.2 input中的radio单选框
3.4、select 下拉菜单
3.6多行文本框textarea
3.7、label标签:
将for 名字 和input的的单行文本框id相同的框关联起来,比如这里点击用户名就调到关联label的框让你输入
4、div
4.1小米整体
4.2给div起个名字 id 用来识别div,以后就可以取出对应的div内容
4.3顶部div里面又分了三个div逻辑区
4.4类选择器,
4.5标签选择器,对所有a标签清除下划线
4.6查看原网站字体颜色,大小。
4.7查看背景色,并添加
4.8顶部div添加高度
4.10综上:div盒子高度(height)和行高line-height高度相等,垂直居中。text-align控制水平左中右。
4.11、html展示
6、模拟百度搜索框:
css详解1

  

1、css的三种引入方式:
1.1、行内引入
1.2内嵌式:
1.3外接式:
1.4、三种样式的优先级
2、基础选择器
2.1、id选择器
2.2、类选择器
2.3标签选择器
3、盒模型
3.2、pading设置一个值,上下左右。
3.3pading两个值,表示上下和左右
3.4、pading三个值,表示上 左右 下
3.5、pading四个值,表示 上 右 下 左 ,
3.6、pading单独设置一个方向
3.7盒子设置magin
4、标签嵌套关系
4.1标签的嵌套关系之块级标签
4.2、标签的嵌套关系之行内标签
4.3行内标签之行内块标签
4.4嵌套关系总结:
5、高级选择器
5.1、后代选择器
5.2、子代选择器
5.3组合选择器
5.4、交集选择器
6、css的继承
6.1继承实例演示
6.2继承顺序问题
6.3继承总结
6.4其它继承栗子
css详解2

  

1、伪类选择器
1.1、a标签的爱恨准则 LoVe HAte 。一个冒号连接
1.2、a标签的示例
1.3、伪类选择器使用案例
1.4其它也可以使用伪类选择器hover。鼠标放在它上面想让它变个样子就用hover
1.5、栗子
1.6、hover栗子
2、属性选择器
3、伪元素选择器
3.1、给第一个字添加属性
3.2、在某个标签内容前面添加内容
3.3给某个标签内容后面添加内容
4、font字体
4.1
4.2
5、px,ex,rex的区别
5.1
5.2、rem原理图
5.3、使用rem的案例分析
6、详细字体属性文本属性。来自复制。
6.1字体属性
备选字体
字体大小
字体颜色
字体样式
字体粗细
6.2文本属性
文本修饰
文本缩进
行间距
中文字间距、字母间距
文本对齐
css详解3

  

1、盒模型的常用属性
1.1、pading
1.3制作三角形
1.3、magin 详解
2、浮动属性的使用
2.1浮动的初步理解
2.2浮动在顶部栏的使用案例
2.3分析网页的元素组成
3、浮动的知识
3.1、浮动带来的问题
3.2、浮动的现象
4、清除浮动
4.1、给父元素添加固定高度
4.2内墙法
4.3伪元素清除法
5.BFC详解
6、绝对定位和相对定位
6.1技术使用到的地方举例
6.2相对定位:
6.3绝对定位
6.4、子绝父相的布局
6.5浮动和绝对定位的特征:
7、iconfont使用方法
第三步:挑选相应图标并获取字体编码,应用于页面3
8、子绝父相的应用案例之一

css详解4

  

1、固定定位
2、圆角设置
javascript详解1

  

1、js引入方式
1.1、js写在行内,尽量不要写在行内
1.2内嵌方式
1.3、外接方式
2、js常用的功能
2.1测试语句
2.2、变量
2.3引用数据类型
js基础学习2

  Javascript基础语法

如何在页面中插入Javascript?
内部Javascript
外部Javascript
认识Javascript语句和注释
JavaScript语句
注释
单行注释
多行注释
存储你所需要的信息(变量)
声明变量
变量赋值
更新变量
变量类型
Number(数值)
String(字符串)
Boolean(布尔值)
数字和运算符
人人都爱数学
算数运算符
运算符优先级
递增和递减运算符
赋值运算符
字符串
语言的力量
创建一个字符串
单引号和双引号
转义字符串中的字符
拼接字符串
数字和字符串
数组
创建数组
访问和修改数组元素
获取数组的长度
条件判断
只需一个条件你就可拥有……
if..else语句
else if
比较运算符
嵌套if … else
逻辑运算符:&& ,||,和!
switch语句
三元运算符
循环
for循环基本用法
for用于遍历数组
使用break退出循环
continue语句
break和continue的区别
while循环
do…while循环
函数
什么是函数
定义函数
函数调用
函数返回值
函数表达式
函数作用域和冲突
函数内部的函数
js基础知识3

  定时器等

js基础知识4 DOM

js获取标签的三种方式

  

1、通过id获取
2、通过标签名来获取节点对象
3、通过类名获取
4、获取所有子孩子对象 父对象.children
js对样式的操作

js对属性的操作

js节点的创建添加删除

  

1、增删改查
1.1创建节点
1.2设置标签文本内容
1.3、给添加的标签设置属性和文本并添加子标签
1.4、在某个标签之前插入标签 ul.insertBefore(li2,li1);
1.5、删除标签 文档对象. r移除孩子() ul.removeChild(li2);
2、对属性,值,节点的操作案例
jquery学习

  

1、jquery简介
2、bootstrip简介
3、 jquery基础
3.1、下载jquery库
4、基础选择器
4.1、jquery对象转为js对象
4.2、js对象转为jquery对象 $(js对象)
4.3、后代选择器
4.4、属性选择器
4.6、this指向以及jq修改样式
4.7、基本过滤选择器
5、基本过滤选择器
6、属性选择器
7.筛选选择器
7.2、兄弟方法应用:热门卡片制作: 多个选项,点击谁就显示谁的内容。

jquey动画效果

  

1、show() 显示 由小变大缓慢显示
2、hide() 隐藏 由大到小指定速度隐藏
3、show,hide指定时间显示隐藏动画结合
显示动画
隐藏动画
实现点击按钮显示盒子,再点击按钮隐藏盒子
开关式显示隐藏动画
滑入和滑出
淡入淡出动画
自定义动画
停止动画
jquery属性文档事件等操作

  

1、jq方法attr removeAttr
2、jq方法prop removeProp
3、
4、jq 获取当前对象索引index()
jquery文档操作

  

一.插入操作
知识点1:
知识点2:
知识点3:
知识点4:
知识点5:
知识点6:
二、克隆操作
三、修改操作
知识点1:
知识点2:
4、删除操作
知识点2:
知识点3:
鼠标事件

  

1、鼠标离开进来各做什么事情
2、聚焦失焦事件
3、按下键盘的事件
4、按指定键实现清空的现象
5、提交。表单提交
ajax使用案例

  

1、初步了解
2、实际原理演示
3、ajax实际代码实现
4、最终代码:
jQuery和bootstrap

  

1、
2、jquery插件的使用案例:
3、bootstrip

posted @ 2019-05-28 11:32  马昌伟  阅读(290)  评论(0编辑  收藏  举报