前端
麻辣灬香蕉
这个作者很懒,什么都没留下…
展开
-
web前端之js事件及语法基础
文章目录一、 JavaScript 概述1. 什么是JavaScript1) JavaScript 介绍2) JavaScript 组成2. 使用方式二、DOM 元素和事件1)事件函数分类2)获取元素节点3)事件绑定方式三、基础语法1. 语法规范2. JavaScript的变量与常量1) 变量2) 常量3. 数据类型1) 基本数据类型(简单数据类型)4. 数据类型转换1) 强制类型转换2) 隐...原创 2019-08-24 10:50:47 · 358 阅读 · 0 评论 -
web前端之html
Web前端基础HTML + CSS + JavaScript文章目录Web前端基础HTML + CSS + JavaScript一、课程介绍二、Web前端介绍1. 什么是网页2. 网页的组成3. 网页的优势4. 开发前的准备三、 HTML语法介绍1. HTML介绍2. 元素3. 使用四、常用标签介绍1. 基本结构解析2. body中常用标签3. 常用结构标签4. 标签分类5. 标签比较6. ...原创 2019-08-21 20:40:09 · 115 阅读 · 0 评论 -
web前端之css(基础)
文章目录CSS 基础使用一、CSS介绍二、CSS使用方式1. 行内样式/内联样式(单一页面中使用)设置背景颜色 background-color:green;2. 内嵌样式(少量页面中使用)3. 外链样式表(项目中使用)三、 样式表特征1. 层叠性2. 继承性3. 样式表的优先级**离标签最近的样式优先级最高**(就近原则)四、CSS 选择器1. 作用2. 分类 :1. 标签选择器2. id选择器...原创 2019-08-22 20:37:21 · 181 阅读 · 0 评论 -
web前端之css(盒子模型)
文章目录盒子模型1. 基础概念2. 外边距3. 边框1) 边框实现2) 单边框设置3) 网页三角标制作4) 圆角边框5) 轮廓线2. 内边距3. 盒阴影4. 盒模型概念5. 标签最终尺寸的计算5. 浮动盒子模型1. 基础概念 盒子模型分别由外边距、边框、内边距和标签内容组成。2. 外边距属性:margin作用:调整标签与标签之间的距离特殊:1)margin:0;...原创 2019-08-22 20:47:43 · 426 阅读 · 0 评论 -
web前端之css(布局方式及背景属性)
文章目录一、布局方式1. 普通文档流2. 浮动布局1)属性2)取值3)特点4)常见问题5)解决3. 定位布局1)属性2)取值3)偏移属性4)分类5)堆叠次序二、背景属性1. 背景颜色2. 背景图片相关1)设置背景图片2)设置背景图片的重复方式3)设置背景图片的显示位置4)设置背景图片的尺寸3. 背景属性简写三、文本属性1. 字体相关1)设置字体大小2)设置字体粗细程度3)设置斜体4)设置字体名称5...原创 2019-08-22 20:59:55 · 406 阅读 · 0 评论 -
web前端之js内置对象
文章目录一、 内置对象1) 对象2) Array 数组1. 创建2. 特点3. 属性和方法4. 二维数组3)String 对象1. 创建2. 特点3. 属性4. 方法4) Math 对象1. 定义2. 属性3. 方法5)日期对象1. 创建日期对象2. 日期对象方法一、 内置对象1) 对象对象是由属性和方法组成的,使用点语法访问2) Array 数组1. 创建var arr=[] ...原创 2019-08-28 09:22:18 · 187 阅读 · 0 评论 -
web前端之js的BOM对象
文章目录一、BOM 对象1. BOM 介绍2. window对象的方法1)网页弹框(window对象下的方法)2)定时器方法3. window 对象的属性1)history2)location3)document二、DOM节点操作1)节点对象2)常用节点分类3)获取元素节点4)操作元素内容5)操作元素属性6)操作元素样式三、实现除重的开奖码生成1. 页面效果2. 代码分析1. 页面元素2. 元素...原创 2019-08-29 09:33:14 · 200 阅读 · 0 评论 -
web 前端之js的流程控制语句及函数使用
文章目录一、流程控制1. 作用2. 分类1)顺序结构2)分支/选择结构1. if语句2. switch语句3)循环结构二、函数1. 作用2. 语法3. 使用4. 匿名函数5. 作用域附加:setAttribute()方法一、流程控制1. 作用控制代码的执行顺序2. 分类1)顺序结构从上到下依次执行代码语句e.g.var a =1;try{console.log(b)}catc...原创 2019-08-31 10:48:56 · 137 阅读 · 0 评论 -
web前端之JQuery简介与使用
文章目录一、jQuery简介1. 介绍2. 使用1)引入2)工厂函数 - $()3)原生JS对象与jQuery对象4)jQuery获取元素5)操作元素内容6)操作标签属性7)操作标签样式8)根据层级结构获取元素9)元素的创建,添加,删除10)动画11)jQuery事件处理一、jQuery简介1. 介绍jQuery是JS的工具库,对原生JS中的DOM操作、事件处理、包括数据处理和Ajax技术等...原创 2019-08-31 10:58:33 · 182 阅读 · 0 评论