- 博客(26)
- 收藏
- 关注
RSS订阅原创 移动端网页设计基础
在PC端，屏幕1200两端留白在PE端就不行，首先它没有1200px那么大的宽度，其次不能留白，很丑就需要在手机屏幕上铺满内容Viewport在移动设备上进行网页的重构或者开发，首先我们就要搞明白viewport，只有弄明白viewport概念以及与其相关的meta标签的使用，才能更好的让我们的网页适配或者响应不同分辨率的移动设备Viewport的概念设备屏幕上能用来显示我们网页的那一块区域获取视口大小：document.documentElement.clientWidth移动设备上的浏览
2020-10-14 20:48:12
757
原创 day22-jQuery
Val()更改元素里面的值value$(“对象”).val(“更改后的值”);alert($("#btn1").val());$("#btn1").val("不要摁!!!");属性attr获取或更改元素的属性$(“对象”).attr(“属性名”,”属性值”);$("#btn1").attr(“value”,“不要摁”);$("#btn1").attr(“name”,“第二哈哈哈”);元素的删除remove和empty区别：remove是删除了内容与样式，即全部删除，empty仅仅清
2020-10-05 22:11:41
100
原创 JQuery学习笔记2
常用的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 20:34:47
106
原创 JQuery学习笔记1
jQuery1 基础知识1.1基本概念jQuery是JS库，能够帮助我们轻松实现一些原本比较麻烦的功能jQuery每个版本分两个小版本：压缩版与未压缩版，压缩版文件较小，但是没有排版和注释不便于阅读；未压缩版文件较大，有排版和注释，便于阅读jQuery实际上就是一个js文件，加载到页面就可以直接使用了也可以通过CDN（Content Distrubute Net）来引用jquery1.2基本语法$（选择器）.action();$：定义了这是一个Jquery的代码选择器：按照一定规则选择
2020-09-29 22:36:36
94
原创 JavaScript学习笔记11
cookie组成：键值对的形式username=asdasd pwd=123456 phone=6863087有效期：expires=今天以后的时间存储cookie按照cookie的形式写好一个字符串，然后把它复制给document.cookie 浏览器就会缓存这个cookie，可以存储多个键值对，但是键的名字不能重复在这里插入图片描述获取cookie通过document.cookie就能得到浏览器之前存储的cookie，是一个字符串，将这个字符串解析，就能得到自己想要的内容在这里插入
2020-09-21 21:56:44
68
原创 JavaScript学习笔记11
8.5 导航Document是根节点parentNode:获取父节点childNodes：获取所有子节点firstChild：第一个子节点lastChild：获取最后一个子节点9 BOM概念browser object model9.1 常用对象Window：窗口，浏览器的窗口我们定义的全局变量和全局函数都是window对象的属性和方法全局变量是window的属性。全局函数是window的方法：Window.innerWidthWindow.innerHeight常用的方法
2020-09-18 14:29:52
84
原创 JavaScript学习笔记10
8 DOM8.1 DOM概念DOM（Document Object Model）:文档对象模型通过开发者工具可以看到整个文档是由一系列的节点对象组成的一棵树节点（Node）包括元素节点（1）、属性节点（2）、和文本节点（3）Th1代表一个元素节点（nodeType=1），nodeName是标签名（th）元素节点的nodeValue=nullgetAttributeNode方法是获取元素的属性节点，此时输出的节点类型是属性节点（2）节点名称就是属性名，节点值就是属性值Txt1是一个
2020-09-17 21:28:20
68
原创 JavaScript学习笔记9
7.2 常用事件鼠标常用事件（1） 单价事件onclick在这个案例中，事件源是id‘为“p1”的元素，事件名是单击事件注册οnclick=“fun（）”，也就是说，当单击id为“p1”的元素时，交给fun函数来处理。（2） 双击事件：ondblclick(3)鼠标按下/抬起（onmousedown/onmouseup）(4)鼠标移入/离开（onmouseenter/onmouseleave）（5）onmouseover onmouseout与onmouseenter、onmou
2020-09-16 21:54:15
100
原创 JavaScript学习笔记8
摘要：有时，我们会给某个元素通过JavaScript的方式绑定一个onclick(),或者是onchangge事件。但是怎么给该方法传递当前选中元素的值呢？解决办法：一、该为JQuery的方式，通过$(this)来获取;二、为onclick()放入this参数：οnclick=“test_function(this)”;三、如果是获取select下拉列表框选中的value值，那么：onchangge=“test_function(this.value)”;一、通过JQuery来实现请参考我另
2020-09-14 21:59:09
127
原创 JavaScript学习笔记7
6.3 数组的常用属性与方法数组的属性：Length：1） 告诉我们数组的长度：数组名.length2） 通过该属性可以改变数组的长度数组的常用方法1） unshift：在数组的头部添加元素，返回值返回的是新数组的长度Shift：删除数组头部的元素，返回值是刚刚删除的元素2） indexOf：查找在数组中重复出现的元素第一次出现的位置lastindexOf：查找在数组中重复出现的元素最后一次出现的位置3） push：在数组的尾部插入元素，返回值是添加元素后数组的长度pop：从数组
2020-09-12 23:02:40
79
原创 JavaScript学习笔记6
案例：验证哥德巴赫猜想（函数方法）哥德巴赫猜想：任意一个大于6的偶数都可以写成两个质数之和（质数就是素数）。6数组6.1 数组的概念案例：计算五名同学的平均分这个程序非常简单，但是如果要计算100人的呢？要复制100编吗？我们要用到循环但是循环好像做不了，因为无法去控制变量a1，a2，也就是说无法将循环变量和变量a1，a2联系起来这段代码能够实现同样的功能，而且如果是100人的话，只需要把循环的条件改成i<100即可，整个程序的结构和代码量与人数的多少没有关系为什么没有
2020-09-11 20:28:49
116
原创 JavaScript学习笔记5
5.2.3函数的组成（1） 函数名（2） 参数（3） 函数体：函数的功能，一般会有返回值，返回值就是结果案例：判断一个数是否为素数（函数方法）函数名：isPrime参数： n5.3 参数传递参数传递，就是将实参的值传给形参。通过调试我们可以看键，形参在函数被调用之前是不存在的，当函数被调用的那一刻起，实参被创建，并且传递给形参参数传递有两种方式：值传递与引用传递值传递A的值并没有显示预期中的6，还是5，这是因为形参x与实参a是两个不同的变量，x的变化与a没有任何的关系引用
2020-09-10 20:29:58
103
原创 JavaScript学习笔记4
4.3 For循环For循环语法案例：用for循环求1~100的和案例：判断一个数是否为素数（for，while）4.4 循环辅助语句Break：跳出整个循环如果循环遇到break就不会循环了Continue：仅仅跳出本次循环，下次循环是接着走的每天都要吃饭，有一天生病了，那天就不想吃饭了病好了接着吃5 函数5.1 函数的概念IsSXH给它一个数字它可以立马告诉你是否为水仙花数它是怎么判断的？不用管，只要用在主程序中，我们一直调用isSXH就可以了函数给我们的思想，对一
2020-09-09 21:15:12
103
原创 Javascript学习笔记3
Switch如果是if选择的分支比较多的时候，就需要一个一个分支的从上往下执行，这样执行的效率是非常低的，需要对选择结构进行一个改进使用switch就可以解决这个问题Switch基本语法Switch：开关语法：在执行的过程中，a 的值与哪个分支后面的值一样就运行哪个分支的代码Case后面的值可以立即为标号（程序中指令的地址）如果运行完一个分支后，不想继续运行的话可以用break来跳出选择结构，但break不是必须要写的如果a 的值与case后面标号都对应不上，则运行default
2020-09-07 21:00:28
88
原创 Javascript学习笔记2
计算三角形的面积Prompt：在网页上显示输入框Math.sqrt(25)5错误与程序调试程序的错误程序并没有像我们想象中那样，得到我们想要的结果错误可以分为两种语法错误编写代码没有按照语言的要求去编写alert（）写成alort（）有某些部分缺少分号或者括号如果代码中发现语法错误，程序将不会执行逻辑错误代码可以正常运行，但是运行的结果不是我们想要的这种错误我们可以使用单步调试（debug调试）去解决之前三角形面积出现了问题，我们来调试一下用浏览器进行调试错误语法错误
2020-09-05 21:21:45
117
原创 Javascript学习笔记1
Javascript笔记Javascript是什么，能干什么一个网页的结构，是通过html决定的脑袋，手脚，身体Css决定了这个网页的样式是高还是矮，是胖还是瘦，是黑还是白这个网页的行为是通过JavaScript决定的走路，跑步，眨眼睛JavaScript的发展史它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完
2020-09-04 15:21:28
467
原创 CSS学习笔记4
3.8伪元素、伪类选择器伪类选择器：伪元素选择器：:first-letter 选择文本的首字母:first-line 选择文本的首行:after 在元素前面添加内容:before 在元素后面添加内容3.9选择器总结什么是选择器？选择器：描述后面的样式施加到哪些目标，或者说根据某个依据来选择应用的样式根据选择依据的不同，就产生了不同的选择器1. 元素选择器Div{ background-color:red}2．id选择器根据元素的ID属性来选择书
2020-08-28 16:53:31
73
原创 CSS学习笔记3
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元素的直接后代元素（也就是子类）E +
2020-08-27 14:33:16
69
原创 CSS学习笔记2
2.3颜色RGB（red green blue）(0,10,256)#0010FFCSS中颜色的表示方法（1） 预定义颜色：blue，red，black（2） 十六进制颜色：#0F0F0F（3） RGB颜色（128,0,0）全红（4） RGBA，在RGB的基础上又添加了表示透明度的（5） HIS：用色调，饱和度，和透明度三个分量来表示颜色（6） HSLA：在HSL的基础上又添加了表示透明度的Alpha代码实现：<p style="color: blue;">预定义颜色<
2020-08-26 14:59:34
250
原创 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:09:57
129
原创 Table和Div详解
Table表格的组成部分：标题 表头 主体 表尾Table定义一个表格Caption 定义表格标题Tbody定义表格的主体（数据部分）Tfoot定义表尾，一般显示汇总信息Tr 定义一行Th td 来定义数据项（单元格）th一般用于表头有加粗样式Td、一般用于主体部分，没有加粗样式Td rowspan设置单元格跨行Clospan设置单元格跨列Cellspacing单元格之间的间距Cellpadding 单元格的内边距Div块级标签 与与行内标签的区别块级标签沾满行 行内标签回按照
2020-08-24 16:35:02
510
原创 基础标签
基础标签标题标签h1—h6h1-h6语意越来越轻页面上只有一个h1标签段落标题p一段一段文字的时候使用 <h3>登黄鹤楼</h3> <p>白日依山尽</p> <p>黄河入海流</p> <p>欲穷千里目</p> <p>更上一层楼</p>链接标签a<a href="http://www.baidu.com" target="_b
2020-08-23 19:40:41
122
原创 行内元素，块级元素和行内块元素的区别
HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。当然，他们之间也是可以转换的。display:inline;转换为行内元素display:block;转换为块状元素display:inline-block;转换为行内块状元素那各元素有些什么特征呢？行内元素特征：(1)设置宽高无效(2)对margin仅设置左右方向有效，上下无效；padding设置上下左右都有效，即会撑大空间 (3)不会自动进行换行元素：span 修饰字体和标签，还有和这两个标签可以直接做出平方的效果
2020-08-23 15:22:14
79
转载 GET和POST的区别
GET和POST的区别1 前言最近看了一些同学的面经，发现无论什么技术岗位，还是会问到 get 和 post 的区别，而搜索出来的答案并不能让我们装得一手好逼，那就让我们从 HTTP 报文的角度来撸一波，从而搞明白他们的区别。2 标准答案...
2020-08-23 15:13:14
164
原创 HTML的基本结构
博客CSDN、GitHubweb介绍HTML基础知识web基本概念web:网页、公众号、动画h5：html5URL:就是一个地址，网络资源的ID（地址）服务器：一个性能比较高（内存大、运行速度快）的电脑，安装了提供服务的软件（apache、Tomcat、IIS、Nginx）云服务：阿里云、腾讯云、百度云、华为云有专门的团队提供维护工作浏览器：能帮我们打开网页，Google Chrome、IE、火狐、欧朋、safari（苹果）标记语言用各种标签将 相关信息或者关键字 包裹起来
2020-08-22 16:57:04
133
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人