- 博客(27)
- 收藏
- 关注
RSS订阅原创 2020-10-14
在PC端，屏幕1200两端留白在PE端就不行，首先它没有1200px那么大的宽度，其次不能留白，很丑就需要在手机屏幕上铺满内容Viewport在移动设备上进行网页的重构或者开发，首先我们就要搞明白viewport，只有弄明白viewport概念以及与其相关的meta标签的使用，才能更好的让我们的网页适配或者响应不同分辨率的移动设备Viewport的概念设备屏幕上能用来显示我们网页的那一块区域获取视口大小：document.documentElement.clientWidth移动设备上的浏览
2020-10-14 19:52:33
60
原创 2020-10-05
Val()更改元素里面的值value(“对象”).val(“更改后的值”);alert((“对象”).val(“更改后的值”);alert((“对象”).val(“更改后的值”);alert(("#btn1").val());$("#btn1").val(“不要摁!!!”);属性attr获取或更改元素的属性$(“对象”).attr(“属性名”,”属性值”);$("#btn1").attr(“value”,“不要摁”);$("#btn1").attr(“name”,“第二哈哈哈”);元素的
2020-10-05 21:04:59
58
原创 2020-09-30
常用的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()方法当按钮点击事件被触发的时候会调用一个函数，该函数在
2020-09-30 18:44:12
53
原创 2020-09-29
jQuery1 基础知识1.1基本概念jQuery是JS库，能够帮助我们轻松实现一些原本比较麻烦的功能jQuery每个版本分两个小版本：压缩版与未压缩版，压缩版文件较小，但是没有排版和注释不便于阅读；未压缩版文件较大，有排版和注释，便于阅读jQuery实际上就是一个js文件，加载到页面就可以直接使用了也可以通过CDN（Content Distrubute Net）来引用jquery1.2基本语法$（选择器）.action();$：定义了这是一个Jquery的代码选择器：按照一定规则选
2020-09-29 20:54:52
62
原创 2020-09-21
cookie组成：键值对的形式username=asdasd pwd=123456 phone=6863087有效期：expires=今天以后的时间存储cookie按照cookie的形式写好一个字符串，然后把它复制给document.cookie 浏览器就会缓存这个cookie，可以存储多个键值对，但是键的名字不能重复获取cookie通过document.cookie就能得到浏览器之前存储的cookie，是一个字符串，将这个字符串解析，就能得到自己想要的内容计时事件setInterva
2020-09-21 20:39:10
58
原创 2020-09-18
9 BOM概念browser object model9.1 常用对象Window：窗口，浏览器的窗口我们定义的全局变量和全局函数都是window对象的属性和方法全局变量是window的属性。全局函数是window的方法： Window.innerWidth Window.innerHeight常用的方法：Open：打开一个新的窗口，要传三个参数；第一个为将要打开的窗口路径第二个：打开的方式 ； 第三个为对于新打开浏览器的描述（宽，...
2020-09-18 21:59:43
39
原创 添加删除元素
添加删除元素（1）createLIement创建一个元素节点createEement（‘p’）创建一个段落1（2）creatTextNode创建一个文本节点creatTextNode（“文本内容”）创建一个值为‘文本内容’的文本节点（3）appendChld 添加子节点（4）remoyeChild 删除子节点动态删除这种方法是分别找到父节点和要删除的节点，然后执行删除操作。这种方法有一个前提需要知道父节点是谁那么如果说不知道父节点是谁，该怎么删除呢？动态添加和
2020-09-17 21:28:14
44
原创 2020-09-16
JavaScript笔记9键盘事件其他事件事件的注册捕获与冒泡点击前往上一篇（5）onmouseover onmouseout与onmouseenter、onmouseleave很类似，区别后面再讲。（6）onmousemove 鼠标坐标（7）onmousewheel鼠标滚轮键盘事件键盘编码表注意，键码为13的Enter，是字母键盘上的回车键键码为108的Enter，是右方数组小键盘上的回车键（1）keypresskeypCode属性，记录了按下键的编码keypr
2020-09-16 20:23:01
53
原创 单机事件
对事件作出反应JavaScript 能够在事件发生时执行，比如当用户点击某个 HTML 元素时。为了在用户点击元素时执行代码，请向 HTML 事件属性添加 JavaScript 代码：οnclick=JavaScriptHTML 事件的例子：当用户点击鼠标时 当网页加载后 当图像加载后 当鼠标移至元素上时 当输入字段被改变时 当 HTML 表单被提交时 当用户敲击按键时在本例中，当用户点击<h1>时，会改变其内容：实例<!DOCTYPE h..
2020-09-14 21:33:20
130
原创 2020-09-12
数组的定义形式：数组的概念：数组是存储同一种数据类型多个元素的集合。也可以看成是一个容器。1数组既可以存储基本数据类型，也可以存储引用数据类型。数组的两种定义格式格式1：数据类型[]数组名; int[] array;格式2：数据类型 数组名[]; int arrat[];123Java中的数组必须初始化，才能使用；所谓初始化：就是为数组中的数组元素分配内存空间，并为每个数组元素赋值（默认值）。1数组的两种初始化方式：一种是动态初始化，初始化时只指定数组长度，由系
2020-09-12 20:50:53
642
原创 数组的概念
6数组6.1 数组的概念案例：计算五名同学的平均分这个程序非常简单，但是如果要计算100人的呢？要复制100编吗？我们要用到循环但是循环好像做不了，因为无法去控制变量a1，a2，也就是说无法将循环变量和变量a1，a2联系起来这段代码能够实现同样的功能，而且如果是100人的话，只需要把循环的条件改成i<100即可，整个程序的结构和代码量与人数的多少没有关系为什么没有关系呢，因为和循环结合了为什么和循环结合了呢因为我们把变量的表示方式改变了，..
2020-09-11 18:49:53
55
原创 web笔记
5.3 参数传递参数传递，就是将实参的值传给形参。通过调试我们可以看键，形参在函数被调用之前是不存在的，当函数被调用的那一刻起，实参被创建，并且传递给形参参数传递有两种方式：值传递与引用传递值传递A的值并没有显示预期中的6，还是5，这是因为形参x与实参a是两个不同的变量，x的变化与a没有任何的关系引用传递value没有被显示修改，但是value确实加了1，因为x就是a，或者说x是a的别名 专业一点就叫引用常规类型的参数采用的是值传递，比如Number，String,Boolean
2020-09-10 21:08:39
58
原创 web笔记
4.3 For循环For循环语法案例：用for循环求1~100的和案例：判断一个数是否为素数（for，while）4.4 循环辅助语句Break：跳出整个循环如果循环遇到break就不会循环了Continue：仅仅跳出本次循环，下次循环是接着走的每天都要吃饭，有一天生病了，那天就不想吃饭了病好了接着吃5 函数5.1 函数的概念IsSXH给它一个数字它可以立马告诉你是否为水仙花数它是怎么判断的？不用管，只要用在主程序中，我们一直调用isSXH就可以了函数给我们的思想，对一
2020-09-09 21:24:34
47
原创 web笔记
选择结构程序中有三大结构，顺序，选择，循环顺序：代码从上到下一行一行的执行选择：代码有分支，有选择的循环：重复执行某一段代码为什么需要选择结构刚刚的计算三角形面积的案例，如果说，当输入的三条边不能构成三角形时，就不能使用公式计算在生活中，也有很多的选择比如说明天放假，有对象的和对象出去玩没有的在寝室长蘑菇再比如说看看这个月还剩下多少天，口袋里还剩下多少钱钱多天天大鱼大肉钱少只能吃泡面基本if语法If 如果else 否则案例：绝对..
2020-09-07 21:12:04
64
原创 JavaScript笔记2
计算三角形的面积Prompt：在网页上显示输入框Math.sqrt(25)5错误与程序调试程序的错误程序并没有像我们想象中那样，得到我们想要的结果错误可以分为两种语法错误编写代码没有按照语言的要求去编写alert（）写成alort（）有某些部分缺少分号或者括号如果代码中发现语法错误，程序将不会执行逻辑错误代码可以正常运行，但是运行的结果不是我们想要的这种错误我们可以使用单步调试（debug调试）去解决之前三角形面积出现了问题，我们来调试一下用浏览器进行调试错误语法错误
2020-09-05 21:11:09
76
原创 JavaScript笔记
Javascript笔记Javascript是什么，能干什么一个网页的结构，是通过html决定的脑袋，手脚，身体Css决定了这个网页的样式是高还是矮，是胖还是瘦，是黑还是白这个网页的行为是通过JavaScript决定的走路，跑步，眨眼睛JavaScript的发展史它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完
2020-09-04 19:57:21
65
原创 web前端第七天
伪元素、伪类选择器伪类选择器：伪元素选择器：:first-letter 选择文本的首字母:first-line 选择文本的首行:after 在元素前面添加内容:before 在元素后面添加内容选择器总结什么是选择器？选择器：`描述后面的样式施加到哪些目标，或者说根据某个依据来选择应用的样式 。根据选择依据的不同，就产生了不同的选择器元素选择器Div{ background-color:red}2．id选择器根据元素的ID属性来选择书写格式是: #idname{ xxxxx}
2020-08-28 19:31:13
56
原创 web前端第六天
盒子模型（重要）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 分别设置上下边距为20px
2020-08-27 15:05:43
105
原创 web前端第五天
一 . 颜色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进制颜色二 . 背景相关属性
2020-08-26 15:21:57
62
原创 web前端第四天
CSS学习笔记CSS的基本概念Cascading Style Sheet 层叠样式表选择器标签：…之类的标签 使用方式：直接输入标签名类（class）：class名字 使用方式：输入点+class名ID：ID名 使用方式：输入#+id名一般来说我们写CSS文件的时候用的都是第二种选择器，CLASS名这是因为ID名一般用作JS的选择器给CLASS命名也是有规范的，像XXX-XXXX这样做的好处是让你的代码更清晰别人也更容易看懂三种连接样式行内样式（内嵌样式）在这里插入图片描述直接
2020-08-25 19:35:51
58
原创 web前端第三天
table和divtable表格学号 姓名 性别 年龄1 小明 男 122 小刚 男 11表格的组成部分：标题 表头 主体 表尾table定义一个表格caption 定义表格的标题thead 定义表头的部分tbody 定义表格的主体（数据）部分tfoot 定义表尾，一般来说显示汇总信息tr 定义一行th td 来定义数据项（单元格） th一般用于表头，有加粗的样式。td 一般用于主体部分，没有加粗的样式td rowspan 和 colspan 分别定义了单元格跨行的行数，跨列的列
2020-08-24 19:22:33
77
原创 2020-08-23
web前端第二天笔记 基础标签标题标签 h1~h6h1~h6越来越轻 页面上只有一个h1标签段落标签 p 一段一段文字的时候使用链接标签 a 页面间的跳转 页面内的跳转 href：目的地，跳转后的URL地址 Title：鼠标悬停显示的内容 Target：设置跳转的方式 _self:在当前页面中打开：（默认值） _blac...
2020-08-23 19:08:43
312
原创 2020-08-23
块级元素，行内元素，行内块元素一. 块级元素1.总是从新的一行开始 2.高度、宽度都是可控的 3.宽度没有设置时，默认为100% 4.块级元素中可以包含块级元素和行内元素二.行内元素1.和其他元素都在一行 2.高度、宽度以及内边距都是不可控的 3.宽高就是内容的高度，不可以改变 4.行内元素只能行内元素，不能包含块级元素三.行内块元素...
2020-08-23 18:58:42
59
原创 2020-08-23
get和post的区别Get是用来从服务器上获得数据，而Post是用来向服务器上传递数据。 Get将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“?”连接，而各个变量之间使用“&”连接；Post是将表单中的数据放在form的数据体中，按照变量和值相对应的方式，传递到action所指向URL。 ...
2020-08-23 18:57:07
43
原创 2020-08-23
单标签和双标签的区别单标签：由一个标签组成。 例如：<br> 双标签：由“开始标签”和“结束标签”两部分构成。 例如：<p></p><p>是开始标签，表示一个段落的开始。</p>是结束标签，表示一个段落的结束。常见的单标签：<br><hr><img><...
2020-08-23 18:55:55
42
原创 2020-08-23
web前端第二天1.单标签和双标签的区别单标签：由一个标签组成。 例如：<br> 双标签：由“开始标签”和“结束标签”两部分构成。 例如：<p></p><p>是开始标签，表示一个段落的开始。</p>是结束标签，表示一个段落的结束。常见的单标签：<br><hr>&l...
2020-08-23 15:31:22
94
原创 2020-08-22
Web前端第一天今天上课学了一些与web相关的基本概念：下面是今天课上老师写的笔记文档，我就直接搬运过来啦。web: 网页、公众号、动画h5：html5URL:就是一个地址，网络资源的ID（地址）服务器：一个性能比较高（内存大、运行速度快）的电脑，安装了提供服务的软件（apache、Tomcat、IIS、Nginx）...
2020-08-22 15:33:35
73
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人