- 博客(28)
- 收藏
- 关注
RSS订阅原创 移动端网页设计基础
移动端网页设计基础在PC端，屏幕1200两端留白在PE端就不行，首先它没有1200px那么大的宽度，其次不能留白，很丑就需要在手机屏幕上铺满内容Viewport在移动设备上进行网页的重构或者开发，首先我们就要搞明白viewport，只有弄明白viewport概念以及与其相关的meta标签的使用，才能更好的让我们的网页适配或者响应不同分辨率的移动设备一． Viewport的概念设备屏幕上能用来显示我们网页的那一块区域获取视口大小：document.documentElement.clientW
2020-10-14 23:07:20
262
原创 jQuery - AJAX 简介、jQuery load() 方法
jQuery - AJAX 简介AJAX 是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新。jQuery AJAX 实例<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><script src="https://cdn.staticfile.org/jquery/1.10.2/j
2020-10-06 14:25:40
349
原创 Jquery中获取内容和属性、删除元素、添加元素、jQuery遍历----------(遍历、祖先、后代、同胞、过滤)、jQuery - AJAX 简介
Jquery中获取内容和属性Jquery拥有可操作HTML元素和属性的强大方法。常用的方法有：text()/设置或返沪所选元素的文本内容html()/设置或返回所选元素的内容（相比text（）方法，支持返回btml标记）val()/返回表单字段的值（理解为value的简写）attr()/设置或返回所选属性的值text()/设置或返沪所选元素的文本内容&html()/设置或返回所选元素的内容（相比text（）方法，支持返回btml标记）<!DOMTYPE><ht
2020-10-05 14:48:32
483
1
原创 jQuery效果
jQuery效果jQuery 给我们封装了很多动画效果，最为常见的如下：显示隐藏效果显示语法规范show([speed,[easing],[fn]])显示参数参数都可以省略， 无动画直接显示。speed：三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如：1000)。easing：(Optional) 用来指定切换效果，默认是“swing”，可用参数“linear”。fn: 回调函数，在动画完成时执行的函数，每个元素执行一次
2020-09-30 15:33:05
121
原创 jQuery
jQuery1 基础知识1.1基本概念jQuery是JS库，能够帮助我们轻松实现一些原本比较麻烦的功能jQuery每个版本分两个小版本：压缩版与未压缩版，压缩版文件较小，但是没有排版和注释不便于阅读；未压缩版文件较大，有排版和注释，便于阅读jQuery实际上就是一个js文件，加载到页面就可以直接使用了也可以通过CDN（Content Distrubute Net）来引用jquery1.2基本语法$（选择器）.action();$：定义了这是一个Jquery的代码选择器：按照一定规则选择
2020-09-29 21:56:24
48
原创 cookie、计时事件及其案例
JavaScript 计时事件通过使用 JavaScript，我们有能力作到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。在 JavaScritp 中使用计时事件是很容易的，两个关键方法是:setInterval() - 间隔指定的毫秒数不停地执行指定的代码。setTimeout() - 暂停指定的毫秒数后执行指定的代码Note: setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法。setInterv
2020-09-21 15:32:12
212
原创 导航、BOM、常用对象、刷新：普通刷新和强制刷新、弹窗、cookie及其案例、本地使用js或jquery操作cookie在谷歌浏览器chrome中不生效
导航Document是根节点parentNode:获取父节点childNodes：获取所有子节点firstChild：第一个子节点lastChild：获取最后一个子节点BOM概念browser object model常用对象Window：窗口，浏览器的窗口我们定义的全局变量和全局函数都是window对象的属性和方法全局变量是window的属性。全局函数是window的方法：Window.innerWidthWindow.innerHeight常用的方法：Open：打开一
2020-09-18 15:32:56
626
原创 DOM概念、获取元素、修改元素、添加删除元素及其案例
DOM概念DOM（Document Object Model）:文档对象模型通过开发者工具可以看到整个文档是由一系列的节点对象组成的一棵树节点（Node）包括元素节点（1）、属性节点（2）、和文本节点（3）Th1代表一个元素节点（nodeType=1），nodeName是标签名（th）元素节点的nodeValue=nullgetAttributeNode方法是获取元素的属性节点，此时输出的节点类型是属性节点（2）节点名称就是属性名，节点值就是属性值Txt1是一个文本节点（3），节点名称固定
2020-09-17 21:24:19
579
原创 事件及其案例
在事件处理函数中，event为其唯一的参数，包含了事件所有的信息和方法。这里我们挑几个常见的说一下：type：事件类型，和IE类似，但是没有“on”前缀，例如单击事件只是“click”。target：发生事件的节点。currentTarget：发生当前正在处理的事件的节点，可能是Target属性所指向的节点，也可能由于捕捉或者起泡，指向Target所指节点的父节点。eventPhase：指定了事件传播的阶段。是一个数字。timeStamp：事件发生的时间。bubbles：指明该事件是否冒泡。
2020-09-16 20:08:22
347
原创 数组排序
mouse down-up<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #div1{ width: 100px; height: 100px; background-color: black; } </style> &
2020-09-14 21:49:35
183
原创 数组及其案例
数组Array6.1 什么是数组数组是值得有序集合，每个值叫做一个元素，而每个元素在数组中有一个位置，以数字表示，称为索引。js的数组是无类型的，数组元素可以是任意类型，同一个数组中的不同元素可能是对象或数组。简单地说：数组就是用来存放数据的容器。数组的属性：属性 描述constructor 返回对创建此对象的数组函数的引用。length 设置或返回数组中元素的数目。prototype 使您有能力向对象添加属性和方法。6.2 数组的创建1、通过字面量直接创
2020-09-12 21:46:02
380
原创 数组及其案例
数组数组的概念案例：计算五名同学的平均分这个程序非常简单，但是如果要计算100人的呢？要复制100编吗？我们要用到循环但是循环好像做不了，因为无法去控制变量a1，a2，也就是说无法将循环变量和变量a1，a2联系起来这段代码能够实现同样的功能，而且如果是100人的话，只需要把循环的条件改成i<100即可，整个程序的结构和代码量与人数的多少没有关系为什么没有关系呢，因为和循环结合了为什么和循环结合了呢因为我们把变量的表示方式改变了，改变成名称加序号的方式（a[0],a[1]
2020-09-11 15:20:00
66
原创 函数、变量及案例
案例：判断一个数是否为素数（函数方法）函数名：isPrime参数： n参数传递参数传递，就是将实参的值传给形参。通过调试我们可以看键，形参在函数被调用之前是不存在的，当函数被调用的那一刻起，实参被创建，并且传递给形参参数传递有两种方式：值传递与引用传递值传递A的值并没有显示预期中的6，还是5，这是因为形参x与实参a是两个不同的变量，x的变化与a没有任何的关系引用传递a. value没有被显示修改，但是a.value确实加了1，因为x就是a，或者说x是a的别名 专业一点就叫
2020-09-10 19:59:57
519
原创 For循环、循环辅助语句、函数
For循环For循环语法案例：用for循环求1~100的和案例：判断一个数是否为素数（for，while）循环辅助语句Break：跳出整个循环如果循环遇到break就不会循环了Continue：仅仅跳出本次循环，下次循环是接着走的每天都要吃饭，有一天生病了，那天就不想吃饭了病好了接着吃函数函数的概念IsSXH给它一个数字它可以立马告诉你是否为水仙花数它是怎么判断的？不用管，只要用在主程序中，我们一直调用isSXH就可以了函数给我们的思想，对一个规模大，难度高的问题提供一
2020-09-09 20:11:21
121
原创 讨厌的数字3、输出1000以内的完数、判断素数、计算圆周率案例学习
一、讨厌的数字3要求：输出不含3的三位数，还不能是3的倍数，例如143的个位是3不可以，141是3的倍数也不可以。二、输出1000以内的完数什么是完数：就是小于它本身的所有的约数之和等于它本身的数例：第一个完全数是6，它有约数1、2、3、6，除去它本身6外，其余3个数相加，1+2+3=6。第二个完全数是28，它有约数1、2、4、7、14、28，除去它本身28外，其余5个数相加，1+2+4+7+14=28。什么是约数：1 X 6 = 2 X 3 = 6,6的约数为1，2，3，6三、判断素数什么
2020-09-08 15:01:02
220
原创 Else if、Switch、Switch基本语法、Switch的好处、循环结构、While循环、循环的套路、Do…while循环、Do…while循环和while循环的区别和成绩评语等案例
Else ifSwitch如果是if选择的分支比较多的时候，就需要一个一个分支的从上往下执行，这样执行的效率是非常低的，需要对选择结构进行一个改进使用switch就可以解决这个问题Switch基本语法Switch：开关语法：在执行的过程中，a 的值与哪个分支后面的值一样就运行哪个分支的代码Case后面的值可以立即为标号（程序中指令的地址）如果运行完一个分支后，不想继续运行的话可以用break来跳出选择结构，但break不是必须要写的如果a 的值与case后面标号都对应不上，则
2020-09-07 15:23:54
297
原创 javascript知识点计算三角形的面积、逻辑错误、选择结构、基本if语法、绝对值、f语句嵌套和计算三角形的面积、绝对值、能否组成三角形并计算面积、判断水仙花数、三位数之和、选择结构、 献血案例
计算三角形的面积Prompt：在网页上显示输入框Math.sqrt(25)5错误与程序调试程序的错误程序并没有像我们想象中那样，得到我们想要的结果错误可以分为两种语法错误编写代码没有按照语言的要求去编写alert（）写成alort（）有某些部分缺少分号或者括号如果代码中发现语法错误，程序将不会执行逻辑错误代码可以正常运行，但是运行的结果不是我们想要的这种错误我们可以使用单步调试（debug调试）去解决之前三角形面积出现了问题，我们来调试一下用浏览器进行调试错误语法错误1.
2020-09-05 21:17:27
526
原创 Javascript是什么，能干什么、JavaScript的发展史、JavaScript的使用、方式一：内部引用、方式二：外部引用、程序设计的基础、数据类型与变量、运算符
Javascript是什么，能干什么一个网页的结构，是通过html决定的脑袋，手脚，身体Css决定了这个网页的样式是高还是矮，是胖还是瘦，是黑还是白这个网页的行为是通过JavaScript决定的走路，跑步，眨眼睛JavaScript的发展史它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实
2020-09-04 20:13:48
220
原创 伪元素、伪类选择器、选择器总结、布局、定位、Relative相对定位、 absolute绝对定位、Fixed固定定位、z-index
3.8伪元素、伪类选择器伪类选择器：伪元素选择器：:first-letter 选择文本的首字母:first-line 选择文本的首行:after 在元素前面添加内容:before 在元素后面添加内容3.9选择器总结什么是选择器？选择器：描述后面的样式施加到哪些目标，或者说根据某个依据来选择应用的样式根据选择依据的不同，就产生了不同的选择器1. 元素选择器Div{ background-color:red}2．id选择器根据元素的ID属性来选择书
2020-08-28 14:50:17
466
原创 盒子模型、选择器、类选择器、 ID选择器、属性选择器、关系选择器、并选择器、通配符选择器及代码
2.7盒子模型（重要）Margin：外边距Margin-top(上) ， margin-bottom（下）， margin-left（左） margin-right（右）使用方式：（1） margin：30px ，表示上下左右外边距都设置30px（2） margin-left：30px ，表示设置距离左方30px（3） margin： 10px 20px 10px 20px 分别设置上右下左四个边的边距，顺序按照顺时针方向（4） margin：20px 30px 分别设置上下边距为
2020-08-27 20:39:36
279
原创 颜色、背景相关属性、尺寸相关属性、显示相关属性、边框案例
2.3颜色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代码实现：<p style="color: blue;">
2020-08-26 20:55:03
117
原创 CSS的基础概念、行内样式（内嵌样式）、内部样式（内联样式）、外部样式（外联样式）、字体相关属性及相关练习的案例
CSS学习笔记CSS的基本概念Cascading Style Sheet层叠样式表标签：<p> <div>…之类的标签 使用方式：直接输入标签名类（class）：class名字 使用方式：输入点+class名ID: ID名使用方式：输入#+id名一般来说我们写CSS文件的时候用的都是第二种方法，class名这是因为ID名一般被用作JS的选择器给class命名也是有规范的，像xxx-xxxx 这样做的好处是让你的代码更清晰别人也更容易看懂
2020-08-25 15:19:23
3886
原创 Html中的表格、Table和div，表格页面、员工登记表、Div代码
Table和divTable 表格Web1班名册学号 姓名 性别 年龄01 张三 男 2102 李四 女 20… 人数合计： 60表格的组成部分：标题 表头 主体 表尾table： 定义一个表格caption： 定义表格的标题thead ：定义表头的部分tbody ：定义表格的主体（数据）部分tfoot ：定义表尾 ，一般来显示汇总信息tr ：定义一行th、 td 来定义数据项（单元格） th一般用于表头，有加粗的样式。td 一般用于主体部分，没有加粗的样式td ：ro
2020-08-24 20:45:07
1484
原创 基础标签和表单标签
基础标签标题标签h1~h6h1~h6语义越来越轻（从大到小）页面只有一个h1的标签段落标题p一段一段文字使用链接标签a页面间的跳转页面内的跳转href:目的地，跳转后的URL地址title:鼠标悬停显示的内容target:设置跳转的方式—self：在当前页面中打开：（默认值）—black：在新的页面打开图片标签上级目录：…/当前目录：./src：设置显示的目标图片alt：当图片加载失败的时候，显示的内容列表标签顺序：order没有顺序：unorder列表：list
2020-08-23 21:33:06
94
原创 有些标签＜button＞＜/button＞有2部分组成，＜input＞只有一部分组成 标题分类：单标签和双标签
html标签 易错点分析有个地方用到了标签，结果出现了一个很奇怪的问题，form的内容被提交了两次，只针对IE浏览器，chrome不会。由于使用了boss的一个框架，一度使我怀疑是不是他那框架存在兼容性问题，不过找了好久最终还是找到了答案。原因就在于button标签的使用。“在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处. 控件 与 相比，提供了更为强大的功能和更丰富的内容。 与 标签之间的所有内容都是按钮的内容，其中包括任何可
2020-08-23 21:19:12
860
转载 标题类型根据显示方式分类:行内、行内块、块级
1)块级元素特点：1.总是从新的一行开始2.高度、宽度都是可控的3.宽度没有设置时，默认为100%4.块级元素中可以包含块级元素和行内元素5.块级文字元素中不能放入其他块级元素6.块级大多为结构性标记常见块级元素： <center>...</center> 地址文字<h1>...
2020-08-23 20:58:34
260
原创 表单标签中get和post的区别？
表单：概念：用于采集用户输入的数据的。用于和服务器进行交互。标签 form：用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围属性：action：指定提交数据的URL(位置)method：指定提交方式分类：一共7种，2种比较常get：请求参数会在地址栏中显示。会封装到请求行中。请求参数大小是有限制的。不太安全。post：请求参数不会在地址栏中显示。会封装在请求体中。请求参数的大小没有限制。较为安全。总结提示：这里对文章进行总结：例如：以上就是今天要讲的内容
2020-08-23 20:15:14
1528
原创 HTML基础
web基础概念web：网页、公众号、动画H5URL：网络资源的ID（地址）服务器：性能强大的电脑（内存大、运行快等特点）安装了提供服务软件（Capache、Tomcat、IIS、Nginx)浏览器：打开网页（Google、Chrome、IE、火狐、欧朋、safari云服务：阿里云、腾讯云、百度云、华为云（专门的团队运营）标记语言：用各种标签将相关信息或者关键字包裹起来，方便搜索引擎的抓取。HTML就是一种标记语言。一、Web简介1、 简介早期的web应用主要是静态页面的浏览，这些静态
2020-08-22 21:45:09
195
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人