- 博客(27)
- 收藏
- 关注
RSS订阅原创 移动端网页设计基础
在PC端，屏幕1200两端留白在PE端就不行，首先它没有1200px那么大的宽度，其次不能留白，很丑就需要在手机屏幕上铺满内容Viewport在移动设备上进行网页的重构或者开发，首先我们就要搞明白viewport，只有弄明白viewport概念以及与其相关的meta标签的使用，才能更好的让我们的网页适配或者响应不同分辨率的移动设备Viewport的概念设备屏幕上能用来显示我们网页的那一块区域获取视口大小：document.documentElement.clientWidth移
2020-10-14 19:43:45
203
原创 DOM
5 DOM捕获与设置Js获取文本内容：innerText，innerHtml，textContent动画Animate（）有三个参数，第一个参数就是你要改变的样式，第二个参数是显示的速度（“fast”，“slow”，毫秒数），第三个是回调函数Text（）捕获文本内容，等价于innerText更改文本的内容Html（）获取元素的内容，包括设置的样式更改内容样式Val（）获取或者设置value值属性attr获取或更改元素的属性值...
2020-10-06 20:12:45
95
原创 CSS
颜色RGB（red greed bule）(0，10，256)#0010FFCSS中颜色的表示方式预定义颜色：bule，red，black… 十六进制颜色：#0f0f0f RGB颜色：（128.0.0）全红 RGBA：在RGB的基础上又添加了表示透明度的Alpha HSL：在色调，饱和度，和透明度三个分量来表示颜色 HSLA：在HSL的基础上又添加了表示透明的Alpha代码实现<p style="color: blue;">预定义颜色</p>...
2020-10-05 20:50:03
93
原创 捕获与设置
(1) $(document).ready()( d o c u m e n t ) . r e a d y ( ) 允 许 我 们 在 文 档 完 全 加 载 完 后 执 行 函 数 等 价 于 (document).ready()允许我们在文档完全加载完后执行函数 等价于(document).ready()允许我们在文档完全加载完后执行函数等价于(function(){})(2) click()Click()方法当按钮点击事件被触发的时候会调用一个函数该函数在用户点击HTML元素的时候执行(3
2020-09-30 18:43:42
85
原创 jQuery
1 基础知识1.1基本概念jQuery是JS库，能够帮助我们轻松实现一些原本比较麻烦的功能jQuery每个版本分两个小版本：压缩版与未压缩版，压缩版文件较小，但是没有排版和注释不便于阅读；未压缩版文件较大，有排版和注释，便于阅读jQuery实际上就是一个js文件，加载到页面就可以直接使用了也可以通过CDN（Content Distrubute Net）来引用jquery1.2基本语法$（选择器）.action();$：定义了这是一个Jquery的代码选择器：按..
2020-09-29 20:30:58
57
原创 9.21
6数组6.1 数组的概念案例：计算五名同学的平均分这个程序非常简单，但是如果要计算100人的呢？要复制100编吗？我们要用到循环但是循环好像做不了，因为无法去控制变量a1，a2，也就是说无法将循环变量和变量a1，a2联系起来这段代码能够实现同样的功能，而且如果是100人的话，只需要把循环的条件改成i<100即可，整个程序的结构和代码量与人数的多少没有关系为什么没有关系呢，因为和循环结合了为什么和循环结合了呢因为我们把变量的表示方式改变了，..
2020-09-21 15:20:38
947
原创 BOM
9 BOM概念browser object model9.1 常用对象Window：窗口，浏览器的窗口我们定义的全局变量和全局函数都是window对象的属性和方法全局变量是window的属性。全局函数是window的方法： Window.innerWidth Window.innerHeight常用的方法：Open：打开一个新的窗口，要传三个参数；第一个为将要打开的窗口路径第二个：打开的方式 ； 第三个为对于新打开浏览器的描述（宽，...
2020-09-18 20:50:31
61
原创 添加删除元素
添加删除元素（1）createLIement创建一个元素节点createEement（‘p’）创建一个段落1（2）creatTextNode创建一个文本节点creatTextNode（“文本内容”）创建一个值为‘文本内容’的文本节点（3）appendChld 添加子节点（4）remoyeChild 删除子节点动态删除这种方法是分别找到父节点和要删除的节点，然后执行删除操作。这种方法有一个前提需要知道父节点是谁那么如果说不知道父节点是谁，该怎么删除呢？动态添加和
2020-09-17 20:34:32
79
原创 JavaScript键盘事件其他事件
JavaScript笔记9 键盘事件 其他事件 事件的注册 捕获与冒泡点击前往上一篇（5）onmouseover onmouseout与onmouseenter、onmouseleave很类似，区别后面再讲。（6）onmousemove 鼠标坐标（7）onmousewheel鼠标滚轮键盘事件键盘编码表注意，键码为13的Enter，是字母键盘上的回车键键码为108的Enter，是右方数组小键盘上的回车键（1）keypresskeypCode属性，记录了按下键的编码.
2020-09-16 20:19:19
110
原创 单机事件
对事件作出反应JavaScript 能够在事件发生时执行，比如当用户点击某个 HTML 元素时。为了在用户点击元素时执行代码，请向 HTML 事件属性添加 JavaScript 代码：onclick=JavaScriptHTML 事件的例子：当用户点击鼠标时 当网页加载后 当图像加载后 当鼠标移至元素上时 当输入字段被改变时 当 HTML 表单被提交时 当用户敲击按键时在本例中，当用户点击<h1>时，会改变其内容：实例<!DOCTYPE h..
2020-09-14 20:39:00
410
1
原创 数组的属性与方法
1.数组的长相：// 用方括号括起来的// 可以包含很多元素let arr1 = ['11', '22', '33', 'aa', 'bb'];// 也可以没有元素，let arr2 = [];// 也可以先制指定有3个元素，之后再添加5个元素也是可以的let arr3 = [3];arr3[0] = '30';arr3[1] = '31';arr3[2] = '32';arr3[3] = '33';arr3[4] = '34';arr3[5] = '35';console
2020-09-12 15:22:33
223
原创 数组概念
6数组6.1 数组的概念案例：计算五名同学的平均分这个程序非常简单，但是如果要计算100人的呢？要复制100编吗？我们要用到循环但是循环好像做不了，因为无法去控制变量a1，a2，也就是说无法将循环变量和变量a1，a2联系起来这段代码能够实现同样的功能，而且如果是100人的话，只需要把循环的条件改成i<100即可，整个程序的结构和代码量与人数的多少没有关系为什么没有关系呢，因为和循环结合了为什么和循环结合了呢因为我们把变量的表示方式改变了，..
2020-09-11 18:43:56
50
原创 参数传递
5.3 参数传递参数传递，就是将实参的值传给形参。通过调试我们可以看键，形参在函数被调用之前是不存在的，当函数被调用的那一刻起，实参被创建，并且传递给形参参数传递有两种方式：值传递与引用传递值传递A的值并没有显示预期中的6，还是5，这是因为形参x与实参a是两个不同的变量，x的变化与a没有任何的关系引用传递value没有被显示修改，但是value确实加了1，因为x就是a，或者说x是a的别名 专业一点就叫引用常规类型的参数采用的是值传递，比如Num...
2020-09-10 19:47:37
816
原创 2020.9.9’
4.3 For循环For循环语法案例：用for循环求1~100的和案例：判断一个数是否为素数（for，while）4.4 循环辅助语句Break：跳出整个循环如果循环遇到break就不会循环了Continue：仅仅跳出本次循环，下次循环是接着走的每天都要吃饭，有一天生病了，那天就不想吃饭了病好了接着吃5 函数5.1 函数的概念IsSXH给它一个数字它可以立马告诉你是否为水仙花数它是怎么判断的？不用管，只要用在主程序中，我们一直调用isSXH就可以了函数给我们的思想，对一
2020-09-09 19:57:30
71
原创 选择结构
选择结构程序中有三大结构，顺序，选择，循环顺序：代码从上到下一行一行的执行选择：代码有分支，有选择的循环：重复执行某一段代码为什么需要选择结构刚刚的计算三角形面积的案例，如果说，当输入的三条边不能构成三角形时，就不能使用公式计算在生活中，也有很多的选择比如说明天放假，有对象的和对象出去玩没有的在寝室长蘑菇再比如说看看这个月还剩下多少天，口袋里还剩下多少钱钱多天天大鱼大肉钱少只能吃泡面基本if语法If 如果else 否则案例：绝对..
2020-09-07 18:18:57
388
原创 Javascript笔记
计算三角形的面积Prompt：在网页上显示输入框Math.sqrt(25)5错误与程序调试程序的错误程序并没有像我们想象中那样，得到我们想要的结果错误可以分为两种语法错误编写代码没有按照语言的要求去编写alert（）写成alort（）有某些部分缺少分号或者括号如果代码中发现语法错误，程序将不会执行逻辑错误代码可以正常运行，但是运行的结果不是我们想要的这种错误我们可以使用单步调试（debug调试）去解决之前三角形面积出现了问题，我们来调试一下.
2020-09-05 19:05:24
57
原创 Javascript笔记
Javascript笔记Javascript是什么，能干什么一个网页的结构，是通过html决定的脑袋，手脚，身体Css决定了这个网页的样式是高还是矮，是胖还是瘦，是黑还是白这个网页的行为是通过JavaScript决定的走路，跑步，眨眼睛JavaScript的发展史它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，
2020-09-04 19:48:58
64
原创 2020-08-28
3.9选择器总结什么是选择器？选择器：描述后面的样式施加到哪些目标，或者说根据某个依据 来选择应用的样式根据选择依据的不同，就产生了不同的选择器元素选择器Div{ background-color:red}2．id选择器 根据元素的ID属性来选择 书写格式是: #idname{ xxxxx} #username{font-size:25px}3．类选择器 根据元素的class属性来选择...
2020-08-28 15:32:12
66
原创 8.27css学习知识
3.选择器3.1元素选择器用标签名来作为选择器，选中所有相应的元素3.2类选择器根据class的属性来选择元素，样式定义为：.className{ xxxxxxx}3.3 ID选择器根据id名来选择元素，样式定义为：#idName{xxxxxxxxx}3.4属性选择器例：[title*=’d’]:选择title值中包含d的元素3.5关系选择器E F ：选择E元素的后代元素F（所有后代，包括子类、孙类）E > F : 选择E...
2020-08-27 15:05:35
91
原创 css基本知识
颜色RGB（red greed bule）(0，10，256)#0010FFCSS中颜色的表示方式预定义颜色：bule，red，black… 十六进制颜色：#0f0f0f RGB颜色：（128.0.0）全红 RGBA：在RGB的基础上又添加了表示透明度的Alpha HSL：在色调，饱和度，和透明度三个分量来表示颜色 HSLA：在HSL的基础上又添加了表示透明的Alpha代码实现<p style="color: blue;">预定义颜色</p>...
2020-08-26 15:17:17
102
原创 CSS学习笔记
CSS的基本概念Cascading Style Sheet层叠样式表标签：<p> <div>…之类的标签 使用方式：直接输入标签名类（class）：class名字 使用方式：输入点+class名ID:ID名 使用方式：输入#+id名一般来说我们写CSS文件的时候用的都是第二种方法，class名这是因为ID名一般被用作JS的选择器给class命名也是有规范的，像xxx-xxxx 这样做的...
2020-08-25 15:24:12
48
转载 单标签和双标签的区别
定义单标签：由一个标签组成。例如<hr /> 双标签：由“开始标签”和“结束标签”两部分构成。例如<p></p><p>是开始标签，表示一个段落的开始。</p>是结束标签，表示一个段落的结束。常见单标签1<hr /> 2<meta /> 3<img />常见双标签<html></html> <head></head> <title&g.
2020-08-23 17:00:21
1442
转载 标签显示模式（行内块元素、行内元素、块级元素）
一、块级元素每一个块级元素都会独占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。常见的块级元素有<h1>...<h6>、<p>、<div>、<ol>、<li>等，其中div标签是最典型的元素。如： <body> <div>123</div> <div>456</div> <d.
2020-08-23 16:51:43
450
转载 get与post区别
1.get是从服务器上获取数据，post是向服务器传送数据。2. GET请求把参数包含在URL中，将请求信息放在URL后面，POST请求通过request body传递参数，将请求信息放置在报文体中。3.get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。但理论上，IIS4中最大量为80KB，IIS5中为100KB。4.get安全性非常低，get设计成传输数据，一般都在地址栏里面可以看到，post安全性较高，post传递数据比较隐私，所以在地址栏看不到，...
2020-08-23 16:23:07
428
原创 基础标签以及理论知识
标签标题h1~h6 h1~h6语义越来越年轻 页面上只有一个h1标签段落标题p一段一段文字的时候使用<h3>登鹳雀楼</h3><p>白日依山尽，</p><p>黄河入海流；</p><p>欲穷千里目，</p><p>更上一城楼。</p>链接标签a页面间的跳转页面内的跳转<a href="http：//www.bai...
2020-08-23 16:15:16
214
原创 HTML基础
web基本概念web: 网页、公众号、动画h5：html5URL:就是一个地址，网络资源的ID（地址）服务器： 一个性能比较高（内存大、运行速度快）的电脑，安装了提供服务的软件（apache、Tomcat、IIS、Nginx）云服务： 阿里云、腾讯云、百度云、华为云 有专门的团队提供维护工作浏览器：能帮我们打开网页，Google Chrome、IE、火狐、欧朋、safari（苹果）标记语言 用各种标签将 相关信息或者关键字 包裹起来，方便搜索引擎的抓取...
2020-08-22 15:16:46
172
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人