自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(93)
  • 收藏
  • 关注

原创 HTML新增布局标签

artical:它代表一个独立的、完整的相关内容块,可独立于页面其它内容使用。例如一篇完整的论坛帖子,一篇博客文章,一个用户评论等等。nav:是一个可以作为页面导航的链接组,其中的导航元素链接到其它页面或者当前页面的其它部分。hgroup:标签是对网页或区段section的标题元素(h1-h6)进行组合。section:用来定义文档中的节。比如章节、页眉、页脚或文档中的其它部分。footer:作为页面的页脚时,一般包含了版权、相关文件和链接。aside:用来装载非正文的内容,被视为页面里面一个单独的部分。

2023-07-06 10:38:10 833

原创 粉笔刷题【HTML】

display:none 不为被隐藏的对象保留其物理空间 visibility:hidden 为被隐藏的对象保留其物理空间,两者存在本质上的区别。D:absolute绝对定位会脱离文档流,会向上寻找,如果遇到已定位元素,则会对其相对定位,如果没有则会一直向上寻找,知道相对于html。页面的重绘是一个元素外观的改变所触发的浏览器行为,例如改变outline、背景色等属性。浏览器会根据元素的新属性重新绘制,C:relative 不会脱离文档流,元素依然会占据文档流,相对定位是相对他的正常位置。

2023-07-06 09:42:21 1041

原创 【粉笔刷题】JavaScript终结

parseInt函数的参数有两个,第二个参数表示的是参数1的进制,map方法在调用callback函数时,会给回调函数传递三个参数:当前正在遍历的元素, 元素索引, 原数组本身.parseInt会忽略第三个参数(parseInt只需要两个的参数,第一个为要被解析的字符串,第二个为要解析的数字的基数),但不会忽略第二个参数,即parseInt将元素的索引当做进制数来用,则会变成parseInt(‘1’,0);C:0 && “a" 为0,&&为短路操作,且如果有一个操作数不是布尔值,则结果就不一定返回布尔值。

2023-07-05 16:00:19 445

原创 粉笔刷题【JavaScript】

第一次打印,变量未定义,外部变量a的作用域与函数内部不属于同一作用域,则为undefined,第二次打印,arguments追踪参数变化为2,则参数c为2,第三次打印,a变量a被赋值为1,第四次,打印函数外部变量a,a为0。C选项,class,在 ES6 规范中,引入了 class 的概念。B选项,void,void是在javascript中的一个重要的关键字,它是一个一元操作符,它的唯一作用就是返回一个undefined。a &&b表示计算a的运算结果,如果结果为 true,则执行b,并返回b的结果;

2023-07-05 14:51:41 350

原创 粉笔刷题(JavaScript)

typeof可以返回的复杂数据类型只有一种,就是object,例如使用typeof检测数组、正则和对象,返回的都会是object。C选项,使用typeof检测数组返回的结果是object,不是function,检测函数才会返回function。C选项,stopPropagation()方法是W3C标准下的阻止事件向父容器传递,并且对当前节点没有影响,C选项正确。A选项,使用typeof检测数组返回的结果是object,不是array,所以A不正确。B选项,使用typeof检测数组返回的结果是object。

2023-07-05 08:28:35 333

原创 【粉笔刷题】前端+网络(3)

选取其最近一个最有定位设置的父级对象进行绝对定位,如果对象的父级没有设置定位属性,absolute元素将以body坐标原点进行定位,可以通过z-index进行层次分级。选项D,状态码304表示:如果客户端发送了一个带条件的 GET 请求且该请求已被允许,而文档的内容(自上次访问以来或者根据请求的条件)并没有改变,则服务器应当返回这个状态码。307表示临时重定向,选项D错误。选项A,IndexedDB是HTML5规范里新出现的浏览器里内置的数据库,可永久存储数据,作为本地存储,并不能传数据给服务器端。

2023-06-17 14:34:33 656

原创 【粉笔刷题】第二回

选项D,a.slice的作用是截取一个新的数组,虽然a.slice(a.length)截取出来的数组为空数组,但是,赋值该a后,相当于构造了一个新的空数组,并没有影响之前数组a与b之间的关系,b还是原来的数组。A选项 /(bab)(caca)/ :匹配含有 “babcaca” 的字符串,不是题目中的 “babcaac”, 就好比是在找 “太星” 而不是"太白",而且没有a,所以该正则匹配的结果不可能出现在题目匹配的结果中,错误。注,unshift()返回新数组的长度,此处为4。该方法会改变原始数组。

2023-06-15 08:29:54 674

转载 【粉笔刷题】JavaScript

A选项,B选项,C选项,JavaScript在做==运算时会将操作数转换为Number类型之后再操作,而’ ',false,0和[]都可以转换为number类型。C:0 && “a" 为0,&&为短路操作,且如果有一个操作数不是布尔值,则结果就不一定返回布尔值。C:严格模式下arguments不再追踪参数的变化,在函数内部,参数a被重新赋值为42,但arguments[0]仍然为5。B使用用1作为a的初值,B执行完后a=0。A执行完后a=-1,B使用-1作为a的初值,B执行完后a=-2。

2023-06-11 14:37:24 118

原创 千峰jQuery 【Ajax】

JSON:promise写法:loading加载:钩子函数:钩子函数

2023-02-15 07:31:02 217 1

原创 千峰jquery进阶内容

封装选项卡:

2023-02-15 07:23:16 349

原创 千峰jquery【案例】

手风琴效果:鼠标跟随效果:树状菜单:选项卡:

2023-02-15 07:07:39 909 2

原创 千峰Ajax【fetch和promise】

Promise实际是充当ajax获取后台数据后执行回调的异步执行顺序的一个媒介,客观来说就是避免ajax回调地狱(反复嵌套回调),不然代码不够直观。Promise 流程总结:1 .把 ajax 返回成功 / 失败的回调封装成一个 Promise 对象(同时判断 resolve / reject 状态)2 .其对象根据传来的状态 resolve 则执行.then( res => {} // 实际在Promise.prototype上 )来执行ajax一层返回成功后的二层 ajax 请求,状态为 reje

2023-01-27 20:52:10 834

原创 千峰学习【Ajax】总结

1.json:onreadystatechange 事件当请求被发送到服务器时,我们需要执行一些基于响应的任务。每当 readyState 改变时,就会触发 onreadystatechange 事件。readyState 属性存有 XMLHttpRequest 的状态信息。XMLHttpRequest.responseText当处理一个异步 request 的时候,尽管当前请求并没有结束,responseText 的返回值是当前从后端收到的内容。当请求状态 readyState 变为 XMLHt

2023-01-25 18:16:03 1253

原创 JQUERY案例

尺寸位置操作购物车操作全选each操作祖宗选择器

2023-01-23 18:05:22 1330

原创 JQUERY总结(四)

后来

2023-01-23 12:02:38 1401

原创 JQuery总结(三)

on可以同时绑定多个事件,并且动态添加的元素也会自动添加事件案例2:新浪下拉菜单:案例3.突出发光显示:案例4:动画效果案例5:王者荣耀手风琴

2023-01-23 11:44:18 1904

原创 JQuery总结(二)

/获取距离父级元素的偏移量 ,只能获取,不能设置。// width:只测出原始盒子大小,不包括边框。// innerWidth:包含内边距。// 包含内边距和边框。//包含内外边距以及边框。

2023-01-23 10:25:09 460

原创 JQuery总结(一)

button{/* 随着字体大小变化,button跟着变化大小 */div{} < script src = " jQuery.min.js " > < body > < button > 显示 < button > 隐藏 < button > 切换 < div > < script > $(function() {

2023-01-23 10:12:30 1496

原创 Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML‘)报错的一种

未捕获的类型错误:无法设置 null 的属性(设置 ‘innerHTML’)就好比html的ID名是files-list。于是,我终于意识到,这个元素应该没有被获取到。

2023-01-20 11:53:25 1100

原创 初学前端收集的字体图标以及字体网站

抱歉,阿里和icomoon长久不使用,忘得差不多了。

2023-01-20 10:06:23 451

原创 【Javascript】文本转语音SpeechSynthesisUtterance

SpeechSynthesisUtterance是HTML5中新增的API,用于将指定文字合成为对应的语音.也包含一些配置项,指定如何去阅读(语言,音量,音调)等。SpeechSynthesisUtterance.rate 获取并设置说话的速度(值越大语速越快,越小语速越慢)SpeechSynthesisUtterance.pitch 获取并设置话语的音调(值越大越尖锐,越低越低沉)SpeechSynthesisUtterance.text 获取并设置说话时的文本。resume() 恢复暂停的语音。

2023-01-19 16:39:16 2770 3

原创 【JavaScript】仿青柠搜索界面

点击搜索栏,背景模糊,出现图标。点击界面任意处,失去焦点,恢复原样。// 获取焦点,移开鼠标不会收回宽度。// 防止时分秒变成单数,影响美感。// 失去焦点后恢复原状。

2023-01-18 10:47:51 3511

原创 【javascript】有计算功能的简易计算器

外观不满意,可以自行修改。主要用到的有:grid布局 js原生 阿里字体图标 eval函数eval() 函数计算 JavaScript 字符串,并把它作为脚本代码来执行。如果参数是一个表达式,eval() 函数将执行表达式。如果参数是Javascript语句,eval()将执行 Javascript 语句。代码:里面还有功能未完善,比如回退,遇到小数点不会自动删除以及,小数点可以多次输入,这些都还需要完善

2023-01-11 21:41:23 2073 1

原创 【JavaScript】ES6新增

一般函数返回多少实参就要有多少形参,箭头函数和普通函数一样,没有形参是拿不到里面的值的。一个形参可以省略小括号;一行代码和返回值可以省略大括号。

2023-01-08 13:15:37 144

原创 【javascript继承案例】function class 渲染页面

【代码】【javascript继承案例】function class 渲染页面。

2023-01-08 12:29:32 110

原创 【JavaScript】class关键字 以及变量提升

在 JavaScript 中,ES6 开始引入class的概念。实际上,JavaScript 中class的本质也是基于原型prototype的实现方式作了进一步的封装,其本质还是函数function。虽说如此,class和function还是有不同之处。this;

2023-01-08 12:21:54 314

原创 【JavaScript】面向对象的继承以及this关键字

在 JavaScript 中函数也是对象,对象则有方法,apply 和 call 就是函数对象的方法。不好的一点,就是这种方法是强行继承,等于把Penson里面name,age也一并加到Student中,new Person()小括号里面是空白,出来的结果是undefined。注意方法增强,不能在自己函数里面写this. 不然就是反复调用自身原形,会形成死循环,必须再新建一个方法。在函数中,在严格模式下,this 是未定义的(undefined)。b、以方法的形式调用时,this 就是调用方法的那个对象。

2023-01-08 11:35:11 333

原创 【JavaScript】module let Object.setPrototypeOf()以及箭头函数

var有一个变量提升的过程,当整个函数作用域被创建的时候,实际上var定义的变量都会被创建,并且如果此时没有初始化的话,则默认为初始化一个undefined。而let由于是块作用域,所以如果在块作用域内定义的变量,比如说在for循环内,在其外面是不可被访问的,所以for循环推荐用let。在函数中声明了var,整个函数内都是有效的,比如说在for循环内定义的一个var变量,实际上其在for循环以外也是可以访问的。1.var是函数作用域,let是块作用域。//调用渲染,并改变触发方式。

2023-01-08 09:31:39 457

原创 【JavaScript】原型以及原型链

/使用原型,共享内存,节省空间.把渲染函数拿出CreateList : CreateList.prototype.render。// 测试一下obj1的上一级是不是CreateList。//使用箭头函数和模板字符串。

2023-01-08 09:16:58 64

原创 【JavaScript】面向对象

定义:通过 new 函数名 来实例化对象的函数叫构造函数。之所以有构造函数与普通函数之分,主要从功能上进行区别的,构造函数的主要 功能为 初始化对象,特点是和new 一起使用。new就是在创建对象,从无到有,构造函数就是在为初始化的对象添加属性和方法。这一步已经实例化对象了,this指向这个实例化对象,存放在堆区里面了。对new理解:new 申请内存, 创建对象,当调用new时,后台会隐式执行new Object()创建对象。所以,通过new创建的字符串、数字是引用类型,而是非值类型。

2023-01-08 09:09:50 62

原创 【JavaScript】数组常用方法

splice(1,1):从数组下标为1的位置删除1个元素返回值是删除的元素。unshift:在数组前面添加元素,返回值是增加后的数组长度。在数组下标为1的位置删除0个元素,并追加“4”和·“5”,默认返回为true,设置为false,就返回一个空数组。push:向数组后面追加元素,返回值是追加后的数组长度。shift:在数组前面删除元素,返回值是删除的元素内容。也可以拿来复制数组,在新数组里进行操作,不影响原数组。pop:从数组后面删除元素,返回值是删除的元素内容。reverse:倒序排列。

2023-01-08 06:38:07 520

原创 【Javascript】数字和字符串常用方法

substring如果第二个下标为负数,则从第一个下标向前截取到头部,实际上等于0和等于任意负数效果是一样的。slice:如果第二个下标为负数,则从字符串末尾(-1)开始,可以认为是负几就从末尾减去几个字符。注意:返回值是字符串,不能和数字直接相加减,需要把字符串转化为数字:-0即可。substr:因为第二个值代表的是长度,不能为负数,所以不显示结果。//通过遍历对象,找到属性值相同的最多的,就是出现次数最多的字符。如果括号里面只有一个值,则表示从这个值的下标开始截取到末尾。//找出字符串的每一个字符。

2023-01-08 06:01:24 1367

原创 消息提示【message.js】和页面文字滚动【】

"阳光灿烂,多出去晒晒太阳""少玩会,注意要休息了""午休时间,注意休息""夜猫子,该休息了"

2023-01-07 22:05:10 300

原创 【JavaScript】正则表达式

(regular expression)描述了一种字符串匹配的模式(pattern),可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。

2023-01-07 18:21:29 106 1

原创 【javascript】DOM 案例

:就是把type等于password改为text即可:购物车商品全选:点击哪个就把active赋给谁,然后把另一个取消createElement:在JS中创建元素appendChild:在HTML页面中添加进去this.parentNode.remove():定向移除父节点

2023-01-07 18:12:25 647

原创 【JavaScript】DOM 学习总结-基础知识

- 规定自定义属性写法为:data-*** --> < div id = " haha " data-hefan = " 111 " data-he = " 222 " > -- 规定自定义属性写法为:data-*** --> < div id = " haha " data-hefan = " 111 " data-he = " 222 " >

2023-01-07 16:15:12 1960

原创 【JavaScript】BOM 学习总结

JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在网络或者程序之间轻松地传递这个字符串,并在需要的时候将它还原为各编程语言所支持的数据格式,例如在 PHP 中,可以将 JSON 还原为数组或者一个基本对象。另外,还有一个sessionStorage,使用方法与localStorage一样,只是它是临时存储,关闭页面就丢失了。是 JS 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串。输入内容后,会存储在本地,刷新页面后会自动填充。

2023-01-07 14:37:40 483

原创 【JavaScript】事件--总结

margin : 0;} ul {

2023-01-07 14:07:54 1736

原创 【bootstrap】使用,初学者的总结

解压后把里面的css和js文件复制过去,因为也要用到jQuery,所以要把jQuery.min.js也一起放入js文件夹。首页点击v3文档,然后下载最左边的那个。先创建一个div:作为最大的一个盒子。在JavaScript插件里面能找到。第一种js:需要引入jQuery文件。在模态框的第一行代码中加入id。上面的内容和下面是对应的。

2023-01-06 06:34:39 753 1

原创 【jQuery】写一个电梯导航

在定义图片大小时,我因为习惯定义宽度,然后让高度自适应,但是这个导航就是根据每张图片距离页面顶部的高度来进行导航的,不定义高度,获取就出现问题。今天大概是跟着pink老师学习JS的第八天,看了有410章了。之后我打算自己练习一下,然后就出现bug了。还是那个熟悉的品优购项目。jQuery 电梯导航。

2023-01-05 11:56:52 228

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除