返回总目录页

前端目录

前端合并单元格   js与jquery实例-拖动改变列宽和行高  echarts(数据可视化图表)  vue学习    jquery使用案例  jQuery插件集合    echarts饼图详细+仪表盘    详解JS浏览器储存    在线电子表格编辑器 Luckysheet   01-vue之es56入门指令属性等     02-vue之axios组件路由cli    03-vue之ElementUI和顶部导航栏示例     常见前端页面布局     vue项目使用研究1  npm包离线安装   canvas画布简单使用

 

 

 

 

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  马昌伟  阅读(415)  评论(0编辑  收藏  举报
博主链接地址:https://www.cnblogs.com/machangwei-8/