随笔分类 - 前端开发
简单总结一下关于WEB开发前端的知识,可能并不全面,但会持续更新的,裨补缺漏。
摘要:主要内容: 1、jQuery的位置属性及实例 (1)位置属性 (2)实例 仿淘宝导航栏 2、jQuery的筛选方法及实例 (1)筛选方法 (2)实例一:嵌套选项卡 (3)实例二:小米官网滑动 (4)实例三:焦点轮播图 (5)实例四:动态实现轮播图 一、jQuery的位置属性及实例 1、位置属性 HT
阅读全文
摘要:主要内容: 1、jQuery属性操作 2、jQuery文档操作 一、jQuery属性操作 1、什么是jQuery的属性操作? jQuery的属性操作模块包括四个部分:html属性操作,dom属性操作,类样式操作和值操作。 (1)html 属性操作 (2) DOM属性操作 (3) 类样式操作 (4)
阅读全文
摘要:主要内容: 1、显示与隐藏效果 2、滑动效果 3、淡入与淡出效果 4、动画效果 5、弹出广告效果 一、显示与隐藏 显示与隐藏即 show() 和 hide() ,能够控制元素显示或隐藏。 实例: 完整代码: <!DOCTYPE html> <html lang="en"> <head> <meta
阅读全文
摘要:主要内容: 1、jQuery简介 2、jQuery文件的引入 3、jQuery选择器 4、jQuery对象与DOM对象的转换 一、jQuery简介 1、介绍 2、特性 jQuery是一个javascript函数库。 3、jquery 和 JavaScript的区别 (1) 执行时间不同 (2)编写个
阅读全文
摘要:主要内容: 1、BOM输出 2、BOM的对象 3、client的相关属性 4、offset的相关属性 5、scroll的相关属性 前情提要: 何谓BOM? 所谓 BOM 指的就是浏览器对象模型 Browser Object Model,它的核心就是浏览器。 一、BOM输出 主要输出方式有以下几种:
阅读全文
摘要:实战案例一: “灯泡发光” <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>javaScript案例之点亮灯泡</title> <style type="text/css"> img{ width:100px
阅读全文
摘要:主要内容: 1、HTML DOM元素 2、HTML DOM事件 一、DOM元素 主要操作有添加、删除和替换HTML元素 1、创建新的HTML元素 (1)方法一: appendChild() 追加 如需向 HTML DOM 添加新元素,您首先必须创建该元素,然后把它追加到已有的元素上。 实例和解析:
阅读全文
摘要:主要内容: 1、DOM简介 2、DOM 节点 3、DOM 方法和属性 4、DOM 访问和修改 一、DOM简介 1、什么是 DOM? DOM 是 W3C(万维网联盟)的标准。 DOM 定义了访问 HTML 和 XML 文档的标准: W3C DOM 标准被分为 3 个不同的部分: 2、什么是 XML D
阅读全文
摘要:主要内容: 1、定时器 2、正则表达式入门 3、元字符 4、正则表达式实战运用 一、定时器 javaScript里主要使用两种定时器,分别是:setInterval()和setTimeout()。 1、第一种 setInterval() (1)含义: setInterval() 启动后不停地调用。
阅读全文
摘要:主要内容: 1、创建对象的几种方式 2、JavaScript内置对象 3、JavaScript错误--Throw、Try 和 Catch 4、JavaScript 表单验证 一、创建对象的几种方式 1、使用Object或者对象字面变量创建对象 (1)使用Object创建对象 例如: (2)使用对象字
阅读全文
摘要:主要内容: 1、流程控制条件语句和switch语句 2、for循环和while循环 3、Break语句和Continue语句 4、数组和数组常用方法 5、函数 6、对象 一、流程控制条件语句和switch语句 1、条件语句(用于基于不同的条件来执行不同的动作) (1)if语句 只有当指定条件为 tr
阅读全文
摘要:主要内容: 1、JavaScript介绍 2、JavaScript的引入方法和输出及注释 3、javaScript变量和命名规则 4、五种基本数据类型 5、运算符 6、字符串处理 7、数据类型转换 一、JavaScript介绍 1、JavaScript是什么? 具有如下特点: 2、javaScrip
阅读全文
摘要:一、相对定位 二、绝对定位 三、固定定位 四、z-index 前言 定位有三种:1、相对定位 2、绝对定位 3、固定定位 这三种定位,每种都暗藏玄机,所以要每个单独剖析。 1️⃣ 相对定位 1、三大特性 2、好处 3、示例: <!DOCTYPE html> <html lang="en"> <hea
阅读全文
摘要:主要内容: 一、CSS布局之浮动 二、清除浮动带来的问题 三、margin塌陷问题和水平居中 四、善用父级的的padding取代子级的margin 五、文本属性和字体属性 六、超链接美化 七、背景属性(颜色、图片、位置) 1️⃣ CSS布局之浮动 float:即浮动,CSS布局用得最多的一个属性。
阅读全文
摘要:主要内容: 一、CSS的继承性和层叠性 二、盒模型 三、padding属性 四、border属性 五、margin属性 六、标准文档流 七、行内元素和块状元素转换 1️⃣ CSS的继承性和层叠性 1、继承:给父级设置一些属性,子级继承了父级的该属性,这就是css中的继承。 有一些属性是可以继承下来的
阅读全文
摘要:一、CSS介绍和语法 二、CSS引入方式 三、基本选择器 四、高级选择器 五、伪类选择器 六、伪元素选择器 1️⃣ CSS介绍和语法 1、 CSS的介绍 (1)为什么需要CSS? (2)代码注释 方法:/*代码注释写在这里*/ 2️⃣ CSS引入方式 网页中引入CSS样式有三种: (1)内嵌方式 s
阅读全文
摘要:主要内容: 一、表格标签 -- table 二、表单标签 -- form 三、常用标签属性和分类 四、标签嵌套规则 1️⃣ 表格标签 -- table 主要标签如下图所示: 示例如下: <! DOCTYPE html> <html lang="en"> <head> <meta charset="u
阅读全文
摘要:主要内容: 一、HTML简介 二、HTML标签 三、HTML文档结构和注释 四、head标签及相关内容 五、body标签及相关内容 1️⃣ HTML简介 (1)HTML 2、标签的特点 (2)HTML文档结构的特点 (2)我们习惯用注释的标签把HTML代码包裹起来。如下: (3)HTML注释的注意事
阅读全文

浙公网安备 33010602011771号