- 博客(27)
- 收藏
- 关注
RSS订阅原创 移动端网页设计基础
在PC端，屏幕1200两端留白在PE端就不行，首先它没有1200px那么大的宽度，其次不能留白，很丑就需要在手机屏幕上铺满内容Viewport在移动设备上进行网页的重构或者开发，首先我们就要搞明白viewport，只有弄明白viewport概念以及与其相关的meta标签的使用，才能更好的让我们的网页适配或者响应不同分辨率的移动设备Viewport的概念设备屏幕上能用来显示我们网页的那一块区域获取视口大小：document.documentElement.clientWidth移动设备上的浏览
2020-10-14 20:08:07
128
原创 JavaScript键盘事件其他事件
JavaScript笔记9键盘事件其他事件事件的注册捕获与冒泡点击前往上一篇（5）onmouseover onmouseout与onmouseenter、onmouseleave很类似，区别后面再讲。（6）onmousemove 鼠标坐标在这里插入图片描述（7）onmousewheel鼠标滚轮在这里插入图片描述键盘事件键盘编码表在这里插入图片描述在这里插入图片描述在这里插入图片描述注意，键码为13的Enter，是字母键盘上的回车键键码为108的Enter，是右方数组小键盘
2020-10-06 20:10:15
86
原创 css
颜色RGB（red greed bule）(0，10，256)#0010FFCSS中颜色的表示方式预定义颜色：bule，red，black…十六进制颜色：#0f0f0fRGB颜色：（128.0.0）全红RGBA：在RGB的基础上又添加了表示透明度的AlphaHSL：在色调，饱和度，和透明度三个分量来表示颜色HSLA：在HSL的基础上又添加了表示透明的Alpha代码实现 预定义颜色 <p style="color: rgb(0,255,0);">RGB颜色</p
2020-10-05 20:56:34
90
原创 捕获与设置
(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 20:29:52
124
1
原创 2020-09-29
jQuery1 基础知识1.1基本概念jQuery是JS库，能够帮助我们轻松实现一些原本比较麻烦的功能jQuery每个版本分两个小版本：压缩版与未压缩版，压缩版文件较小，但是没有排版和注释不便于阅读；未压缩版文件较大，有排版和注释，便于阅读jQuery实际上就是一个js文件，加载到页面就可以直接使用了也可以通过CDN（Content Distrubute Net）来引用jquery1.2基本语法$（选择器）.action();$：定义了这是一个Jquery的代码选择器：按照一定规则选择
2020-09-29 21:00:05
66
原创 2020-09-21
String（字符串）对象返回字符串的长度为字符串添加样式返回字符串中指定文本首次出现的位置 - indexOf()方法查找字符串中特定的字符，若找到，则返回该字符 - match() 方法替换字符串中的字符 - replace()更多的字符串对象的例子，在我们的JavaScript String 对象参考手册。Date（日期）对象使用 Date() 方法来返回今天的日期和时间使用 getTime() 计算从1970年到今天有多少毫秒使用 setFullYear() 设置具体的日期使用
2020-09-21 21:02:28
63
原创 2020-09-18
8.1 DOM概念DOM（Document Object Model）:文档对象模型通过开发者工具可以看到整个文档是由一系列的节点对象组成的一棵树节点（Node）包括元素节点（1）、属性节点（2）、和文本节点（3）Th1代表一个元素节点（nodeType=1），nodeName是标签名（th）元素节点的nodeValue=nullgetAttributeNode方法是获取元素的属性节点，此时输出的节点类型是属性节点（2）节点名称就是属性名，节点值就是属性值Txt1是一个文本节点（3），节点
2020-09-18 16:44:54
66
原创 2020-09-17
7.4 捕获与冒泡在这个案例中，如果单击文字，先提示“段落被单击”，然后再提示“div被单击了”，因为div是p的父容器，所有单击段落也就相当于单击了div，所有两者都会触发这个事件但是如何去规定两个事件的处理顺序？这就是事件的冒泡与捕获。冒泡：按照从内到外的顺序依次触发，是默认方式捕获：与上相反当使用mouseenter事件时，当里层的div触发进入事件时，处理完了就没了（阻断冒泡）而使用mouseover事件时，当里层的div触发进入事件时，处理完后还会冒泡给父容器处理再次进入事件程序员也
2020-09-17 16:26:09
65
原创 2020-09-16
ESC键 VK_ESCAPE (27)回车键： VK_RETURN (13)TAB键： VK_TAB (9)Caps Lock键： VK_CAPITAL (20)Shift键： VK_SHIFT ($10)Ctrl键： VK_CONTROL (17)Alt键： VK_MENU (18)空格键： VK_SPACE ($20/32)退格键： VK_BACK (8)左徽标键： VK_LWIN (91)右徽标键： VK_LWIN (92)鼠标右键快捷键：VK_APPS (93)Insert键
2020-09-16 21:36:52
1039
原创 2020-09-15
6数组6.1 数组的概念案例：计算五名同学的平均分这个程序非常简单，但是如果要计算100人的呢？要复制100编吗？我们要用到循环但是循环好像做不了，因为无法去控制变量a1，a2，也就是说无法将循环变量和变量a1，a2联系起来这段代码能够实现同样的功能，而且如果是100人的话，只需要把循环的条件改成i<100即可，整个程序的结构和代码量与人数的多少没有关系为什么没有关系呢，因为和循环结合了为什么和循环结合了呢因为我们把变量的表示方式改变了，改变成名称加序号的方式（a[0],a[1],a[2]……）这样
2020-09-15 20:41:28
120
原创 2020-09-14
String（字符串）对象返回字符串的长度为字符串添加样式返回字符串中指定文本首次出现的位置 - indexOf()方法查找字符串中特定的字符，若找到，则返回该字符 - match() 方法替换字符串中的字符 - replace()更多的字符串对象的例子，在我们的JavaScript String 对象参考手册。Date（日期）对象使用 Date() 方法来返回今天的日期和时间使用 getTime() 计算从1970年到今天有多少毫秒使用 setFullYear() 设置具体的日期使用
2020-09-14 21:59:50
54
原创 2020-09-12
//有三个班级,每个班级有十人,求他们的平均分和平均分最高的oneClass = [50, 89, 78, 45, 68, 45, 28, 48, 94, 85];twoClass = [15, 49, 65, 48, 78, 64, 84, 43, 95, 49];threeClass = [68, 75, 48, 95, 85, 67, 45, 35, 85, 45];//求平均分function Arr(m, n) {return m + n;}oneClassAvg = oneCla
2020-09-12 20:18:01
56
原创 2020-09-11
5.4 变量作用域局部变量，就是在函数内部定义的变量，这个变量只能在函数内部使用，在全局中不能使用，举个例子，三国时期，把曹操，刘备，孙权比喻成三个函数那么曹操手下的将领是不会听刘备与孙权的命令的，刘备与孙权同理，他们手下的兵只会听从自己老大的命令在函数的内部定义一个变量，如果没有加上var，那么这个变量就会被认为是全局变量全局变量：在函数外部定义的变量，这个变量可以在全局进行使用。举个例子：汉朝的皇帝发布命令，那么不管是曹操还是刘备或者孙权，都要 听皇帝的
2020-09-11 19:41:29
90
原创 2020-09-10
5.4变量作用域局部变量，就是在函数内部定义的变量，这个变量只能在函数内部使用，在全局中不能使用，举个例子，三国时期，把曹操，刘备，孙权比喻成三个函数那么曹操手下的将领是不会听刘备与孙权的命令的，刘备与孙权同理，他们手下的兵只会听从自己老大的命令在函数的内部定义一个变量，如果没有加上var，那么这个变量就会被认为是全局变量全局变量：在函数外部定义的变量，这个变量可以在全局进行使用。举个例子：汉朝的皇帝发布命令，那么不管是曹操还是刘备或者孙权，都要...
2020-09-10 15:29:16
76
原创 2020-09-09
3 选择结构程序中有三大结构，顺序，选择，循环顺序：代码从上到下一行一行的执行选择：代码有分支，有选择的循环：重复执行某一段代码为什么需要选择结构刚刚的计算三角形面积的案例，如果说，当输入的三条边不能构成三角形时，就不能使用公式计算在生活中，也有很多的选择比如说明天放假，有对象的和对象出去玩没有的在寝室长蘑菇再比如说看看这个月还剩下多少天，口袋里还剩下多少钱钱多天天大鱼大肉钱少只能吃泡面3.1 基本if语法If 如果else 否则案例：绝对值输入一个数，如果这个数是正
2020-09-09 20:31:15
119
原创 基本if语法
基本if语法If 如果else 否则案例：绝对值输入一个数，如果这个数是正数，那么输出它本身如果这个数是负数，那么输出它的相反数案例：计算三角形面积（改）要求能够判断出三条边是否能构成三角形如果不能，输出“请正确输入“案例：判断一个数是否为水仙花数If语句嵌套案例：献血根据性别和体重计算输血量女性体重不超过50kg的输血量为200毫升，否则的话就250毫升男性不超过60kg的献血为250毫升，否则300毫升1获...
2020-09-07 15:33:41
309
原创 2020-09-05
关系运算符常见关系运算符：>（大于） <（小于） >=（大于等于） <=（小于等于） （等于） !=（不等于）判断两个数字是否相等，使用两个等于号（）而不是一个等于号（=是赋值）JavaScript特有：=：数值与类型全都等于才true！：数值与类型全都不等于才true比较后的结果是boolean类型，true或false重点=与的区别：==只比较值===比较值和类型三目运算符（三元运算符）表达式？结果1：结果2如果表达式运行的结果是true
2020-09-05 18:52:25
79
原创 Javascript笔记
Javascript笔记Javascript是什么，能干什么一个网页的结构，是通过html决定的脑袋，手脚，身体Css决定了这个网页的样式是高还是矮，是胖还是瘦，是黑还是白这个网页的行为是通过JavaScript决定的走路，跑步，眨眼睛JavaScript的发展史它最初由Netscape的BrendanEich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完.
2020-09-04 19:03:32
91
原创 CSS基础知识-3
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元素的直接后代元素（也就是子类）E + F：选择E元素的第一个弟弟元素F...
2020-08-28 19:05:36
90
原创 CSS基础知识-2
盒子模型（重要）Margin：外边距Margin-top(上) margin-bottom（下） margin-left（左） margin-right（右）使用方式：margin：30px ，表示上下左右外边距都设置30px margin-left：30px ，表示设置距离左方30px margin： 10px 20px 10px 20px 分别设置上右下左四个边的边距，顺序按照顺时针方向 margin：20px 30px 分别设置上下边距为20px ，左右边距为30p...
2020-08-27 17:28:13
443
原创 CSS基础知识
1.CSS基础知识1.1 CSS的基本概念CSS（Cascading Style Sheet） 层叠样式表，为了实现页面内容和表现形式的分离。层叠的含义是可以对一个元素多次设置样式，最后的结果是多次样式叠加的结果，如果有冲突，以后面的样式为准。1.2 基本语法标签： …之类的标签 使用方式：直接输入标签名类（class）：class名字 使用方
2020-08-26 17:41:45
129
原创 关于css
CSS的基本概念 Cascading Style Sheet层叠样式表 标签： …之类的标签 使用方式：直接输入标签名 类（class）：class名字 使用方式：输入点+class名 ID:ID名 使用方式：输入#+id名 一般来说我们写CSS文件的时候用的都是第二种方法，class名 这是因为ID名一般被用作JS的选择器 给class命名也是有规范的，像xxx-xxxx 这样做的好处是让你的代码更清晰 别人也更容易看懂 三种连接样式
2020-08-25 19:59:32
144
原创 关于HTML笔记
1.1基本概念CSS（Cascading Style Sheet） 层叠样式表，为了实现页面内容和表现形式的分离。层叠的含义是可以对一个元素多次设置样式，最后的结果是多次样式叠加的结果，如果有冲突，以后面的样式为准。1.2 基本语法选择器{属性名1:属性值1;属性名2:属性值2;属性名3:属性值3;……}选择器说明该样式施加于哪些元素；属性名和属性值说明是样式内容；一般一行定义一条样式，当然也可以写在一行上，但每条样式都序号加上“；”推荐用小写命名。 <head>
2020-08-24 18:21:13
107
原创 HTML常见标签
HTML常见标签1、标题标签：…标题标签作用相当于word的标题 ，总共6课级别，取值1-6,数字越小，字体大小越小2、分割线标签： 分隔线标签实例： 属性： color: 设置颜色，颜色可以是颜色名或者是16进制的色号，格式#xxxxxx； 其中x表示16进制的色号值 size:分隔线大小取值1-7，数字越大越粗 width: 宽度，默认居中 3、字体标签：字体实例：4、加粗标签：Strong： 表示强调，并且对强调的内容加粗显示 b: 只有加
2020-08-23 15:25:41
503
原创 求助，关于HTML基本标签的问题
(1)有些内容接着之前内容的后面，有些内容在新的一行（上一行没有显示完)标题类型根据显示方式分类:行内、行内块、块级(2)有些标签<button></button>由2部分组成， < input>只有一部分组成。标题分类:单标签和双标签...
2020-08-23 15:03:23
104
转载 get 和 post 的区别
HTTP请求报文和响应报文既然GET和POST是有关HTTP请求的两种方式，就先来看看HTTP请求报文和响应报文的知识。 超文本传输协议(Hypertext Transfer Protocol，简称HTTP)是应用层协议。HTTP 是一种请求/响应式的协议，即一个客户端与服务器建立连接后，向服务器发送一个请求;服务器接到请求后，给予相应的响应信息。HTTP请求报文HTTP请求报文由请求行、请求头部、空行和请求体组成，如下图所示：请求行请求行由请求方法、URL、协议版本组成，由空格隔开。常用的
2020-08-23 14:54:49
165
原创 我的第一篇博客
博客CSDN、GitHubweb介绍HTML基础知识web基本概念web:网页、公众号、动画h5：html5URL:就是一个地址，网络资源的ID（地址）服务器：一个性能比较高（内存大、运行速度快）的电脑，安装了提供服务的软件（apache、Tomcat、IIS、Nginx）云服务：阿里云、腾讯云、百度云、华为云有专门的团队提供维护工作浏览器：能帮我们打开网页，Google Chrome、IE、火狐、欧朋、safari（苹果）标记语言用各种.
2020-08-22 15:04:17
554
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人