![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 55
opo77_
这个作者很懒,什么都没留下…
展开
-
Ajax
Ajax介绍如何从后台获取数据?网页购买课程的数据交换,主要是用Ajax发送请求。Ajax最大的优点就是可以在不重新载入整个页面的情况下,更新局部数据。GET POST两大参数值。get的效率高、安全性低、传输数据量小,POST效率低、安全性高、传输数据量大(1k以内)上面的图片中有几个低级错误,不多赘述(太困了),缺少、()缺少以及.写成,的问题Ajax使用<!DOCTYPE html><html lang="en"><head> <meta原创 2021-03-25 10:27:41 · 113 阅读 · 0 评论 -
JSON
JSON是一种轻量级的数据交换格式,是用来进行数据交换的格式之一。JSON时JavaScript Object Notation的缩写。JSONJSON值的组成{“string”:"string, —字符串“number”:2, —数值“boolean”:true, —布尔值“array”:[123,“string”,""], —数组“object”:{ -----对象“name原创 2020-10-17 15:49:27 · 129 阅读 · 0 评论 -
jQuery获取表单值及几个表单事件
获取表单值.val()方法,主要用于input,select和textarea标签元素它可以获取匹配元素中的第一个元素的值,如果加上参数,可以设置所有元素的值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <原创 2020-10-17 15:15:15 · 306 阅读 · 0 评论 -
jQuery筛选元素,按顺序查找元素,表单元素的选取
筛选元素之前的筛选父元素,子元素,兄弟元素都是基于标签之间的关系来选择的。这里说的是根据元素自身的属性等来筛选元素。.filter()方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原创 2020-10-13 16:09:45 · 361 阅读 · 0 评论 -
jQuery滑动特效,自定义特效,名单小项目
滑动特效项目 | Value-------- | -----电脑 | $1600手机 | $12导管 | $1滑动特效.slideUp()如果元素已经显示出来的话,通过使用滑动效果,隐藏被选元素.slideDown()通过使用滑动效果,先是被隐藏的被选元素.slideToggle()通过使用滑动效果来切换元素的可见状态.slideUp()括号里也可以写数字,表示效果持续时间如果元素是显示的状态,这个方法会隐藏元素,用滑动的方式。&l原创 2020-10-12 17:01:40 · 119 阅读 · 0 评论 -
jQuery.each()循环及隐藏显示和淡入淡出特效
循环利用循环方法遍历匹配结果集中的所有元素。.each()方法两种用法1.获取结果集中每个元素的信息2.在每个选中元素上执行一系列操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原创 2020-10-12 15:20:27 · 889 阅读 · 0 评论 -
jQuery获取和设置css属性&&每日清单小项目
获取和设置css属性.css()方法jQuery用来获取和设置css属性值的方法方法:在小括号里指定需要获取哪个属性如果匹配结果集包含多个元素,这个方法会返回第一个元素的值。获取第一个ID的文本颜色属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init原创 2020-10-11 16:15:49 · 318 阅读 · 2 评论 -
jQuery获取和设置属性值
获取和设置属性值jQuery3.html四种方法:.attr()方法attribute用于读取或是设置指定的属性读取第一个元素的ID<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g原创 2020-10-11 14:55:46 · 570 阅读 · 0 评论 -
JQuery插入元素
插入元素有时我们会把jQuery选取的结果保存在变量中像这样:item=item=item=(“li”)因为我们有时候会多次使用一个选取结果,如果每次都重新选取,消耗电脑性能。,所以一般将选取的结果保存在变量中。插入元素的两个步骤:第一,将新元素创建为jQuery对象第二,使用一个方法将新内容插入到页面中。举例:创建一个变量$fragment,其中保存了一个jQuery对象,他是空的li元素。var $fragment=$('<li>');用变量保存一个jQuery对象,它带有原创 2020-10-11 14:18:28 · 245 阅读 · 2 评论 -
JQuery获取元素内容,更新元素内容
获取元素内容.html() &&.text()方法.html()方法返回HTML源代码,但只返回第一个匹配的元素内部的HTML,包括他所有的后代元素。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2020-10-11 13:39:52 · 695 阅读 · 0 评论 -
校内web课程练习
最近web校内学习完成的作业页面效果图:![在这里插入图片描述](https://img-blog.csdnimg.cn/2020100412353080.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L29wbzc3Xw==,size_16,color_FFFFFF,t_70#pic_cente这个月要忙教资了...原创 2020-10-08 18:58:22 · 132 阅读 · 0 评论 -
TypeScript菜鸟之路
前言首先安装node.js在官网上直接安装就好了,然后我对于配置环境一无所知还好我的小姐妹,哦不,还好我那孝顺的大儿子给他爸爸我送来了链接。如下:*http://ldc2.layabox.com/doc/?language=zh&nav=zh-ts-1-0-0*就是这个神仙写的链接拯救了我,写的特别好我都能看懂,他可真好。因为学语言我很难看得进去视频,所以找了另一位神仙写的文...原创 2020-10-04 12:15:38 · 161 阅读 · 0 评论 -
jQuery鼠标事件及小实践
jQuery之鼠标事件1. .on()方法使用选择器创建jQuery的选取结果使用.on()方法来指定要响应哪个事件click<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&原创 2020-09-25 20:44:57 · 123 阅读 · 0 评论 -
JQuery基础知识及DOM树四种方法
JQuery用过更加快速,便捷的方法实现常见的JavaScript任务。使用CSS样式选择器来获取元素document.getElementById(“hot”);可替代为$("#hot")用一行代码就能实现网页页面的更新,隐藏,显示元素等功能document.getElementById(“ele”).doSomething();document.getElementById(“ele”).doOtherthing();可替代为$("#ele").doSomething().doOthert原创 2020-09-25 19:29:21 · 292 阅读 · 0 评论 -
js的任务队列和事件处理机制;回调地狱;cookie,token,session的区别;跨域问题的解决方法
1.js中的任务队列和事件处理机制任务队列也有时称叫消息队列、回调队列。Js是单线程,任务执行时分为同步任务和异步任务。同步任务就是一个任务执行完了再去执行下一个,异步任务就是主线程发出异步请求,工作线程告诉主线程说哦,我收到了,主线程就去继续执行后边的代码,这个时候工作线程执行任务,完成任务了就把完成的这个信息放到消息队列,主线程到时候就去取这个消息任务队列:不同的异步分成两列 宏任务和微任务异步操作会将相关回调添加到任务队列中。而不同的异步操作添加到任务队列的时机也不同,如onclick, se原创 2020-05-18 20:23:22 · 326 阅读 · 0 评论 -
JavaScript的引用以及获取HTML元素
那就看看我一开始弄了个神马东西吧。<html><head> <meta charset="UTF-8"> <title>为什么学习JavaScript</title></head><body> <script src="JS1.js"> </scrip...原创 2020-04-27 15:14:07 · 613 阅读 · 0 评论 -
CSS基础网页编辑
CSS8:<style> .article, .aside { float: left } .article { width: 40%; background: black; height: 900px; color: white; } ...原创 2020-04-26 19:43:45 · 115 阅读 · 0 评论 -
CSS鼠标悬停时颜色的编辑等
CSS5<style> ul { list-style-type: square; /* 无序列表,前面是方形的 */ }</style><ul> <li>Eat</li> <li>Pray</li> <li>Love<...原创 2020-04-26 19:06:15 · 319 阅读 · 0 评论 -
CSS浮动,平铺,鼠标状态
CSS6:<p>请把鼠标移动到单词上,可以看到鼠标指针发生变化:</p><p style="cursor: default">default</p><p style="cursor:auto">auto</p><p style="cursor: pointer">pointer</p><...原创 2020-04-26 19:33:19 · 165 阅读 · 0 评论 -
CSS盒子
CSS1<p style="font-size: 16px;text-decoration: line-through">啦啦啦</p><p style="font-size: 100%;text-decoration: overline">啦啦啦</p><p style="font-size: 300%;font-weight: 90...原创 2020-04-26 18:30:57 · 160 阅读 · 0 评论 -
HTML表单下拉框等的应用
HTML4<table> <tr> <td>20</td> <td>19</td> <td>18</td> </tr> <tr> <td>17</td> ...原创 2020-04-26 17:15:09 · 249 阅读 · 0 评论 -
HTML基础插入视频等标签的使用
HTML1<body><!-- 主体 --><h1>小狗Turisa的太空空间站</h1><!-- 标题 --><hr/><!-- 水平线horizontal --><p>你好,我是一只名叫<i>Turisa</i>的小狗,我来自<i>狗狗星球</...原创 2020-04-26 17:01:38 · 788 阅读 · 0 评论 -
原型链,闭包,new操作符创建一个对象时做了什么,call和apply和bind 原型链是什么?
原型链,闭包,new操作符创建一个对象时做了什么,call和apply和bind 原型链是什么?原型链是什么?此时在控制台下可以找到这个对象的原型(就是这个对象的爹)对象很弱,但是他爹厉害了,这里的concat实际是他爹的功能,他可以拿来用。往下再看他的父亲还有一个__proto__就是他的爷爷,他的爷爷也有一些功能,从他到他爹到他爷爷就是一条原型链一个普通的对象他只有个爹,object.getprototypeof(获取指定对象的原型对象)就是判断他俩是不是一个爹,经判断这两个对象即hd和xj他原创 2020-05-18 20:30:27 · 183 阅读 · 0 评论 -
Ajax,Dom概念的理解;promise,Generator,async/await的使用
1.Ajax是什么?一种局部刷新页面的技术。全称是AsynchronousJavascript+XML。异步传输+js+xml2.Dom文档对象类型,把HTML文档中的节点全部视为一个个的对象,然后这些对象依照层级关系形成一棵树,这棵树就命名为DOM树3.promise使用简单说就是一个容器,里面保存着某个未来才回结束的事件(通常是一个异步操作)的结果Promise有三种状态.pending(进行中)、fulfilled(已成功)和rejected(已失败)。只有异步操作的结果,可以决定当前原创 2020-05-18 20:25:55 · 177 阅读 · 0 评论 -
es6学习笔记四
es6es6阮一峰学习笔记(以下)函数的扩展函数参数的默认值rest 参数严格模式name 属性箭头函数尾调用优化函数参数的尾逗号Function.prototype.toString()catch 命令的参数省略函数参数的默认值ES6 允许为函数的参数设置默认值,即直接写在参数定义的后面。function log(x, y = 'World') { console.log(x, y);}log('Hello') // Hello Worldlog('Hello原创 2020-05-18 20:19:26 · 139 阅读 · 0 评论 -
es6学习笔记三
es6es6阮一峰学习笔记(以下):字符串的新增方法String.fromCodePoint()String.raw()实例方法:codePointAt()实例方法:normalize()实例方法:includes(), startsWith(), endsWith()实例方法:repeat()实例方法:padStart(),padEnd()实例方法:trimStart(),trimEnd()实例方法:matchAll()1. String.fromCodePoint()E原创 2020-05-18 19:45:47 · 224 阅读 · 0 评论 -
es6学习笔记二
es6es6阮一峰学习笔记(以下)变量的解构赋值数组的解构赋值对象的解构赋值字符串的解构赋值数值和布尔值的解构赋值函数参数的解构赋值圆括号问题用途1 数组的解构赋值ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构let [foo, [[bar], baz]] = [1, [[2], 3]];foo // 1bar // 2baz // 3let [ , , third] = ["foo", "bar", "baz"];third //原创 2020-05-18 18:54:48 · 149 阅读 · 0 评论 -
es6学习笔记一
es6ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。Node.js 是 JavaScript 的服务器运行环境(runtime)。使用下面的命令,可以查看 Node.js 默认没有打开的 ES6 实验性语法。// Linux & Mac$ node --v8-options | grep harmony//原创 2020-05-18 16:20:02 · 145 阅读 · 0 评论 -
JS小计
JS 小计认识字符串document.write(“1”+3)输出结果13document.write(5+5);输出结果10拼接字符串"+"document.write("My mom told me"+"<br> "+"I need to eat more vagetables");字符串变量var year="2018";var month="July";do...原创 2020-05-03 20:46:12 · 192 阅读 · 0 评论 -
JS&HTML&CSS实现简易的计算器
没有标题原创 2020-04-29 16:33:00 · 193 阅读 · 0 评论 -
JavaScript onmousemove,onmouseout,onload以及简易计算器的实现
鼠标事件之onmousemove,onmouseout事件1.鼠标移动到图片上时,图片会放大,鼠标离开,图片恢复原始大小onmouseoveronmouseout<html><head> <meta charset="UTF-8"> <title>为什么学习JavaScript</title></hea...原创 2020-04-28 21:17:15 · 132 阅读 · 0 评论 -
JavaScript OnClick事件以及事件绑定方法
事件之鼠标点击事件事件说明onclick鼠标点击事件onmouseover鼠标经过事件onmouseout鼠标移开事件onchange文本框内容改变事件onselect文本框内容被选中事件onfocus光标聚集onblur光标离开onload网页导入onunload关闭网页那么要怎么做的呢?1、将HTM...原创 2020-04-27 17:11:30 · 12573 阅读 · 1 评论