前端
ZT黄
这个作者很懒,什么都没留下…
展开
-
jQuery2 选择器
文章目录1 基础选择器1.1 id选择器1.2 class选择器1.3 全选选择器1.4 元素选择器1.5 层级选择器1.6 属性选择器2 筛选选择器2.1 基本的筛查选择器2.2 表单的筛查选择器2.3 内容筛查选择器2.4 可见性筛查选择器2.5 后代元素筛选选择器3 this与$this3.1 原生js里的this3.2 $里的 $this3.3 二者的转化4 选择器组合4.1 交集选择器4...原创 2019-08-03 19:41:06 · 114 阅读 · 0 评论 -
JavaScript10 表单处理
1 获取表单元素例如下面的表单元素,想要获取姓名和年龄。<form name="form1"> 姓名: <input id="name" type="text" name="name"><br/> 年龄: <input id="age" type="text" name="age"> <input t...原创 2019-05-06 14:54:34 · 300 阅读 · 0 评论 -
JavaScript调试简介
https://www.runoob.com/w3cnote/javascript-console-object.html调试介绍调试是任何编程语言程序员的必备技能,代码难免出错,语法错误解释器会自动提出来,程序员直接修改就可以了。但是对于逻辑错误,解释器并不会意识到,他会按照他的理解执行,这就导致了代码的执行效果与预期的效果不相同。在代码编写阶段,程序出错的绝大多数原因就是逻辑错误导致的。如...原创 2019-04-29 19:02:52 · 360 阅读 · 0 评论 -
JavaScript5 JavaScript对象
1.创建对象1.1 先创建空的对象,然后为他绑定属性和方法1.2 以字典键值对的形式创建对象1.3 函数的形式为他创建对象2.使用对象3.常见的JavaScript对象...原创 2019-04-24 20:43:28 · 138 阅读 · 0 评论 -
JavaScript9 BOM对象
1 什么是BOM1.浏览器对象模型(Browser Object Model (BOM))尚无正式标准。由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 BOM 的方法和属性。所有浏览器都支持 window 对象。它表示浏览器窗口。2.所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。winddow对象...原创 2019-05-05 10:09:38 · 114 阅读 · 0 评论 -
JavaScript8 其他常用的对象
1 数组Array1.1 数组创建1.创建一维数组2.创建一维数组包装类3.创建多维数组4.不同数据类型的数组1.2 数组访问通过下标访问 a[2] console.log(a[2]);1.3 数组的属性和方法1.常用的属性2.常用的方法 //三。常用的属性和方法 console.log(a.length);//长度 ...原创 2019-05-02 11:00:02 · 98 阅读 · 0 评论 -
JavaScript正则表达式
https://www.cnblogs.com/chenmeng0818/p/6370819.htmlhttps://www.runoob.com/regexp/regexp-tutorial.html原创 2019-05-02 10:03:27 · 351 阅读 · 0 评论 -
JavaScript6 HTMLDOM
1.HTML目录树结构2.元素3.选择元素4.修改元素内容,属性5.元素的事件响应6.添加句柄7.创建,删除,替换新的元素原创 2019-04-22 15:06:16 · 94 阅读 · 0 评论 -
JavaScript7 基本数据类型与包装类
文章目录1.数据类型复习1.1 数据类型分类1.2 两个种类的区别:1.3 理解js里的值类型和引用类型2 数字类型2.1 值类型的数字,引用类型数字的创建2.2 数字类型中的一些特殊值2.3 常用的数字对象的属性和方法3.字符串3.1 值类型的字符串,引用类型字符串的创建3.2 常用的属性和方法3.3 js中多行字符串4.布尔类型4.1 创建4.2 常用属性和方法1.数据类型复习1.1 数据...原创 2019-04-26 14:53:40 · 129 阅读 · 0 评论 -
Bootstrap1 初识Bootstrap
1 什么是Bootstrap1.1 介绍Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。1.2 特点1.传统的网页制作,程序员消耗了大量的精...原创 2019-05-09 11:25:11 · 431 阅读 · 0 评论 -
Bootstrap4 表单处理
1. 表单复习2.Bootstrap表单总体样式2.1 基础样式创建基本表单的步骤:1.向父 元素添加 role=“form”。2.把标签和控件放在一个带有 class .form-group 的 中。这是获取最佳间距所必需的。3.向所有的文本元素 、 和 添加 class =“form-control” 。实例。<form role="form"> &l...原创 2019-05-15 09:27:26 · 1880 阅读 · 1 评论 -
Bootstra5 按钮处理
1 基本按钮1.1 form表单外的按钮form表单只是一个容器,多个数据项构成一个表单,之所以把他们组成一个表单,是因为这样便于提交。所以,不用于提交的表单可以单独写出来<button>这是一个普通按钮</button>1.2 按钮的基本样式上面的按钮非常丑陋,因此在引入bootstrap3后可以直接使用btn类。<button class="btn...原创 2019-05-15 09:27:50 · 273 阅读 · 0 评论 -
Bootstrap插件1 控件组
1 下拉列表2 按钮组3 输入控件组4 导航条原创 2019-06-10 14:06:41 · 191 阅读 · 0 评论 -
Bootstrap8 字体图标
使用Bootstrap里的图标原创 2019-06-10 14:06:07 · 403 阅读 · 0 评论 -
网页设计基础 1 尺寸
1 屏幕的基本参数1.11.22 各种像素2.1 物理(设备)像素 px(Pixel)2.2 逻辑(设备独立)像素 dp或dp(Device Independent Pixels)2.3 CSS像素像素比原创 2019-05-26 13:29:30 · 329 阅读 · 0 评论 -
Bootstrap3 表格处理
1 表格基本功能回顾1.1 定义表格总结,定义行及行内元素1.table标签表示一整张表2.tr标签表示一行3.td标签表示一个单元格1.2 合并单元格1.通过col,row1.3 其他标签1.caption标签2.2 表格样式2.1 基础样式2.2 有边框的表格2.3 条纹状表格2.4 点击会有悬浮样式的表格2.5 紧凑型表格2.6 响应式表格...原创 2019-05-12 11:23:35 · 1129 阅读 · 0 评论 -
H5 标签处理
1 H5的特点1.TML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。2.HTML5 中的一些有趣的新特性:用于绘画的 ...原创 2019-05-11 14:48:41 · 109 阅读 · 0 评论 -
jQuery1 初识jQuery
1 什么是jQuery2 搭建jQuery环境3 jQuery文件的基本结构4 jQuery对象与原生js DOM对象比较和转化原创 2019-05-11 11:18:57 · 94 阅读 · 0 评论 -
Bootstrap7 栅格
1 栅格基础响应式布局与媒体查询https://blog.csdn.net/weixin_44055272/article/details/902416881.1 通用的栅格响应式网格视图通常是 12 列,宽度为100%,在浏览器窗口大小调整时会自动伸缩。这样就方便了布局。1.2 栅格对于不同设备的处理超小屏幕手机 (<768px)小屏幕 平板 (≥768px)中等...原创 2019-05-20 19:07:40 · 233 阅读 · 0 评论 -
Bootstrap2 文本处理
1.段落处理1.1 标题1.通过h1,h2,h3…h6类实现了<p>与2.副标题 small标签。1.2 特殊的段落内容样式1.文字颜色2.文字的特殊样式(1)加粗:(2)斜体(3)下划线(4)删除线(5)高亮(6)斜体(7)缩小字体3.特殊类型的文字(1)引言1.3 段落对齐方式...原创 2019-05-10 14:52:37 · 274 阅读 · 0 评论 -
JavaScript4 JavaScript函数与变量的作用域
1 函数1.1定义函数1.2 使用参数1.3使用返回值变量的作用域原创 2019-04-21 11:49:15 · 145 阅读 · 0 评论 -
JavaScript2 JavaScript基本语法
1 简单语句1.1 基本功能// 1.可以通过两个注释// 2.空格没有特殊含义,但是可以通过添加空格增强可读性//3,可以通过\进行代码换行,达到看起来像一行的效果//4.通过{}实现代码块功能//5.用分毫进行语句分割(没有强制要求但是约定俗称)<script> // 1.可以通过两个注释 // 2.空格没有特殊含义,但是可以通过添加空格增强可读性...原创 2019-04-20 22:30:47 · 82 阅读 · 0 评论 -
JavaScript3 JavaScrip语句
判断语句if条件语句case情况语句for循环语句while循环语句break和continue原创 2019-04-20 22:30:31 · 500 阅读 · 0 评论 -
CSS1 初入CSS
什么是CSS,CSS效果1.什么是CSS。CSS 指层叠样式表 (Cascading Style Sheets),样式定义如何显示 HTML 元素。说白了就是为了让单调的html页面变得花里胡哨。2.CSS的简单效果。http://www.runoob.com/try/try.php?filename=trycss_default<!DOCTYPE html><ht...原创 2019-03-14 20:56:13 · 91 阅读 · 0 评论 -
html7 其他元素
frame框架1.效果:在一个页面里显示出另一个页面的内容2设置(1)高度height和宽度width(2)frameborder 属性用于定义iframe表示是否显示边框。设置属性值为 “0” 移除iframe的边框:(3)src属性表示显示页面的相对urlurl(Uniform Resource Location 统一资源定位符)1.定义:URL 是一个网页地址,也成为域名。...原创 2019-03-14 20:05:24 · 1407 阅读 · 0 评论 -
html8 插入多媒体
基本知识什么叫插件1.辅助应用程序(helper application)是可由浏览器启动的程序。辅助应用程序也称为插件。插件可以通过\ 标签或者 &amp;amp;lt;embed&amp;amp;gt; 标签添加在页面中。2.可以用\ 标签或者 &amp;amp;lt;embed&amp;amp;gt; 标签插入插件3.两个标签的区别(1)object,是双标签,如果浏览器不支持所启动的插件,会显示标签对中的内容。原创 2019-03-14 20:05:02 · 594 阅读 · 0 评论 -
html5 表格和布局
表格首先分析表格有什么组成表格是一个整体原创 2019-03-07 08:42:43 · 1739 阅读 · 0 评论 -
html4 head中的html元素
列表&amp;lt;li&amp;gt;1.有序列表&amp;lt;ol&amp;gt;,每一项用&amp;lt;li&amp;gt;ol可以有许多属性&amp;lt;P&amp;gt;有序列表&amp;lt;/p&amp;gt; &amp;lt;ol reversed=&quot;reversed&原创 2019-03-07 08:42:29 · 138 阅读 · 0 评论 -
html3 body中的html元素
头部正文注释可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。标题标题(Heading)是通过 &amp;amp;amp;amp;lt;h1&amp;amp;amp;amp;gt; - &amp;amp;amp;amp;lt;h6&amp;amp;amp;amp;gt; 标签进行定义的.&amp;amp;amp;amp;lt;h1&a原创 2019-03-07 08:41:59 · 283 阅读 · 0 评论 -
html6 表单与其应用
什么是表单?表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签 来设置:/.input 元素./简单的表单1简单的文本控件1.1 标签空间&amp;lt;form&amp;gt; 定义供用户输入的表单1.2 输入空间&amp;lt;textarea...原创 2019-03-13 21:26:55 · 215 阅读 · 0 评论 -
html2 通过例子html元素和属性
从一个简单例子入手开始了解HTML结构例子&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;&amp;amp;amp;lt;html&amp;amp;amp;gt; &amp;amp;amp;lt;head&amp;amp;amp;gt; &amp;amp;amp;lt;meta charset=&amp;amp;quot原创 2019-03-07 08:41:38 · 170 阅读 · 0 评论 -
CSS7 定位与浮动
块标签<div>和内联标签<span>初识这两个都是没有实体意义的标签,为了就是把多个html组合起来形成一个大的盒子,这也就顺应了上一章的盒子模型。不过这两者的区别说白了就是块级元素<div>会独占父元素的一行内联元素<span>不会独占父元素的一行<body><div style="background-color...原创 2019-03-19 23:34:27 · 214 阅读 · 0 评论 -
CSS2 CSS基本语法
文章目录CSS基本语法selector选择器通配符选择器*根据元素的id或class,或者元素的其他属性进行选择1.根据元素id,一个html页面id是某个元素的唯一标识符(可以没有,但有就要唯一),可以找到特定标签。2.根据元素class,一个html页面class可以找到一组标识符(这些元素都有class属性并且class属性的值相同)3.根据元素的属性满足的条件进行选择4.根据元素的标签进行...原创 2019-03-16 21:57:49 · 268 阅读 · 0 评论 -
CSS3 色彩与背景设置
色彩表示颜色的三种方法1.字符串表示法2.rgba表示法3.六位十六进制表示法&lt;style&gt;p{ background-color:#ff0000;}&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&lt;h1&gt;这是标题 1&lt;原创 2019-03-16 23:01:47 · 140 阅读 · 0 评论 -
CSS7 尺寸与布局
尺寸设置尺寸的三种方式1.绝对长度。数字+单位。单位有px,mm,cm等等(em表示一个字符的长度,这样虽然字符大小的改变也会引起尺寸的改变,但我们也认为这是一个绝对长度,)https://www.w3cplus.com/css/the-lengths-of-css.html2.相对长度。百分比,表示占据了父类元素大小的百分之多少。随着窗口的变化或者父元素的变化,具体长度也会发生改变3...原创 2019-04-08 22:52:03 · 291 阅读 · 0 评论 -
JavaScript1 简介与JavaScript出现的位置
1 简介JavaScript 是脚本语言JavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。JavaScript 很容易学习。2 JavaScript出现的位置2.1 内联式在body里用<script>标签对来表示一个代码区域<!DOCTY...原创 2019-04-08 20:37:40 · 145 阅读 · 0 评论 -
CSS8 小实践:导航栏与下拉菜单
垂直导航栏点到哪一个哪一个会换颜色分析:本质上就是一个列表。列表的每个元素都是一个链接对于每一个链接,当点击他的时候,他的背景颜色就会发生改变第一步:创建垂直列表项,这里仅仅使用了html的列表和链接第二步:修饰垂直列表项,删除列表的标志和消除边距第三步:设置每个链接的背景和块大小第四步:实现链接的点击时改变颜色的功能第五步:把导航栏弄成可以扩展的导航栏。水平导航栏分析下...原创 2019-04-05 10:46:08 · 591 阅读 · 0 评论 -
CSS9 伪类和伪元素
1 什么叫伪类,什么叫伪元素1.我们已经知道在创建标签的时候,可以为很多的标签指定相同的类名,可以通过类名选择器选择这些标签并且为他们设置css样式。但是有许多具有相同特征的标签,我们很难表示他们,例如如何表示一个鼠标正在其上面的链接?等等。2.伪类是一系列已经描述好了的类名,通过这些类名选择器我们可以选择到一些相同特征的标签。3.伪元素则可以表示一个标签里面某些特定的内容4.使用方法选...原创 2019-04-05 10:45:40 · 118 阅读 · 0 评论 -
CSS10 图片常用技术与对齐
1 图片廊1.1 效果http://www.runoob.com/try/try.php?filename=trycss_image_gallery如果实际效果不明显,参照1.2 思路1.先写html部分,一个div里面有一个有图片和文字2.3.4.<body><div class="image_gallery"> <div class=...原创 2019-04-05 10:45:26 · 833 阅读 · 1 评论 -
CSS5 其他常用控件
链接链接不同于其他的标签,他可以点击,可以显示未点击,滑动到链接上点击时,点击后的不同状态原创 2019-03-19 12:41:12 · 151 阅读 · 0 评论