- 博客(26)
- 收藏
- 关注
RSS订阅原创 移动端网页设计基础
在PC端，屏幕1200两端留白在PE端就不行，首先它没有1200px那么大的宽度，其次不能留白，很丑就需要在手机屏幕上铺满内容Viewport在移动设备上进行网页的重构或者开发，首先我们就要搞明白viewport，只有弄明白viewport概念以及与其相关的meta标签的使用，才能更好的让我们的网页适配或者响应不同分辨率的移动设备一． Viewport的概念设备屏幕上能用来显示我们网页的那一块区域获取视口大小：document.documentElement.clientWidth移动设备上
2020-10-14 20:48:38
389
原创 day22-jQuery
**Val()**更改元素里面的值value$(“对象”).val(“更改后的值”);alert($("#btn1").val());$("#btn1").val("不要摁!!!");属性attr获取或更改元素的属性$(“对象”).attr(“属性名”,”属性值”);$("#btn1").attr(“value”,“不要摁”);$("#btn1").attr(“name”,“第二哈哈哈”);元素的删除remove和empty区别：remove是删除了内容与样式，即全部删除，e
2020-10-05 22:17:40
110
1
原创 jQuery事件方法
常用的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:55:27
105
原创 ## jQuery笔记
jQuery1 基础知识1.1基本概念jQuery是JS库，能够帮助我们轻松实现一些原本比较麻烦的功能jQuery每个版本分两个小版本：压缩版与未压缩版，压缩版文件较小，但是没有排版和注释不便于阅读；未压缩版文件较大，有排版和注释，便于阅读jQuery实际上就是一个js文件，加载到页面就可以直接使用了也可以通过CDN（Content Distrubute Net）来引用jquery1.2基本语法$（选择器）.action();$：定义了这是一个Jquery的代码选择器：按照一定规则选
2020-09-29 21:49:42
95
原创 js中[]、{}、()区别
一、{ } 大括号，表示定义一个对象，大部分情况下要有成对的属性和值，或是函数体{}表示对象、[]表示对象的属性、方法,()如果用在方法名后面，代表调用如：var LangShen = {“Name”:“Langshen”,“AGE”:”28”};上面声明了一个名为“LangShen”的对象，多个属性或函数用,（逗号）隔开，因为是对象的属性，所以访问时，应该用.（点）来层层访问：LangShen.Name、LangShen.AGE，当然我们也可以用数组的方式来访问，如：LangShen[“Name
2020-09-21 21:47:34
576
原创 js笔记常用对象
8.5 导航Document是根节点parentNode:获取父节点childNodes：获取所有子节点firstChild：第一个子节点lastChild：获取最后一个子节点9 BOM概念browser object model9.1 常用对象Window：窗口，浏览器的窗口我们定义的全局变量和全局函数都是window对象的属性和方法全局变量是window的属性。全局函数是window的方法：Window.innerWidthWindow.innerHeight常用的方法
2020-09-18 15:26:25
54
原创 js笔记案例事件
8 DOM8.1 DOM概念DOM（Document Object Model）:文档对象模型通过开发者工具可以看到整个文档是由一系列的节点对象组成的一棵树节点（Node）包括元素节点（1）、属性节点（2）、和文本节点（3）Th1代表一个元素节点（nodeType=1），nodeName是标签名（th）元素节点的nodeValue=nullgetAttributeNode方法是获取元素的属性节点，此时输出的节点类型是属性节点（2）节点名称就是属性名，节点值就是属性值Txt1是一个
2020-09-17 15:30:52
66
原创 js笔记案例事件
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 22:08:51
91
原创 JS中的!=、== 、!==、===的用法和区别
var num = 1; var str = '1';var test = 1; test == num //true 相同类型 相同 test === num //true 相同类型 相同值 test !== num //false test与num类型相同，其值也相同, 非运算肯定是falsenum == str //true 把str转换为数字，检查其是否相等。 num != str //false == 的 非运算 num === str //false
2020-09-14 19:39:04
395
原创 js作用域
JavaScript 作用域作用域是可访问变量的集合。JavaScript 作用域在 JavaScript 中, 对象和函数同样也是变量。在 JavaScript 中, 作用域为可访问变量，对象，函数的集合。JavaScript 函数作用域: 作用域在函数内修改。JavaScript 局部作用域变量在函数内声明，变量为局部作用域。局部变量：只能在函数内部访问。实例// 此处不能调用 carName 变量function myFunction() {var carName = “Vol
2020-09-12 20:24:52
86
原创 数组
6数组6.1 数组的概念案例：计算五名同学的平均分这个程序非常简单，但是如果要计算100人的呢？要复制100编吗？我们要用到循环但是循环好像做不了，因为无法去控制变量a1，a2，也就是说无法将循环变量和变量a1，a2联系起来这段代码能够实现同样的功能，而且如果是100人的话，只需要把循环的条件改成i<100即可，整个程序的结构和代码量与人数的多少没有关系为什么没有关系呢，因为和循环结合了为什么和循环结合了呢因为我们把变量的表示方式改变了，改变成名称加序号的方式（a[0]
2020-09-11 20:28:09
62
原创 js 笔记 函数
5.3参数传递参数传递，就是将实参的值传给形参。通过调试我们可以看键，形参在函数被调用之前是不存在的，当函数被调用的那一刻起，实参被创建，并且传递给形参参数传递有两种方式：值传递与引用传递值传递A的值并没有显示预期中的6，还是5，这是因为形参x与实参a是两个不同的变量，x的变化与a没有任何的关系引用传递a.value没有被显示修改，但是a.value确实加了1，因为x就是a，或者说x是a的别名专业一点就叫引用常规类型的参数采用的是值传递，比如Number，String,Boolea
2020-09-10 20:20:09
50
原创 for循环以及函数
**4.3 For循环**For循环语法案例：用for循环求1~100的和案例：判断一个数是否为素数（for，while）4.4 循环辅助语句***Break：***跳出整个循环如果循环遇到break就不会循环了***Continue：***仅仅跳出本次循环，下次循环是接着走的每天都要吃饭，有一天生病了，那天就不想吃饭了病好了接着吃5 函数5.1 函数的概念IsSXH给它一个数字它可以立马告诉你是否为水仙花数它是怎么判断的？不用管，只要用在主程序中，我们一直调用isS
2020-09-09 19:54:20
3339
原创 js笔记
案例：成绩评语输入一个零到一百的成绩90-100：666，真厉害80-90：还不错了70-80：还有很大的进步空间60-70：要小心，马上就快挂了<60：孩子多半是废了。。。。。**Switch**如果是if选择的分支比较多的时候，就需要一个一个分支的从上往下执行，这样执行的效率是非常低的，需要对选择结构进行一个改进使用switch就可以解决这个问题Switch基本语法Switch：开关语法：在执行的过程中，a 的值与哪个分支后面的值一样就运行哪个分支的代码Ca
2020-09-07 20:26:15
62
原创 js笔记二、
对象类型对象类型是很复杂的一个类型怎么去描述一个人，这个人有身高，体重，年龄，这时候就需要一个对象属性一切皆对象，对象包含属性的人对象：身高，体重，年龄。。。。。。狗对象：名字，花色，年龄。。。。。。学生对象：学号，班级，成绩。。。。。。对象的定义：如何访问对象：对象名称.属性名注意：创建对象时对象属性用逗号分割，而不是分号最好在代码的开始就声明所有变量语句与注释语句：一行一行的代码就叫做语句，一个语句使用分号作为结束符虽然JavaScript不写分号没有问题，但是到了项目
2020-09-05 20:15:43
80
原创 Javascript笔记
Javascript笔记Javascript是什么，能干什么一个网页的结构，是通过html决定的脑袋，手脚，身体Css决定了这个网页的样式是高还是矮，是胖还是瘦，是黑还是白这个网页的行为是通过JavaScript决定的走路，跑步，眨眼睛JavaScript的发展史它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完
2020-09-04 16:10:04
89
原创 css笔记
3.8伪元素、伪类选择器 伪类选择器： 伪元素选择器： :first-letter 选择文本的首字母 :first-line 选择文本的首行 :after 在元素前面添加内容 :before 在元素后面添加内容 3.9选择器总结 什么是选择器？ 选择器：描述后面的样式施加到哪些目标，或者说根据某个依据 来选择应用的样式 根据选择依据的不同，就产生了不同的选择器 元素选择器 Div{ background-color:red} 2．id选择器 根据元素的ID属性来选择
2020-08-28 20:12:52
74
原创 css笔记3
3.选择器3.1元素选择器用标签名来作为选择器，选中所有相应的元素3.2类选择器根据class的属性来选择元素，样式定义为： .className{ xxxxxxx}3.3 ID选择器根据id名来选择元素，样式定义为： #idName{xxxxxxxxx}![在这里插入图片描述](https://img-blog.csdnimg.cn/20200827144600395.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVp
2020-08-27 14:46:59
101
原创 2020-08-26
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） HIS：用色调，饱和度，和透明度三个分量来表示颜色（6） HSLA：在HSL的基础上又添加了表示透明度的的Alpha代码实现：<p style="color: blue;">
2020-08-26 15:01:13
91
原创 2020-08-25
Css的基本概念Cascading style sheet 层叠样式选择器标签：p，div…之类的标签 使用方式：直接输入标签名类（class）：class名字 使用方式：输入点+class名Id：id名 使用方式：输入#+id名一般来说我们写css文件的时候用的都是第二种选择器，class名这是因为id名一般被用作js的选择器给class命令也是有规范的，像xxx-xxxx这样三种链接样式行内样式（内嵌样式）<h1 style="c
2020-08-25 15:23:20
68
原创 2020-08-24
Table和div表格的组成部分：标题 表头 主体 表尾table 定义一个表格caption 定义表格的标题thead 定义表头的部分tbody 定义表格的主体（数据）部分tfoot 定义表尾 ，一般来显示汇总信息tr 定义一行th td 来定义数据项（单元格） th一般用于表头，有加粗的样式。 td 一般用于主体部分，没有加粗的样式td rowspan 和 colspan 分别定义了单元格跨行的行数，跨列的列数cellspacing= 间距cellpadding
2020-08-24 16:37:43
51
原创 2020-08-23
基本标签1、标题标签 h1~h6H1~h6 越来越小 只有一个h12、段落标签 p一段一段的时候使用 <h3>我是标题</h3> <p>我是段落1</p> <p>我是段落2</p> <p>我是段落3</p> <p>我是段落4</p>3、超链接标签 a网页间跳转<a href="#yemianei">回到头部</a
2020-08-23 17:46:14
141
1
原创 2020-08-23
有些标签＜button ＜/button＞由2部分组成，＜input＞只有一部分组成。标题分类:单标签和双标签一句话概括主题：具有HTML 4.01规范的Forms部分指名表单有以下几种控制类型：buttons, checkboxes, radio buttons,menus, text input, file select, hidden controls, object controls.其中除了buttons/menus/object controls之外，都是由完成。我这里说的是和。和规
2020-08-23 16:57:26
85
原创 2020-08-23
GET和POST的区别1 前言 最近看了一些同学的面经，发现无论什么技术岗位，还是会问到 get 和 post 的区别，而搜索出来的答案并不能让我们装得一手好逼，那就让我们从 HTTP 报文的角度来撸一波，从而搞明白他们的区别。2 标准答案3 GET 和 POST 报文上的区别先下结论，GET 和 POST 方法没有实质区别，只是报文格式不同。GET 和 POST 只是 HTTP 协议中两种请求方式，而 HTTP 协议是基于 TCP/IP 的应用层协议，无论 GET 还是 POST，用的都是同
2020-08-23 16:54:14
122
原创 2020-08-23
有些内容接着之前的内容后面，有些内容在新的一行（上一行没有显示完） 标题类型根据显示方式分类：行内，行内块，块级一、块级元素每一个块级元素都会独占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。常见的块级元素有< h1>…< h6>、< p>、< div>、< ol>、< li>等，其中div标签是最典型的元素。如：< body>< div>123</ di
2020-08-23 16:52:52
322
原创 HTML基本结构
HTML基础知识web基本概念web: 网页、公众号、动画h5：html5URL:就是一个地址，网络资源的ID（地址）服务器：一个性能比较高（内存大、运行速度快）的电脑，安装了提供服务的软件（apache、Tomcat、IIS、Nginx）云服务：阿里云、腾讯云、百度云、华为云有专门的团队提供维护工作浏览器：能帮我们打开网页，Google Chrome、IE、火狐、欧朋、safari（苹果）标记语言用各种标签将 相关信息或者关键字 包裹起来，方便搜索引擎的抓取HTML就是一种标
2020-08-22 16:19:52
168
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人