- 博客(31)
- 收藏
- 关注
RSS订阅原创 移动端网页设计基础之Viewport的概念与Rem是什么
在PC端，屏幕1200两端留白在PE端就不行，首先它没有1200px那么大的宽度，其次不能留白，很丑就需要在手机屏幕上铺满内容Viewport在移动设备上进行网页的重构或者开发，首先我们就要搞明白viewport，只有弄明白viewport概念以及与其相关的meta标签的使用，才能更好的让我们的网页适配或者响应不同分辨率的移动设备一． Viewport的概念设备屏幕上能用来显示我们网页的那一块区域获取视口大小：document.documentElement.clientWidth移动设备上
2020-10-14 20:46:20
284
原创 jQuery——什么是Ajax、Load（）方法
什么是AjaxAJAX=异步处理javascript和XML（Asynchronous JavaScript and XML）.在不重新加载网页的情况下，AJAX通过在后台加载数据，并且在网页上显示Load（）方法语法:$(选择器).load(url,data,callback)url : 见上文（必须写）data : 见上文（可不写）callback : 当load（）方法完成后所执行的函数名称（可不写）callback参数：（1） responseTxt ：调用成功后...
2020-10-06 15:14:32
154
原创 jQuery的各种属性运用——Val() 、属性attr、元素的添加after(后)与before(前)、元素的删除、操作CSS类、导航、Ajax
Val()获取或者设置value值属性attr获取或更改元素的属性值元素的添加(1) 在元素最后面添加(2) 在元素最前面添加**after(后)与before(前)**After添加会在元素后面添加，不会成为其子元素Before相反元素的删除Remove和empty区别: remove 是删除了内容与格式，即全部删除，empty 仅仅清除内容，格式还在Remove过滤删除在p标签中删除所有class=px的元素($(’ p’ ).remove(".px")???
2020-10-05 15:12:54
400
1
原创 jQuery：常用的jQuery事件方法
常用的jQuery事件方法(1) $(document).ready()(document).ready()允许我们在文档完全加载完后执行函数等价于(document).ready()允许我们在文档完全加载完后执行函数等价于(document).ready()允许我们在文档完全加载完后执行函数等价于(function(){})(2) click()Click()方法当按钮点击事件被触发的时候会调用一个函数该函数在用户点击HTML元素的时候执行(3) blur()失去焦点时触发，一般input
2020-09-30 15:17:48
148
原创 什么是jQuery？ jQuery的基本概念
jQuery1 基础知识1.1基本概念jQuery是JS库，能够帮助我们轻松实现一些原本比较麻烦的功能jQuery每个版本分两个小版本：压缩版与未压缩版，压缩版文件较小，但是没有排版和注释不便于阅读；未压缩版文件较大，有排版和注释，便于阅读jQuery实际上就是一个js文件，加载到页面就可以直接使用。也可以通过CDN（ContentDistrubute Net）来引用jquery1.2基本语法$（选择器）.action();$：定义了这是一个Jquery的代码选择器：按照一定规则选择
2020-09-29 19:12:20
1172
原创 JavaScript基础——cookie组成与计时事件
cookie组成：键值对的形式username=asdasd pwd=123456 phone=6863087有效期：expires=今天以后的时间存储cookie按照cookie的形式写好一个字符串，然后把它复制给document.cookie 浏览器就会缓存这个cookie，可以存储多个键值对，但是键的名字不能重复 获取cookie通过document.cookie就能得到浏览器之前存储的cookie，是一个字符串，将这个字符串解析，就能得到自己想要的内容清除cookie将存储的coo
2020-09-21 15:07:38
99
原创 JavaScript基础——弹窗与cookie
弹窗Alert（）：警告提示框，也是window下的方法(window.alert())，window可以省略不写Prompt（“请输入内容”，“默认值”）信息提示输入框，也是window下的方法，window也可以省略不写，当我们点击确定时，才会把值返回，否则为空Confirm（“提示的信息”）确认框，也是window下的方法，window也可以省略不写当点击确定的时候，返回true，如果点取消，返回falsecookieCookie的作用：在本地浏览器储存数据，经常用于记住账号等等C
2020-09-18 15:03:59
933
原创 JavaScript基础——BOM常用对象
BOM常用对象BOM概念browser object model常用对象Window：窗口，浏览器的窗口我们定义的全局变量和全局函数都是window对象的属性和方法全局变量是window的属性。全局函数是window的方法：Window.innerWidthWindow.innerHeight常用的方法：Open：打开一个新的窗口，要传三个参数；第一个为将要打开的窗口路径第二个：打开的方式 ； 第三个为对于新打开浏览器的描述（宽，高等等）screen:屏幕 也是window下面
2020-09-18 14:56:56
95
原创 JavaScript基础——导航
导航Document是根节点parentNode:获取父节点childNodes：获取所有子节点firstChild：第一个子节点lastChild：获取最后一个子节点
2020-09-18 14:42:39
139
原创 JavaScript如何添加删除元素？
添加删除元素(1)createElement创建一个元素节点**createElement(“p”)**创建一个段落(2)createTextNode创建一个文本节点createTextNode(“文本内容”),创建一个值为“文本内容”的文本节点(3)appendChild 添加子节点(4)removeChild 删除子节点动态添加动态删除这种方法是分别找到父节点和要删除的节点，然后执行删除操作。这种方法有一个前提需要知道父节点是谁那么如果说不知道父节点是谁，该怎么删除呢？动态添加
2020-09-17 14:56:32
597
原创 JavaScript如何修改元素？
修改元素（1）修改内容（2）修改样式（1）修改内容通过innerText属性可读取或者设置标签的内部文本也可以通过innerHTML属性获取或者设置内部文本两者 的区别：innerHTML会按照html的规则来解析文本，而innerText只是当则普通的文本内容。如果非要用innerText来换行，使用文本换行符\n（2）修改样式A . xxx . style . yyyB . xxx . classname=”…………”（相当是修改了class属性）...
2020-09-17 14:50:28
401
原创 DOM概念与获取元素
DOM概念DOM（Document Object Model）:文档对象模型通过开发者工具可以看到整个文档是由一系列的节点对象组成的一棵树节点（Node）包括元素节点（1）、属性节点（2）、和文本节点（3）Th1代表一个元素节点（nodeType=1），nodeName是标签名（th）元素节点的nodeValue=nullgetAttributeNode方法是获取元素的属性节点，此时输出的节点类型是属性节点（2）节点名称就是属性名，节点值就是属性值Txt1是一个文本节点（3），节点名称
2020-09-17 14:41:55
179
原创 鼠标滚轮与控制键的键码值
（1）Onmousewheel:鼠标滚轮案例<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #div1{ width: 100px; height: 100px; background-color: yellowgreen; } &l
2020-09-16 15:30:27
1858
原创 什么是鼠标事件？
@事件事件源1.鼠标单击事件：onclick2.鼠标双击事件：ondblclick3.鼠标移入/离开（onmouseenter/onmouseleave）事件源1.鼠标单击事件：onclick<body> <p id="p1" onclick="fun()">单机事件测试</p></body><script type="text/javascript"> function fun(){ //获取指定元素 var p1
2020-09-14 19:23:34
676
原创 什么是数组的定义？
数组的定义形式：数组的概念：数组是存储同一种数据类型多个元素的集合。也可以看成是一个容器。数组既可以存储基本数据类型，也可以存储引用数据类型。数组的两种定义格式格式1：数据类型[]数组名; int[] array;格式2：数据类型 数组名[]; int arrat[];Java中的数组必须初始化，才能使用；所谓初始化：就是为数组中的数组元素分配内存空间，并为每个数组元素赋值（默认值）。数组的两种初始化方式：一种是动态初始化，初始化时只指定数组长度，由系统为数组分配初始值
2020-09-12 20:50:43
18605
1
原创 什么是数组？ 数组的概念
JavaScript之数组@ 数组数组的概念案例：计算方差数组数组的概念案列：计算五名同学这个程序非常简单，但是如果这段代码能够实现同样的功能，而且如果是100人的话秩序要把循环的条件改成i<100即可，整个程序的结构和代码量与人生的多少没有关系为什么没有关系呢，因为和循环结合了为什么和循环结合了呢因为我们把变量的表示方式改变了，改变成名称加序号的方式（a[0],a[1],a[2]……）这样的话序号就可以用循环来控制数组的定义与元素访问怎么写？定义数组有三种方式（
2020-09-11 14:48:04
523
原创 函数的组成 与参数传递 和变量作用域
**JavaScript笔记**@函数的组成参数传递变量作用域**函数的组成**（1） 函数名（2） 参数（3） 函数体：函数的功能，一般会有返回值，返回值就是结果案例：判断一个数是否为素数（函数方法）函数名：isPrime参数： n参数传递参数传递，就是将实参的值传给形参。通过调试我们可以看键，形参在函数被调用之前是不存在的，当函数被调用的那一刻起，实参被创建，并且传递给形参参数传递有两种方式：值传递与引用传递值传递A的值并没有显示预期中的
2020-09-10 15:06:46
232
原创 for循环 、循环辅助语句与函数的定义 、调用 和组成
JavaScript笔记4@ for循环循环辅助语句函数函数的定义函数的调用函数的组成for循环循环辅助语句break：跳出整个循环如果循环遇到break就不会循环了continue：仅仅跳出本次循环，下次循环接着走的每天都要吃饭，有一天生病了，那天就不想吃饭了，病好了就接着吃函数函数的概念isSXH给它一个数字，它可以立马告诉你是否为水仙花数它是怎么判断的？不用管，只要用在主程序中，我们一直调用isSXH就可以了函数给我们的思想，对一个规模大，难度高的问题提供一个
2020-09-09 20:30:43
245
原创 else if 语句 、Switch基本语法与 循环结构的基本概念 和套路
JavaScript笔记3@else if 语句Switch基本语法循环结构循环结构的基本概念循环的套路else if 语句案例：成绩评语输入一个零到一百的成绩90-100：666，真厉害80-90：还不错了70-80：还有很大的进步空间60-70：要小心，马上就快挂了<60：孩子多半是废了…Switch基本语法Switch：开关语法：在执行的过程中，a 的值与哪个分支后面的值一样就运行哪个分支的代码Case后面的值可以立即为标号（程序中指令的地址）如果运行
2020-09-07 17:44:37
244
原创 传值；流程控制 if语句、Switch语句；循环的应用
传值：把一个变量传递给另外一个变量Var 变量名=值；Var n=3；Var m=n；Var a={name:”张三”,age:24};Var b=a;1，赋值传值：两份数据，两份数据之间不会影响 2，引用传值：一份数据，任意一个改动值另外一个都会受到影响注意：在简单数据的传值中，都是赋值传值，而复杂数据都是引用传值流程控制 if语句：1，if语句：语法：if(条件){语句块} 执行：判断条件是否满足，如果条件满足就会执行语句块，如果条件不满足，就不会执行语句块的内容注意：
2020-09-05 20:42:25
148
原创 Javascript是什么，能干什么
Javascript是什么，能干什么一个网页的结构，是通过html决定的脑袋，手脚，身体Css决定了这个网页的样式是高还是矮，是胖还是瘦，是黑还是白这个网页的行为是通过JavaScript决定的走路，跑步，眨眼睛JavaScript的发展史它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实
2020-09-04 19:45:07
784
原创 web前端学习——基础知识7
3.8伪元素、伪类选择器伪类选择器：伪元素选择器：:frist-letter 选择文本的首字母:first-line 选择文本的首行:after 在元素前面添加内容:before 在元素后面添加内容3.9选择器总结什么是选择器？选择器：描述后面的样式施加到哪些目标，或者说根据某个依据来选择应用的样式根据选择依据的不同，就产生了不同的选择器1.元素选择器Div{background-color:red}2．id选择器根据元素的ID属性来选择.
2020-08-28 14:54:21
90
原创 web前端学习——基础知识6
选择器1.元素选择器用标签名来作为选择器，选中所有相应的元素2.类选择器根据class的属性来选择元素，样式定义为： .className{}3.ID选择器根据id名来选择元素，样式定义为：#idName{}4.属性选择器例：[title*=’d’]:选择title值中包含d的元素5.关系选择器E F ：选择E元素的后代元素F（所有后代，包括子类、孙类）E > F : 选择E元素的直接后代元素（也就是子类）E + F：选择E元素的第一个弟弟元素.
2020-08-27 15:03:02
73
原创 web前端学习——基础知识5
一、背景相关属性Background-color:背景颜色Background-image：背景图片Background-repeat：图片复制选项（repeat在水平，垂直两个方向上复制Repeat-x/y：（在水平/垂直方向上进行复制）no-repeat：（不复制）Background-position：图片位置 上top、下 bottom、左 left 、右 right简写：将所有元素放在一起有顺序要求：背景颜色>背景图片>重复方式>所在位置Backgrou.
2020-08-26 15:08:30
116
原创 web前端学习——基础知识4——CSS基础概念
CSS的基本概念Cascading Style Sheet层叠样式表选择器标签：<p> <div>…之类的标签 使用方式：直接输入标签名类（class）：class名字 使用方式：输入点+class名ID:ID名 使用方式：输入#+id名一般来说我们写CSS文件的时候用的都是第二种方法，class名这是因为ID名一般被用作JS的选择器给class命名也是有规范的.
2020-08-25 15:13:13
118
原创 web前端学习——基础知识3
table表格组成部分：标题 表头 主体 表尾table 定义一个表格caption 定义表格的标题thead 定义表头部分tbody 定义表格主体部分tfoot 定义表尾，一般来显示汇总信息tr 定义一行th、td 定义数据项（单元格）th一般用于表头，有加粗的样式；td 一般用于主体部分，没有加粗的样式td rowspan和colspan分别定义了单元格跨行的行数，跨列的列数cellspacing:表格之间的距离cellpadding:表格与数据间的距离table合并单元格
2020-08-24 18:21:25
95
原创 什么是行内元素、行内块、块级元素。它们有什么区别和特点
什么是行内元素、行内块、块级元素块级元素每个块级元素通常都会独占一行或者是多行，可以对其单独设置高度,宽度以及对齐等属性。常见的块级元素有：<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等 行内元素行内元素（内联元素）：不占有独立的区域，仅仅依靠自己的字体大小或者是图像大小来支撑结构。 一般不可以设置宽度，高度以及对齐等属性。 常见的行内元素有：<a >,<strong&
2020-08-23 20:32:56
13805
1
原创 HTML中单标签和双标签的分类有哪些
HTML中单标签和双标签的分类单标签：只有一个标签。双标签：有开始和结束标签HTML标签关系可以是嵌套关系，也可以是并列关系常见的单标签有 <hr /> <br /> <meta /> <img /> <link /> <input />常见的双标签有<html></html><head></head><title></title>&l
2020-08-23 20:25:45
2645
原创 web前端学习——基础知识2
基本标签一、标题标签h1标签定义最大的标题。h6标签定义最小的标题。h1-h6标签语义越来越轻。我是h1<h2>我是h2</h2><h3>我是h3</h3><h5>我是h4</h5><h5>我是h5</h5><h6>我是h6</h6>二、段落标签一段一段文字的时候使用<h3>登鹊鹤楼</h3><p>白日依山尽，</p>&
2020-08-23 17:02:27
365
原创 面试官面试中常问的问题：get和post的区别在哪
get和post是HTTP协议中最常用的两种传参方式，这里小小总结一下两者的区别，欢迎补充~！##1.Get是不安全的，因为在传输过程，数据被放在请求的URL中；Post的所有操作对用户来说都是不可见的。2. Get传送的数据量较小，这主要是因为受URL长度限制；Post传送的数据量较大，一般被默认为不受限制。3. Get限制Form表单的数据集的值必须为ASCII字符；而Post支持整个ISO10646字符集。4. Get执行效率却比Post方法好。**Get是form提交的默认方法。 收起.
2020-08-23 15:00:32
139
原创 Web前端学习——基础知识1
Web前端基础知识一、Web基本概念1.Web:网页、公众号、动画2.h5：html53.URL：就是一个地址，网络资源的ID（地址）4.服务器：一个性能比较高（内存大、运行速度快）的电脑，安装了提供服务的软件（apache、Tomcat、ISS、Nginx）5.云服务：阿里云、腾讯云、百度云、华为云有专门的团队提供维护工作6.浏览器：能帮我们打开网页，Google Chrome、IE、火狐、欧朋、safari(苹果)二、标记语言用各种标签将 相关信息或者关键字 包裹起来，方便搜索引擎的
2020-08-22 19:50:56
195
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人