- 博客(31)
- 收藏
- 关注
RSS订阅原创 移动端网页设计基础
移动端网页设计基础一.在PC端，屏幕1200两端留白二．Css中的1px不等于设备的1pxPx与rem的转换：一.在PC端，屏幕1200两端留白在PE端就不行，首先它没有1200px那么大的宽度，其次不能留白，很丑就需要在手机屏幕上铺满内容Viewport在移动设备上进行网页的重构或者开发，首先我们就要搞明白viewport，只有弄明白viewport概念以及与其相关的meta标签的使用，才能更好的让我们的网页适配或者响应不同分辨率的移动设备一．Viewport的概念设备屏幕上能用来显示我们网
2020-10-14 15:32:24
2276
原创 jQuery---捕获与设置
捕获与设置Text（）Html（）Val（）属性attr元素的添加元素的删除操作CSS类Text（）（1）捕获文本内容，等价于innerText（2）更改文本的内容Html（）（1）获取元素的内容，包括设置的样式（2）更改内容样式Val（）获取或者设置value值属性attr获取或更改元素的属性值元素的添加在元素最后面添加在元素最前面添加after(后)与before（前）After添加会在元素后面添加，不会成为其子元素Before相反元素的删除Remo
2020-10-06 15:16:05
954
原创 jQuery--效果与DOM
jQuery--效果与DOM1.常用的jQuery事件方法2.效果3.DOM1.常用的jQuery事件方法（1）$（document）.ready（document）.ready（）允许我们在文档完全加载完后执行函数等价于（document）.ready（）允许我们在文档完全加载完后执行函数等价于（document）.ready（）允许我们在文档完全加载完后执行函数等价于function（）{}（2）click（）Click（）方法当按钮点击事件被触发的时候回调用一个函数该函数在用户点击HTM
2020-09-30 13:44:24
218
原创 jQuery的基础知识----firstday
jQuery1.基础知识2.选择器3.事件1.基础知识jQuery是js的库，能够帮助我们轻松实现一些原本比较麻烦的功能jQuery每个版本分为两个小版本:压缩版与未压缩版，压缩版文件较小，但是没有排版和注释，不便于阅；未压缩版文件较大，有排版和注释，便于阅读jQuery实际上也就是一个js’文件，加载到页面就可以直接使用。也可以通过CDN（Content Distrubute Net）来引用jQuery$（选择器）action（）$定义了这是一个jQuery·的代码选择器：按照一定规则选
2020-09-29 14:56:17
220
原创 JavaScript之贪吃蛇案例
贪吃蛇小游戏设计方案(1)蛇对象的分析设计(2)食物对象的分析和设计(3)网格对象的分析和设计(4)游戏对象的分析和设计系统实现（1）创建工程（2）实现方法（2.1）蛇的初始化（init）（2.2）蛇的绘制面向对象对象：万物皆对象，我们看到的任何的东西都可以理解成对象对象包含什么：属性 方法比如：student（学生）学生的属性有什么：姓名，学号，成绩学生的方法有什么：学习，打球，打游戏属性是静态的，方法是动态的 在程序里面怎么表示一个对象系统分析设计对游戏进行抽象，也可以叫建模
2020-09-22 14:16:58
391
原创 JavaScript之cookie
JavaScript之cookie1.cookie2.计时事件1.cookieCookie的作用：在本地浏览器储存数据，经常用于记住账号等等Cookie组成：键值对的形式Username=asdasd pwd=123456 phone=13512633908有效期：expires=今天以后的时间存储cookie按照cookie的形式写好一个字符串，然后把它赋值给document.cookie，浏览器就会缓存这个cookie，可以存储多个键值对，但是键的名字不能重复获取cookie：
2020-09-21 14:32:15
154
原创 JavaScript之导航、常用对象与弹窗
JavaScript之导航、常用对象与弹窗1.导航2.常用对象3.弹窗cookie1.导航Document是根节点parentNode:获取父节点childNodes：获取所有子节点firstChild：第一个子节点lastChild：获取最后一个子节点2.常用对象Window：窗口，浏览器的窗口我们定义的全局变量和全局函数都是window对象的属性和方法全局变量是window的属性。全局函数是window的方法：Window.innerWidthWindow.innerHei
2020-09-18 14:36:26
183
原创 JavaScript之元素的动态增加与删除
JavaScript之元素的动态增加与删除1 .DOM概念2 .修改元素3. 添加删除元素1 .DOM概念DOM（Document Object Model）:文档对象模型通过开发者工具可以看到整个文档是由一系列的节点对象组成的一棵树节点（Node）包括元素节点（1）、属性节点（2）、和文本节点（3）Th1代表一个元素节点（nodeType=1），nodeName是标签名（th）元素节点的nodeValue=null（1）getAttributeNode方法是获取元素的属性节点，此时输
2020-09-17 14:34:34
619
原创 JavaScript之鼠标案例
JavaScript之鼠标案例（1）Onmousewheel:鼠标滚轮案例（2）控制键的键码值案例（3）图片的移动（4）事件注册（1）Onmousewheel:鼠标滚轮案例<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #div1{ width: 100px
2020-09-16 15:00:48
225
原创 JavaScript之鼠标单击事件
事件事件源1.鼠标单击事件：onclick2.鼠标双击事件：ondblclick3.鼠标移入/离开（onmouseenter/onmouseleave）事件源1.鼠标单击事件：onclick <body> <p id="p1" onclick="fun()">单机事件测试</p> </body> <script type="text/javascript"> function fun(){ //获取指定元素 var p
2020-09-14 14:38:59
1297
原创 数组的常用属性与方法
数组的常用属性与方法（1）unshift与`Shift：（2）indexOf与lastindexOf（3）push与pop（4）slice（5）splice（6）reverse数组遍历案例：查找一组元素中的下标：案例：描述：有三个班级，每个班级十人，输出各班的平均分和优秀班级是哪个班？数组的属性：Length：1.告诉我们数组的长度：数组名.length2.通过该属性可以改变数组的长度数组的常用方法（1）unshift与`Shift：unshift：在数组的头部添加元素，返回值返回的是新数组
2020-09-12 14:17:44
1933
原创 JavaScript之数组，用数组计算方差
JavaScript之数组数组数组的概念案例：计算方差数组数组的概念案列：计算五名同学这个程序非常简单，但是如果这段代码能够实现同样的功能，而且如果是100人的话秩序要把循环的条件改成i<100即可，整个程序的结构和代码量与人生的多少没有关系为什么没有关系呢，因为和循环结合了为什么和循环结合了呢因为我们把变量的表示方式改变了，改变成名称加序号的方式（a[0],a[1],a[2]……）这样的话序号就可以用循环来控制数组的定义与元素访问怎么写？定义数组有三种方式（1）var
2020-09-11 14:16:58
380
原创 JavaScript（用函数方法）验证哥德巴赫猜想
案列：验证哥德巴赫猜想（函数方法）var flag = true;//假设哥德巴赫猜想成立 for (var n = 6;n<=10000;n+=2){ if(!canSplit(n)){ flag = false; } } if (flag){ alert ("哥德巴赫猜想成立"); }else{ alert ("哥德巴赫猜想不成立"); } function canSplit(n){ for (var a = 1;a<n;a++){ if (is
2020-09-11 14:12:19
368
原创 JavaScript----参数的传递
参数的传递1.参数传递2.变量作用域全局变量冲突处理：就近原则1.参数传递定义：就是将实参的值传给形参。通过调试我们可以看键，形参在函数被调用之前是不存在的，当函数被调用的那一刻起，实参被创建，并且传递给形参参数传递有两种方式：值传递与引用传递值传递A的值并没有显示预期中的6，还是5，这是因为形参x与实参a是两个不同的变量，x的变化与a没有任何的关系引用传递a.value没有被显示修改，但是a.value确实加了1，因为x就是a，或者说x是a的别名 专业一点就叫引用常规类型的参
2020-09-10 14:38:24
181
原创 2020-09-09
循环辅助语句break：跳出整个循环如果循环遇到break就不会循环了continue：仅仅跳出本次循环，下次循环接着走的每天都要吃饭，有一天生病了，那天就不想吃饭了，病好了就接着吃。函数函数的概念isSXH给它一个数字，它可以立马告诉你是否为水仙花数它是怎么判断的？不用管，只要用在主程序中，我们一直调用isSXH就可以了函数给我们的思想，对一个规模大，难度高的问题提供一个解决问题的思路，将问题拆分，分解规模小，难度小的问题，如果说，分解之后问题依然很难，那么接着分解，知道最后的问
2020-09-09 19:21:11
162
原创 JavaScript之循环类型题目
一、讨厌的数字3要求：输出不含3的三位数，还不能是3的倍数，例如143的个位是3不可以，141是3的倍数也不可以。<script type="text/javascript"> var i = 100; while(i<=999){ var b100=Math.floor(i/100); var b10=Math.floor((i%100)/10); var b=Math.floor(i%10); if(b100!=3 && b10
2020-09-08 14:03:24
587
原创 Day3--选择结构与案例
Day3--选择结构与案例选择结构基本if语法If语句嵌套Else ifSwitchSwitch基本语法Switch的好处：循环结构循环结构的基本概念While循环循环的套路`Do…while`循环选择结构程序中有三大结构，顺序，选择，循环顺序：代码从上到下一行一行的执行选择：代码有分支，有选择的循环：重复执行某一段代码为什么需要选择结构？刚刚的计算三角形面积的案例，如果说，当输入的三条边 不能构成三角形时，就不能使用公式计算 在生活中，也有很多的选择 比如说明天放假，有对象的和对象出去
2020-09-07 14:40:41
652
原创 Day2--JavaScript学习------条件与循环
JavaScript基础学习1.传值：把一个变量传递给另外一个变量2.流程控制值if语句：1，if语句：2，if，else语句：3，if，elseif，elseif语句4 if，elseif，elseif，else语句3.Switch语句：循环：While循环dowhile循环for循环For循环的嵌套1.传值：把一个变量传递给另外一个变量Var 变量名=值；Var n=3；Var m=n；Var a={name:”张三”,age:24};Var b=a;1， 赋值传值：两份数据，两份数据之
2020-09-05 15:02:59
239
1
原创 Day1--JavaScript基础学习
Day1--JavaScript基础学习What is JavaScript？JavaScript的使用方式一：内部引用方式二：外部引用变量变量的命名数据类型字符串string数字number布尔类型Boolean未定义undefined对象object如何访问对象：注释：方式一：单行注释方式二：多行注释运算符算数运算符赋值运算符复合运算符关系运算符逻辑运算符三元运算符What is JavaScript？一个网页的结构，是通过HTML决定的CSS决定了这个网页的样式这个网页的行为是通过JavaSc
2020-09-04 15:11:08
566
原创 计算一个三位数每个位数的和
计算一个三位数每个位数的和 var a = prompt("请输入一个三位数")效果如下var f = Math.floor(e)向下取整4.99=4<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> var
2020-09-04 14:17:23
951
原创 Day-07伪类选择器和布局
文章目录一、伪类、伪元素选择器1. 伪类选择器： 伪类名 描述2.伪元素选择器3.选择器总结1.元素选择器2.id选择器3.类选择器4.属性选择器5.关系选择器：6.伪类、伪元素选择器二·布局1 文档流2. 定位3.relative 相对定位4.absolute 绝对定位5.fixed固定定位一、伪类、伪元素选择器1. 伪类选择器： 伪类名 描述:active 选择激活的元素:focus 选择有输入焦点的元素:hover 选择鼠标悬停在上方的元素:link 选择未访问的链接:visited 选
2020-08-28 15:09:10
297
原创 Day06-Css选择器（上）
Day06-前端学习选择器文章目录Day06-前端学习选择器元素选择器类选择器ID选择器属性选择器关系选择器并选择器案例：通配符选择器元素选择器用标签名作为选择器，选中所有相应的元素类选择器根据class的属性来选择元素，样式定义为：.classname { }ID选择器根据id名来选择元素，样式定义为：#idname{ }属性选择器选择器 描述[attribute]选取带有指定属性的元素。12456[attribute=value] 选取带有指定属性和值的元素。6[attri
2020-08-27 14:15:09
206
原创 Day5-CSS的相关属性
文章目录一、背景相关属性二、尺寸相关属性三、显示相关属性四、盒子模型1.margin:外边距2.padding:内边距3.border:边框4.outline：轮廓线一、背景相关属性Background-color:背景颜色 ；Background-image：背景图片。Background-repeat：图片复制选项（repeat在水平，垂直两个方向上复制Repeat-x/y：在水平/垂直方向上进行复制）（no-repeat：不复制） Background-position：图片位置 上to
2020-08-26 14:55:56
253
原创 Day4-CSS的基本概念
文章目录CSS基本概念：一、选择器二、 三种连接样式1.行内样式（内嵌样式）:2.内联样式：3.外部样式（外联样式）：三、字体相关属性CSS基本概念：1.CSS（Cascading Style Sheet） 层叠样式表一、选择器1.标签：`<p><div>`…之类的标签 使用方式：直接输入标签名2.类（class）：class名字 使用方式：输入点+class名3.ID：（ID）名 使用方式：输入#+id名一般来说我们写css文件的时候用的是第二种选择器，cla
2020-08-25 14:48:53
940
原创 对于Chrome无法运行问题,以下为解决方法？
对于Chrome无法运行问题,以下为解决方法。找到Chrome的快捷方式，右键属性 找到目标配置HBuilderX保存。
2020-08-24 15:28:28
1428
原创 Day3-前端学习
Table表格和div布局表格组成部分：标题 表头 主体 表尾table 定义一个表格caption 定义表格的标题thead 定义表头部分tbody 定义表格主体部分tfoot 定义表尾，一般来显示汇总信息tr 定义一行th、td 定义数据项（单元格）th一般用于表头，有加粗的样式；td 一般用于主体部分，没有加粗的样式td rowspan和colspan分别定义了单元格跨行的行数，跨列的列数cellspacing:表格之间的距离cellpadding:表格与数据间的距离di
2020-08-24 15:20:28
476
原创 HTML中单标签与双标签的区别
HTML中单标签与双标签1.HTML标签分为双标签和单标签单标签就是有一个标签<br>组成的。双标签就是有开始标签和结束标签两个部分组成。单标签就是由一个标签组成；双标签就是由2个标签组成，最后一个标签要添加“/”符号，如<P><P/>注意：**HTML标签关系可以是嵌套关系，也可以是并列关系**...
2020-08-23 16:53:23
2322
原创 表格的形式来区分：行内元素、行内块、块级元素的区别
## 行内元素、行内块、块级元素的区别？1.块级元素列表每个块级元素通常都会独占一行或者是多行，可以对其单独设置高度,宽度以及对齐等属性。**2.行内元素列表不占有独立的区域，仅仅依靠自己的字体大小或者是图像大小来支撑结构。3.可变元素素列表–可变元素为根据上下文语境决定该元素为块元素或者内联元素4行内块级元素1.行内块级元素，它既具有块级元素的特点，也有行内元素的特点，它可以自由设置元宽度和高度，2.也可以在一行中放置多个行内块级元素。比如input、img就是行内块级元素，它可以设置
2020-08-23 16:33:51
1757
原创 面对面试官的问题，准确回答GET和POST的区别
面对面试官的问题，准确回答GET和POST的区别1. 前言最近了解了一些同学的求职问题，发现无论什么技术岗位，还是会问到 get 和 post 的区别？2. 标准答案点开此处更清晰在这里插入图片描述注意，并不是说标准答案有误，上述区别在大部分浏览器上是存在的，因为这些浏览器实现了 HTTP 标准。所以从标准上来看，GET 和 POST 的区别如下：GET 用于获取信息，是无副作用的，是幂等的，且可缓存POST 用于修改服务器上的数据，有副作用，非幂等，不可缓存3.文字答案4. 常见问题
2020-08-23 16:06:25
512
原创 Day2前端基础学习
<dl></dl> 里面只能包含 <dt> 和 <dd>。2. <dt> 和 <dd>个数没有限制，经常是一个<dt> 对应多个<dd>。
2020-08-23 15:20:34
1469
8
原创 Day1-前端概念基础
WEB前端基础第一天-01Day一、Web基本概念1.Web：网页、公众号、动画2.H5：html53.URL：网络资源的地址4.服务器：一个性能比较高（内存大、运行速度快）的电脑，安装了提供服务的软件（Apache，tomcat，ISS，Nginx）5.云服务器：如 阿里云、腾讯云、百度云、华为云有专门的团队提供维护工作6.浏览器：能帮我们打开网页，如 Google Chrome、IE、火狐2. HTML 基本结构标签每个网页都会有一个基本的结构标签（也称为骨架标签），页面内容也是在这
2020-08-22 15:33:08
733
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人