自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

原创 html5

html5Viewport的概念设备屏幕上能用来显示我们网页的那一块区域获取视口大小:document.documentElement.clientWidth移动设备上的浏览器会把自己默认的视口大小设为980px或者1024px(由设备决定的)各个浏览器默认的视口大小使用默认视口给网页带来的后果:出现横向滚动条因为浏览器的可视区域是比这个默认的视口大小要小一些Css中的1px不等于设备的1pxCss中的1px在不同设备或不同环境下都不一样在早先的移动设备上,(iPhone3上,css的

2020-10-14 20:10:34 85

原创 JQuery-事件

JQuery-事件什么是事件?页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。实例:在元素上移动鼠标。选取单选按钮点击元素在事件中经常使用术语"触发"(或"激发")例如: “当您按下按键时触发 keypress 事件”。常见 DOM 事件:jQuery 事件方法语法在 jQuery 中,大多数 DOM 事件都有一个等效的 jQuery 方法。页面中指定一个点击事件:$(“p”).click();下一步是定义什么时间触发事件。您可以通

2020-09-30 19:36:33 77

原创 JQuery

JQuery基本语法:$(选择器).action();:定义了这是jquery代码选择器:∗∗基本选择器:∗∗(1)id选择器: 定义了这是jquery代码选择器:**基本选择器:**(1) id选择器:定义了这是jquery代码选择器:∗∗基本选择器:∗∗(1)id选择器(“#idName”)(2) 类选择器(“.className”)(3)元素选择器(“.className”)(3) 元素选择器(“.className”)(3)元素选择器(“TagName(标签名)”)(4) 选择所有

2020-09-29 15:09:34 86

转载 Javascript-字符串

字符串字符串的概念字符串的定义:串是字符串的简称。在数据结构中,串是一种在数据元素的组成上具有一定约束条件的线性表,即要求组成线性表的所有数据元素都是字符,所以说串是一个有穷的字符序列。串是由零个或多个字符组成的有限序列,记作s=”s0s1…sn-1”(n≥0),其中s是串名,字符个数n称作串的长度,双撇号括起来的字符序列”s0s1…sn-1”是串的值。每个字符可以是字母、数字或任何其它的符号。零个字符的串(即:””)称为空串,空串不包含任何字符。值得注意的是:(1)长度为1的空格串" “不等同于空

2020-09-21 21:01:40 1095

原创 Javascript-DOM

Javascript-DOMDOM概念:DOM(Document Object Model):文档对象模型通过开发者工具可以看到整个文档是由一系列的节点对象组成的一棵树节点(Node)包括元素节点(1)、属性节点(2)、和文本节点(3)Th1代表一个元素节点(nodeType=1),nodeName是标签名(th)元素节点的nodeValue=nullgetAttributeNode方法是获取元素的属性节点,此时输出的节点类型是属性节点(2)节点名称就是属性名,节点值就是属性值T

2020-09-18 14:28:08 48

原创 Javascript-面向对象

Javascript-面向对象1. 面向对象的基本概念面向对象也即是OOP,Object Oriented Programming,是计算机的一种编程架构,OOP的基本原则是计算机是由子程序作用的单个或者多个对象组合而成,包含属性和方法的对象是类的实例,但是JavaScript中没有类的概念,而是直接使用对象来实现编程。特性:封装:能够将一个实体的信息、功能、响应都封装到一个单独对象中的特性。由于JavaScript没有public、private、protected这些关键字,但是可以利用变量的

2020-09-17 19:17:11 50

转载 Javascript-对象

Javascript-对象的几种创建方式一、工厂模式:用函数来封装以特定接口创建对象function createPerson(name,age,job){var o = new Object();o.name=name;o.age=age;o.job=job;o.sayName = function(){alert(this.name);}}var person1 = createPerson(“rose”,18,“software”);var person2 = createPe

2020-09-16 20:20:37 34

转载 Javascript-事件

Javascript事件JavaScript中常见的事件1.onclick() 鼠标左键单击事件2.onmouseover 鼠标进入事件3.onmouseout 鼠标离开事件4.onfocus 获取焦点事件5.onblur 失去焦点事件6.onmousemove 鼠标移动事件7.onscroll 滚动条滚动事件onkeydown / onkeyup 键盘按下/抬起事件1.keyCode 获取按下的是哪个按键onmousedown / onmouseup 鼠标按

2020-09-14 20:59:52 63

转载 Javascript-数组

数组一.JavaScript中创建数组的方式1.使用Array构造函数var color=new Array();注意:括号里面参数可以有参数,若为一个数字,表示该数组的长度,如果为多个数字或者一个(多个)非数字表示的是传递数组中应该包含的值。2.使用数组字面量var color=[];二. 数组的长度三.数组的方法有数组原型方法,也有从object对象继承来的方法,这里我们只介绍数组的原型方法,数组原型方法主要有以下这些:join()push()和pop()shift() 和 un

2020-09-12 21:35:48 67

原创 Javascript-函数

函数函数的概念IsSXH给它一个数字它可以立马告诉你是否为水仙花数它是怎么判断的?不用管,只要用在主程序中,我们一直调用isSXH就可以了函数给我们的思想,对一个规模大,难度高的问题提供一个解决问题的思路,将问题拆分,分解成规模小,难度小的问题,如果说,分解之后问题依然很难,那么接着分解从,直到最后的问题足够小,总之就是“大事化小”(1)需要找出1-100之内所有的素数,假设班里有个同学可以帮你判断一个数是否是素数,那么这个同学就是函数(数字需要自己提供)(2)你想吃小龙虾,有人可以

2020-09-11 19:52:24 81

原创 Javascript-函数

函数函数概念IsSXH给它一个数字它可以立马告诉你是否为水仙花数它是怎么判断的?不用管,只要用在主程序中,我们一直调用isSXH就可以了函数给我们的思想,对一个规模大,难度高的问题提供一个解决问题的思路,将问题拆分,分解成规模小,难度小的问题,如果说,分解之后问题依然很难,那么接着分解从,直到最后的问题足够小,总之就是“大事化小”(1) 需要找出1-100之内所有的素数,假设班里有个同学可以帮你判断一个数是否是素数,那么这个同学就是函数(数字需要自己提供)(2) 你想吃小龙虾,有人可

2020-09-10 14:18:54 81

转载 javascript-For循环

For循环分支结构:循环结构For循环语法结构例如下面代码我们用for循环语句可以这样写:这样很简便。例如:求15以内奇数的和例如:求20-100之间3的倍数的和break; 结束循环举例:通过输入框录入数字,当遇到exit时,结束录入break语句 结束结构continue语句 结束本次循环,继续下次循环例如:循环嵌套例子:打印如下图形:*************** //外层循环控制行数 for(var i=0;i<5;i+

2020-09-09 19:31:27 116

原创 Javascript-语句

Javascript-选择结构程序中有三大结构,顺序,选择,循环顺序: 代码从上到下一行一行的执行选择: 代码有分支,有选择的循环: 重复执行某一段代码为什么需要选择结构刚刚的计算三角形面积的案例,如果说,当输入的三条边不能构成三角形时,就不能使用公式计算在生活中,也有很多的选择比如说明天放假,有对象的和对象出去玩没有的在寝室长蘑菇再比如说看看这个月还剩下多少天,口袋里还剩下多少钱钱多天天大鱼大肉钱少只能吃泡面基本 If 语法If 如果else 否则案例:绝对值输入

2020-09-07 15:13:25 130

原创 Javascript-数据类型

Javascript数据类型变量Var variable的简写,声明一个变量变量的命名规则:(1) 一般情况下,变量名由大小写字母与数字组成,也可以使用 $ , _特殊字符;(2) 但是呢,变量名是不能以数字开头的,这样会与八进制或十六进制冲突(3) 关键字不能用,关键字这个名字已经被JavaScript内部使用了规范:(1) 起名要见名思义,看到名字就知道这个变量是用来干嘛的(2) 要使用英文单词,不要去使用拼音,也不要使用中文(3) 小驼峰:第一个单词以小写字母开始;从第二个

2020-09-05 19:26:34 57

原创 初识 - Javascript

JavascriptJavascript是什么,能干什么一个网页的结构,是通过html决定的脑袋,手脚,身体Css决定了这个网页的样式是高还是矮,是胖还是瘦,是黑还是白这个网页的行为是通过JavaScript决定的走路,跑步,眨眼睛JavaScript的发展史它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合,如服务器端编程。完整的

2020-09-04 15:30:43 91

原创 HTML_CSS

HTML_CSS伪元素、伪类选择器伪类选择器:伪元素选择器::first-letter 选择文本的首字母:first-line 选择文本的首行:after 在元素前面添加内容:before 在元素后面添加内容选择器总结什么是选择器?选择器:描述后面的样式施加到哪些目标,或者说根据某个依据来选择应用的样式根据选择依据的不同,就产生了不同的选择器1. 元素选择器Div{ background-color:red}2.id选择器根据元素的ID属性来选

2020-08-28 19:50:27 95

原创 HTML_chooser

HTML_chooser选择器选择器元素选择器: 用标签名来作为选择器,选中所有相应的元素类选择器: 根据class的属性来选择元素,样式定义为:.className{ xxxxxxx}ID 选择器: 根据id名来选择元素,样式定义为:#idName{xxxxxxxxx}属性选择器: 例:[title=’d’]:选择title值中包含d的元素*关系选择器:E F :选择E元素的后代元素F(所有后代,包括子类、孙类)E > F : 选择E元素的直接后代元素(也就是子类)

2020-08-27 13:11:35 93

原创 HTML_CSS

HTML_CSS1、字体颜色RGB(red greed bule)(0,10,256)#0010FFCSS中颜色的表示方法(1) 预定义颜色:bule ,red,black。。。(2) 十六进制颜色:#0f0f0f(3) RGB颜色(128,0,0)全红(4) RGBA,在RGB的基础上又添加了表示透明度的Alpha(5) HSl:用色调,饱和度,和透明度三个分量来表示颜色(6) HSLA:在HSL的基础上又添加了表示透明度的Alpha代码实现:预定义颜色RGB颜色16进制颜色2

2020-08-26 19:34:05 76

原创 HTML_CSS

HTML_CSS## CSS学习笔记CSS的基本概念Cascading Style Sheet层叠样式表标签: …之类的标签 使用方式:直接输入标签名类(class):class名字 使用方式:输入点+class名ID:ID名 使用方式:输入#+id名一般来说我们写CSS文件的时候用的都是第二种方法,class名这是因为ID名一般被用作JS的选择器给class命名也是有规范的,像xxx-xxxx 这样做的好处是让你的代

2020-08-25 18:15:46 100

原创 HTML_表格

HTML标签table表格表格的组成部分:标题 表头 主体 表尾Table 定义一个表格Caption 定义表格的标题Thead 定义表头的部分Tbody 定义表格的主体(数据)部分Tfoot 定义表尾,一般来显示汇总信息Tr 表格的行Td 表格的列块级标签: h1-h6 p ul ol li div table dl form行内标签:span a br lable I em行内块:img input块级元素的特点:display:block;1、 每个块都

2020-08-24 19:47:25 97

原创 HTML基本标签

HTML标签一、基本标签1、标题标签 h1~h6h1~h6语义越来越轻,并且一个页面上只有一个h1标签2、段落标题 p一段一段文字的时候使用登鹤雀楼白日依山尽,黄河入海流;欲穷千里目,更上一层楼。3、链接标签 a页面间的跳转页面内的跳转百度href:目的地,跳转后的URL地址title:鼠标悬停显示的内容target: 设置跳转的方式_self: 在当前页面中打开(默认)_blank: 在新的页面打开...

2020-08-23 17:43:39 219

原创 单、双标签的特点

HTML标签一、分类标签简单的可分为单标签和双标签两种二、概念单标签:就是由一个标签标签组成的。三、扩展资料1、由尖括号包围的关键词,比如 2、通常是成对出现的,比如3、标签对中的第一个标签是开始标签,第二个标签是结束标签;4、开始和结束标签也被称为开放标签和闭合标签。5、也有单独呈现的标签,如:6、一般成对出现的标签,其内容在两个标签中间。单独呈现的标签,则在标签属性中赋值。如7、网页的内容需在 html 标签中,标题、字符格式、语言、兼容性、关键字、描述等信息显示在 head

2020-08-23 15:32:09 611

原创 行、块级标签分类

HTML标签一、常见的行级标签:a(超链接)、span(空标签)、strong(加粗)、u(下划线)、em(斜体)二、常见的块级标签:div、p(段落文本)、 h1-h6(标题)、ul(无序列表)、li、dl(自定义列表)、dt、dd三、常见的行内块级标签:img(图片标签)、input、textarea(文本框)(能设置宽高、也能呆在同一行)...

2020-08-23 15:13:21 6096

原创 get和post的区别

区别分析get和post都是method发送请求的额两种方式1、其中:get发送方式不安全,是因为在请求的时候,数据会暴露在地址里,但是get效率高。2、post发送请求方式相对比较安全,它不会暴露数据信息3、对于GET方式的请求,浏览器会把http header和data一并发送出去,服务器响应200(返回数据);而对于POST,浏览器先发送header,服务器响应100 continue,浏览器再发送data,服务器响应200 ok(返回数据)。...

2020-08-23 15:01:33 72

原创 HTML_Language

一、关于HTMLHTML全称Hyper Text Markup Language 是一门标记性语言二、常用标签分类块级标签:div、p(段落文本)、 h1-h6(标题)、ul(无序列表)、li、dl(自定义列表)、dt、dd行级标签:a(超链接)、span(空标签)、strong(加粗)、u(下划线)、em(斜体)行内块级标签:img(图片标签)、input、textarea(文本框)(能设置宽高、也能呆在同一行)标题标签:h1~h6三、web基本概念1、概念:Web应用程序是一种可以通过

2020-08-22 17:46:53 552

原创 qidian

大家好,先自我介绍一下,我来自江西,是一名前端学员。 今天是2020年8月22日,我开启了我的第一次博客之行,希望在以后的时间里能学到更多的东西,也能用学到的东西分享给大家,同时也希望大家能够多多支持,谢谢大家~...

2020-08-22 10:21:11 85

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除