- 博客(21)
- 收藏
- 关注
原创 call,aplly,bind的区别和作用以及封装
平常我们用call,apply以及bind用的都很多,大家可能都会用,对于区别也可能知道的没有那么详细,这篇文章就来带你详细的了解一下。相同点:1.call,apply,bind都属于Function.prototype的一个方法2.call,apply,bind的作用相同,都可以改变this的指向3.传递参数时,第一个参数都相同,都是this(第一个参数传的是什么就指向谁)在非严格模式下,如果不传参(不传递任何参数),或者第一个参数是null或者undefined,其this指向window。
2021-04-17 14:00:21
750
原创 JS中的观察者模式
大家都知道java当中有23种设计模式,而JS当中也有这同样的23种设计模式。这 23 种设计模式的本质是面向对象设计原则的实际运用,是对类的封装性、继承性和多态性的运用,写到这里,可能就会疑惑了,java肯定是面向对象编程的,javascript到底是面向对象编程还是函数式编程呢?javascript是基于对象的,编程过程中可以发现我们遇到的大部分都是对象,却又不是真正的面向对象编程语言,虽然ES6中引入了类的概念,通过class关键字来定义类,使用extends关键字和super方法来实现继承,使得j
2021-04-11 19:30:56
358
1
原创 从输入一个URL到显示页面的过程
标题今天这篇文章就来解释一下在浏览器中从输入一个URL地址到页面显示在浏览器中的全过程。1.首先是输入地址。当我们在浏览器中输入网址的时候可以发现,输入我们以前输入过的地址时,还没有输入完整后面就已经在匹配可能的URL了,浏览器会从你的书签和历史记录给出提示。2.浏览器查找域名对应的IP地址。当我们按下enter键发送请求时,浏览器就开始解析这个域名了,通过DNS域名系统通过域名找到对应的IP,首先会查找一下本地的host文件中有没有对应的IP,没有的话就发送一个DNS请求到DNS服务器,DNS服务
2021-04-05 00:09:59
1202
6
原创 CORS跨域资源共享
这篇文章来带你了解一下什么是跨域资源共享,它由一系列传输的HTTP头组成,这些头决定浏览器是否阻止获取请求的响应,它也可以帮我们解决跨域请求的问题,那我们就先来了解一下什么是跨域吧一个域名地址由协议,域名(IP地址),端口号组成协议://域名:端口号协议通常为HTTP,HTTPS端口号:通常为80域名:www.a.com 等类似于这种,也以是ip地址这三者中只要有任意一个不同时都算作不同域在这里我们需要知道跨域并不是请求没有发送出去,也并不是服务端没有响应,而是返回的结果是被浏览器给拦截了,
2021-03-28 15:44:52
145
原创 深克隆与浅克隆的区别
这篇文章就来带你了解一下深克隆与浅克隆,想要了解深克隆与浅克隆,就要先了解一下数据是怎样存储的。对于基本数据的存储是直接将数据存在栈中的,而1对于引用数据类型的存储是将地址存储在栈中,数据存储在堆中let a = 10;let b = 100;function fn() { console.log(666);}let obj = { name: 'lili', age: 18}看看他们是如何存储的深浅拷贝主要是针对引用数据类型的,先来说说什么是浅拷贝浅拷贝就是
2021-03-21 13:02:43
252
原创 canvas画一个时钟
用canvas画一个时钟今天就用canvas来画一个时钟,小白也能看懂哦,正好好久也没用这个东西了,今天就再来了解一下吧。咱们先来看看效果吧,但这是静态图,实际上是可以动起来的规定一下画布的宽度以及长度<canvas id='mycanvas' width="600" height="600"></canvas>现在就可以开始画了<script> //获取元素 var mycanvas = document.getElem
2021-03-20 13:37:43
326
原创 3D炫彩动画效果
今天我们来做一个炫一点的3D动画效果,动画效果是C3中新增的属性,今天这个效果很适合我们平时娱乐时做,如果你觉得效果太单调也可以自行添加一些其他特效哦,以下图片也可以替换成自己的图片哦这个视屏就是动画的效果哦 Video_2020-12-26 HTML布局html的布局结构简单,下面就不做过多的解释了,其代码如下: <div class="container">
2020-12-26 14:42:14
282
原创 动态获取数据创建表格
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2020-12-16 19:05:25
231
原创 无缝滚动轮播图
在页面布局中通常会用到轮播图,特别是在一些大型的网页中都可以看到轮播图,有时候为了方便快速我们可能会用到一些插件直接使用轮播图,还有就是自己把轮播图写出来,轮播图的样式有很多,接下来我们将了解常用的一种轮播图的写法页面样式<style> * { padding: 0; margin: 0; list-style: none; border: 0; }
2020-12-15 18:54:39
1089
原创 offset系列与client系列以及scroll系列的区别
offset系列<div class="box" id="box"> </div> <style> * { margin: 0; padding: 0; } #box { width: 200px; height: 200px; border: 1px solid skyblue;
2020-12-14 19:36:38
165
原创 双重for循环
打印99乘法表当i=1时,执行内层循环从j=1到j=i,内层结束后开始 i++,当i=2时,执行内层循环从j=1到j=i,内层结束后开始 i++,…当i=9时,执行内层循环从j=1到j=i,内层结束后开始 i++,此时i=10;外层循环结束for(var i=1;i<=9;i++){ for(var j=1;j<=i;j++){ document.write(i+"*"+j+"="+Number(i*j)+"\t"+" "); //\t为制
2020-12-14 18:51:46
13476
2
原创 几种常用的API的写法
在编程时,我们会用到很多方法,其实这些写法我们也可以自己写出来,封装在函数中,使用时直接调用,也很方便,当然我们写的当然没有官网写的方法好,但至少是符合自己的需求的,下面我们来看看几种常用方法的写法吧;1.分解质因数:number为需要分解的数字,返回的是分解的结果function (number) { var arr = []; var numberCopy = number; while (number!=1) { f
2020-12-05 12:48:45
1972
原创 交换数值的几种方法
我们在编写程序的时候,通常会遇到,交换两个数的数值的情况,那么我们可以通过以下这几种方法来解决,或者我们可以将他们封装成函数,需要使用的时候直接调用。方法一:不借助第三个变量通过异或运算符(^)来解决<script> var a=1; var b=2; a=a^b; b=a^b; a=a^b; console.log(a,b); </script>将两个数字换算成
2020-12-05 11:23:37
2764
原创 盒子几种居中的方法
水平居中方法一:给div设置宽度后将margin的上下设为0,左右设为auto <div class="box"></div> body{ margin: 0; padding: 0; }.box{ width: 300px; height: 200px; background-color: aqua; margin: 0 auto; }效果:方法二:使小盒子
2020-11-29 21:51:00
7682
原创 CSS中常用属性继承分类
CSS中可继承的属性每一个属性在定义中都给出了这个属性是否可以继承,一个有继承性的属性在没有被声明的情况下会继承父元素同属性的值,如若没有继承性的属性想要继承父元素的属性,可以通过将它的值设置为inherit,来使它从父元素那里继承,以下是通常常见的有继承性的属性字体属性font:字体 一系列属性font-family:字体系列font-weight:字体粗细font-size:字体大小font-style:字体风格文本text-aglin:文本水平对齐的方式text-indent:文
2020-11-29 14:45:47
144
原创 css背景
1.背景颜色的设置background-color:设置背景的颜色(不能继承) <div class="container"> </div> <style> .container{ width:400px; height: 300px; background-color: aqua; } </style>2.背景图片的样式backgroun
2020-11-21 13:41:34
112
原创 Iframe内联框架的使用
Iframe内联框架iframe是HTML标签,它可以把一个网页的框架和内容,嵌入在现有的网页中,也就是说,我们可以在自己的网页中加载别人的网站,当然,iframe标签的一些属性也是我们在使用iframe时所需要了解的,帮助我们更好的使用它。用法以及属性用法:在页面中直接使用iframe标签 <iframe src="" frameborder="0"></iframe>属性:src:引入页面的地址framedorder:是否显示边框,属性值有yes和no,yes
2020-11-21 11:03:37
743
原创 关于display属性中的table-cell属性
display:table-cell实现垂直居中在做项目时发现一个属性特别好用,可以轻松的实现父元素内的行内元素水平垂直居中,特别是一个p标签由于文字太长而换行,此时需要水平垂直居中,可以将其display属性的值设置为table-cell属性,将父元素的display设置为他table,结合使用vertical-aglin:midddle使其垂直居中,使用text-aglin:center使其水平居中这样达到了水平垂直居中的效果。可通过一下代码实现效果:<div class="box1">
2020-11-14 23:23:58
574
原创 清除浮动的几种常用方式
为什么要清除浮动通常我们在页面布局中通常会使用到浮动(float),浮动虽然方便好用,但总会带来一定的影响,例如高度塌陷的问题,通常情况下,在父元素只设置了宽度没有设置高度时,其高度是由其子元素撑开的,当子元素设置浮动后,子元素就会脱离文档流,其父元素就无法被子元素撑开,因此导致了高度塌陷;而父元素的高度塌陷,会导致父元素下的元素向上移动,因此我们之前排好的布局可能会造成混乱,以下通过代码来解释:<style> .father{ width:
2020-11-14 22:32:04
178
原创 几种常见的WEB服务器
WEB服务器Web服务器是指网站服务器,当Web浏览器连接到服务器上,服务器会处理客户端发出的请求并将信息反馈到浏览器上,因此具有以下作用:可以存储Web页面上的信息和内容,提供管理环境,处理浏览器的请求,执行服务端程序以及给出响应,且具备基本安全性功能。常用的几种服务器有Tomcat,Apache,IIS,他们的基本工作原理差不多相同Tomcat服务器在我们学习java时经常接触服务器是Tomcat服务器,Tomcate服务器是开源的且免费的,占用系统资源小,是一个轻量级的应用服务器,支持运行Ser
2020-11-06 23:21:16
779
原创 Internet互联网络提供的主要服务
欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将会带来全新的写作体验;在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;增加了 图片
2020-11-06 13:03:01
5793
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人