- 博客(26)
- 收藏
- 关注
原创 移动端网页设计基础
在PC端,屏幕1200两端留白在PE端就不行,首先它没有1200px那么大的宽度,其次不能留白,很丑就需要在手机屏幕上铺满内容Viewport在移动设备上进行网页的重构或者开发,首先我们就要搞明白viewport,只有弄明白viewport概念以及与其相关的meta标签的使用,才能更好的让我们的网页适配或者响应不同分辨率的移动设备一.Viewport的概念设备屏幕上能用来显示我们网页的那一块区域获取视口大小:document.documentElement.clientWidth移动设备上的
2020-10-14 20:22:16
221
原创 jQuery ajax
Ajax语法$.ajax(JSON)JSON常用的参数url.服务器的地址,获取数据或者推送的地方data,需要给服务器的数据,需要去添加,比如说登录的接口需要传递“用户名和密码”,获取货品信息,则不需要专递任何的参数。数据类型键值对,键值对的“键”和服务器保存完全一致,包括键名的大小写type:数据提交的方式GET/POSTtimeout:请求等待的时间,时间为毫秒,一般10秒success:请求成功,做饭后处理error:请求失败datatype:语气的服务器相应的数据类型什么是Aj
2020-10-06 19:41:05
82
原创 jQuery HTML
text()(1) 捕获文本内容,等价于innertalert($("#p1").text())(2) 更改文本内容$("#p1").text("改了!!!")html()(1) 获取元素的内容,包括设置的样式alert($("#p1").html());(2) 更改内容样式<script type="text/javascript"> alert($("#p1").html()); var content = "<div style='color:blue
2020-10-05 21:47:00
125
原创 jQuery效果与DOM
1.常用的jQuery事件方法(1)$(document).ready( d o c u m e n t ) . r e a d y ( ) 允 许 我 们 在 文 档 完 全 加 载 完 后 执 行 函 数 等 价 于 (document).ready()允许我们在文档完全加载完后执行函数 等价于 (document).ready()允许我们在文档完全加载完后执行函数等价于function(){}(2)click()Click()方法当按钮点击事件被触发的时候回调用一个函数该函数在用户点击HTM
2020-09-30 19:55:41
97
原创 jQuery基础知识
jQuery1.基础知识1.1基本概念jQuery是JS库,能够帮助我们轻松实现一些原本比较麻烦的功能jQuery每个版本分两个小版本:压缩版与未压缩版,压缩版文件较小,但是没有排版和注释不便于阅读;未压缩版文件较大,有排版和注释,便于阅读jQuery实际上就是一个js文件,加载到页面就可以直接使用了也可以通过CDN(Content Distrubute Net)来引用jquery1.2基本语法$(选择器).action();$:定义了这是一个jquery的代码选择器:按照一定规则选择
2020-09-29 19:38:37
76
原创 jsCookie与计时事件
cookie组成键值对的形式username=asdpasswd=114514phone=1111111有效期:expires=今天以后的时间存储cookie按照cookie的形式写好一个字符串,然后把它复制给document.cookie 浏览器就会缓存这个cookie,可以存储多个键值对,但是键的名字不能重复document.cookie = "username=asd"document.cookie = "passwd=114514"document.cookie = "phone
2020-09-21 17:14:36
153
原创 js导航、常用对象与弹窗
导航document:是根节点parentNode:获取父节点childNode:获取所有子节点firstChild:第一个子节点lastChild:获取最后一个子节点<body> <div name="第一章"> <p id="p1">第一段<span>第一句</span><span>第二句</span></p> </div> <input type="butt
2020-09-18 17:02:16
116
原创 js元素的动态增加与删除
1 .DOM概念DOM(Document Object Model):文档对象模型通过开发者工具可以看到整个文档是由一系列的节点对象组成的一棵树节点(Node)包括元素节点(1)、属性节点(2)、和文本节点(3)Th1代表一个元素节点(nodeType=1),nodeName是标签名(th)元素节点的nodeValue=null<script type="text/javascript"> var th1 = document.getElementById("th1")
2020-09-17 19:23:26
893
原创 js鼠标案例
(1)Onmousewheel:鼠标滚轮案例<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #div1{ width: 100px; height: 100px; background-color: yellowgreen; } &l
2020-09-16 19:20:57
89
原创 js事件-鼠标
事件事件源1.鼠标单击事件:onclick<body> <p id="p1" onclick="fun()">单机事件测试</p></body><script type="text/javascript"> function fun(){ //获取指定元素 var p1 = document.getElementById("p1"); p1.innerText="我被单击了!" p1.style.fontSize="9
2020-09-14 15:08:35
200
原创 js数组,Array对象与math对象
Var arr = [值1,值2,值3.。。。。。];通过下标去找到数组中某个值【下标:从0开始,到数组个数-1】二维数组:Var arr1=[22,23,24];Var arr2=[25,26,29];Var arr3=[2,3,9];Var arr = [arr1,arr2,arr3];Var arr = [[22,23,24],[25,26,29],[22,32,92]];第一行: 22【0】【0】 23【0】【1】 24【0】【2】第二行: 25【1】【0】 26【1】【1
2020-09-12 19:55:20
158
原创 js数组,用数组计算方差
数组数组的概念案列:计算五名同学这个程序非常简单,但是如果要计算100人的呢?这段代码能够实现同样的功能,而且如果是100人的话秩序要把循环的条件改成i<100即可,整个程序的结构和代码量与人生的多少没有关系为什么没有关系呢,因为和循环结合了为什么和循环结合了呢因为我们把变量的表示方式改变了,改变成名称加序号的方式(a[0],a[1],a[2]……)这样的话序号就可以用循环来控制数组的定义与元素访问怎么写?定义数组有三种方式(1)var a=[ ];(2)var a
2020-09-11 19:02:51
396
原创 js函数与参数传递
函数函数的概念JavaScript 函数是被设计为执行特定任务的代码块。JavaScript 函数会在某代码调用它时被执行。isSXH给它一个数字,它可以立马告诉你是否为水仙花数它是怎么判断的?不用管,只要用在主程序中,我们一直调用isSXH就可以了函数给我们的思想,对一个规模大,难度高的问题提供一个解决问题的思路,将问题拆分,分解规模小,难度小的问题,如果说,分解之后问题依然很难,那么接着分解,直到最后的问题足够小,总之就是“大事化小”。函数的本质:就是一个功能,就是多条代码放在一起
2020-09-10 17:12:47
281
原创 js循环结构案例
一、讨厌的数字3要求:输出不含3的三位数,还不能是3的倍数,例如143的个位是3不可以,141是3的倍数也不可以。<script type="text/javascript"> var n = 100; while (n >= 100 && n < 1000) { if (n % 3 == 0) { //3的倍数 } else if (n % 10 == 3) { //个位是3 } else if (Math.floor((n
2020-09-08 19:24:56
190
原创 js选择结构与循环结构
选择结构程序中有三大结构,顺序,选择,循环顺序:代码从上到下一行一行的执行选择:代码有分支,有选择的循环:重复执行某一段代码基本if语法If:如果else:否则if (条件) { 条件为 true 时执行的代码块} else { 条件为 false 时执行的代码块}alert() 弹出提示框confirm() 弹出确认框prompt() 弹出输入框案例:绝对值输入一个数,如果这个数是正数,那么输出它本身如果这个数是负数,那么输出它的相反数var num=
2020-09-07 18:12:50
321
原创 js语句
流程控制值if语句:1,if语句:语法:if(条件){语句块}执行:判断条件是否满足,如果条件满足就会执行语句块,如果条件不满足,就不会执行语句块的内容注意:很有可能不执行2,if,else语句:语法:if(条件){语句块1}else{语句块2}执行:判断条件是否满足,如果条件满足,就会执行语句块1,如果条件不满足,就会执行语句块2注意:这种语句必定会有一个语句块执行3,if,elseif,elseif语句语法:if(条件1){语句块1}else if(条件2){语句块2}else
2020-09-05 15:29:34
257
原创 js基础学习
JavaScriptJavaScript是什么,能干什么?一个网页的结构,是通过HTML决定的CSS决定了这个网页的样式这个网页的行为是通过JavaScript决定的JavaScript发展史它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合,如服务器端编程。完整的JavaScript实现包含三个部分:ECMAScript,文档对象模型,
2020-09-04 16:36:57
100
原创 伪类与伪元素选择器
伪类(不存在的类,特殊的类)伪类用来描述一个元素的特殊状态 比如:第一个子元素、被点击的元素、鼠标移入的元素…伪类一般情况下都是使用:开头:first-child 第一个子元素:last-child 最后一个子元素:nth-child() 选中第n个子元素:only-child 特殊值: n 第n个 n的范围0到正无穷 2n 或 even 表示选中偶数位的元素 2n+1 或 odd 表示选中奇数位的
2020-08-28 15:30:17
121
原创 CSS选择器
选择器1.元素选择器用标签名来作为选择则器,选中所有相应的元素<style type="text/css"> div{ font-size: 30px; font-family: 楷体; } </style> </head> <body> <div>元素选择器</div> <p>元素选择器</p> </body>2.类选择器根据class的属性
2020-08-27 15:06:55
85
原创 CSS RGB到盒子模型
RGBRGB(red green blue)(0,10,256)#0010FFCSS中颜色的表示方法(1) 预定义颜色:blue,red,black……(2) 十六进制颜色#0f0f0f(3) RGB颜色(128,0,0)全红(4) RGBA:在RGB的基础上又添加了表示透明度的Alpha(5) HIS:用色调,饱和度,和透明度三个分量来表示颜色(6) HSLA:在HIS的基础上又添加了表示透明度的Alpha<p style="color: blue;">预定义颜色</
2020-08-26 18:11:48
150
原创 初见CSS
CSS学习CSS的基本概念CSS(Cascading Style Sheet) 叠层样式表,为了实现页面内容和表现形式的分离。层叠的含义是可以对一个元素多次设置样式,最后的结果是多次样式叠加的结果,如果有冲突,以后面的样式为准。选择器选择器说明该样式施加于哪些元素;属性名和属性值说明是样式内容;一般一行定义一条样式,当然也可以写在一行上,但每条样式都序号加上“;”推荐用小写命名。标签:<p><div>…之类的标签使用方式:直接输入标签名类(class):class
2020-08-25 15:25:34
96
原创 关于HTML表格的table和div
Table和divTable 表格这是一个4行4列的表格。第一行是表头,其余三行是主体。表格的组成部分:标题 表头 主体 表尾<table>定义一个表格<caption> 定义表格的标题<thead> 定义表头的部分<tbody> 定义个主体(数据)部分<tfoot> 定义表尾,一般来显示汇总信息<tr> 定义一行<th> <td> 来定义数据项(单元格)
2020-08-24 17:24:29
854
转载 单标签和双标签
HTML中单标签和双标签的分类单标签:只有一个标签。双标签:有开始和结束标签HTML标签关系可以是嵌套关系,也可以是并列关系常见的单标签有<hr /><br /><meta /><img /><link /><input />常见的双标签有<html></html> <head></head> <title></title> <
2020-08-23 20:56:24
226
转载 行内元素、块级元素和行内块元素
1、行内元素(a)—— 标签定义链接(b)—— 字体加粗(br)—— 换行(i)—— 斜体文本效果(img)—— 在网页中嵌入图片(input)—— 输入框(span)—— 组合文档中的行内元素(small)——呈现小号字体效果(big)——呈现大号字体效果(sub)—— 定义下标文本(sup)—— 定义上标文本2、块级元素(div)—— 定义文档中的分区或节(dl)—— 定义列表(dt)—— 定义列表中的项目(dd)—— 定义列表中定义条目(h1 - h6)—— 定义标题
2020-08-23 20:49:36
147
原创 关于HTML提交方式get与post的区别
GET在浏览器回退时是无害的,而POST会再次提交请求。GET产生的URL地址可以被Bookmark,而POST不可以。GET请求会被浏览器主动cache,而POST不会,除非手动设置。GET请求只能进行url编码,而POST支持多种编码方式。GET请求参数会被完整保留在浏览器历史记录里,而POST中的参数不会被保留。GET请求在URL中传送的参数是有长度限制的,而POST没有。对参数的数据类型,GET只接受ASCII字符,而POST没有限制。GET比POST更不安全,因为参数直接暴露在URL
2020-08-23 20:40:23
185
原创 关于HTML的一些基础标签
标题标签 h1~h6h1~h6 语义越来越轻页面上只有一个h1标签段落标题 p一段一段文字的时候使用<h3>金缕衣<h3><p>劝君莫惜金缕衣</p><p>劝君惜取少年时</p><p>花开堪折直须折</p><p>莫待无花空折枝</p>链接标签 a页面间的跳转<a href="http://www.baidu.com" title="我想去百度" target
2020-08-23 20:28:48
115
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人