![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 89
方形裤子的黄方块
这个作者很懒,什么都没留下…
展开
-
获取两个数之间的随机数(面试会考!)
获取两个数之间的随机数,面试会有考!前端时间,一同事去面试,信心满满的回来,我询问有啥考题?他说:写出一段代码,求m-n之间的随机数。我脑海立马就出现了这个Math.random()介绍var random = Math.random() :随机出一个0-1之间(不包含1)的小数以此类推:1.随机出一个0-10之间(不包含10)的小数:Math.random() * 10 = [0,10]随机出一个1-10之间(不包含10)的小数(Math.random() * 10)原创 2020-07-25 19:43:16 · 2118 阅读 · 0 评论 -
跨域是什么,如何解决跨域?
跨域问题1、什么跨域?跨域指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制。同源策略:是指协议、域名、端口都要相同,只要三者有一个不同就会阻止获取数据。例如:a页面想获取b页面资源,如果a、b页面的协议、域名、端口、子域名有不同,所进行的访问行为都是跨域的,而浏览器为了安全问题一般都限制了跨域访问,也就是不允许跨域请求资源。注意:跨域限制访问,事实上是浏览器的限制策略,理解这一点很重要。2、三种方式解决跨域问题JSONP(需前原创 2020-07-25 19:34:10 · 84 阅读 · 0 评论 -
npm的使用,安装依赖时,为什么要分-S -D,有什么作用?
npm安装依赖时,为什么要分-S -D -g,有什么作用?在使用任何框架之前,都要经历环境搭建的过程,npm(node package manager (node包管理工具)是必不可少。在搭建一个前端项目之前,往往都会在目录中生产package.json文件。它是npm包的描述文件,会记录 安装的依赖类型、版本,也可用于定义项目信息,配置包依赖关系。但在安装依赖时,常常会有疑惑,为什么不同依赖后面的后缀不一样?一会是-g 一会是-G?其实这是指令,存入那个环境的依赖管理。-g表示进行全局进行安原创 2020-07-25 19:32:17 · 1615 阅读 · 0 评论 -
什么是事件冒泡和事件捕获、事件委托,他们的作用
事件模型JavaScript事件使得网页具备互动和交互性,我们应该对其深入了解以便开发工作,在各式各样的浏览器中,JavaScript事件模型主要分为3种:原始事件模型、DOM2事件模型、IE事件模型。一.原始事件模型(DOM0级)这是一种被所有浏览器都支持的事件模型,对于原始事件而言,没有事件流,事件一旦发生将马上进行处理,有两种方式可以实现原始事件:(1)在html代码中直接指定属性值:(2)在js代码中为 document.getElementsById(“demo”).onclick =原创 2020-07-25 19:29:52 · 1729 阅读 · 0 评论 -
this指向及改变this指向的方法(call、apply、bind)
this指向及改变this指向的方法任何函数都有属于自己的this函数的调用方式决定了this的指向一、this指向window1)、普通函数(声明式函数)调用,此时this指向window2)、 箭头函数没有自己的this,它的this指向上下文中的this(即所处环境的this)3)、赋值式函数调用,此时this指向window4)、定时器函数,指向window//普通函数(声明式函数)function fn(){ console.log(this);//指向window}原创 2020-07-04 19:47:50 · 273 阅读 · 0 评论 -
实现发布了多久的时间描述,几分钟、几小时前、几天前、星期等等
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>实现发布了多久的时间描述</title></head><body> <h1 id原创 2020-06-15 14:20:42 · 294 阅读 · 0 评论 -
javascript数组常用的函数方法
数组常用的函数方法1. `push()`2. `pop()`3. `unshift()`4. `concat()`5.`reverse()`6.`slice()`7.`splice()`8.`sort()`9.`join()`10.`indexOf()`11.`lastIndexOf()`12.`forEach()`13.`map()`14.`filter()`1. push()功能:向数组末尾添加一个或多个元素,并返回一个数组。影响原数组。push(newElement1,newElement2原创 2020-06-06 17:51:31 · 211 阅读 · 0 评论 -
...扩展运算符(展开运算符和合并运算符)
扩展运算符又叫三点运算符,可以用来展开与合并- 展开:使用方式1,利用展开运算符进行拼接数组var arr = [1,2,3,4,5]var changeArr = [...arr,7,8,9]console.log(arr) //[1,2,3,4,5]console.log(changeArr) //拼接为[ 1, 2, 3, 4, 5, 7, 8, 9 ]使用方式2,利用展开运算符进行拼接对象let obj1 = { a: 1, b: 2, c: {changeName:原创 2020-06-06 16:11:20 · 2532 阅读 · 0 评论 -
Math方法扩展(random、PI、round、ceil、floor、max、min、pow、sqrt、abs、trunc、sign、hypot、指数运算符)
ES6 在 Math 对象上新增了 17 个与数学相关的方法。1、Math.random() 随机取出0-1(不含1)的小数功能:随机取出0-1(不含1)的小数使用例子:要求:随机取出0-10的小数不含10。console.log((Math.random()*10)); //每次运行随机取出0-10以内的小数要求:随机取出0-11以内的小数console.log((Math.random()*10)+1); //每次运行随机取出0-11以内的小数要原创 2020-06-06 11:05:07 · 348 阅读 · 0 评论 -
javaScript如何实现鼠标的拖拽效果,并且拖拽限制不超过页面可视距离
如何实现鼠标的拖拽效果1、选中要设置拖拽效果的元素2、鼠标按下时(鼠标点击不放),获取事件对象的偏移量3、移动时,获取事件对象的偏移量4、设置拖拽限制5、鼠标松开时(鼠标松开点击),取消移动效果css和html代码:<style> #light{ width: 300px; height: 300px; background-color: red; position: absolute; to原创 2020-06-05 15:47:10 · 3927 阅读 · 1 评论 -
如何实现导航吸顶悬浮效果?
如何实现导航吸顶悬浮效果?css代码:<style> *{ margin: 0; padding: 0; } /* #top是最顶部的标签 */ #top{ width: 100%; height: 300px; background: black; } /* #nav是需要吸顶悬浮的标签 */ #nav{ width: 100%;原创 2020-06-02 22:30:13 · 735 阅读 · 0 评论 -
javaScript如何实现点击Top回到顶部,与带动画过渡效果
javaScript如何实现点击Top回到顶部例子:css代码 <style> body{ height: 3500px; font-size: 40px; } #ceshi{ position: fixed; right: 0; bottom: 140px; width: 200px;原创 2020-06-02 22:11:58 · 5836 阅读 · 6 评论 -
JavaScript中事件相关属性,onclick、onmouseover、onmouseout、onload等等
1、鼠标相关的事件 click: 当用户单击鼠标按钮或按下回车键时触发 dblclick: 当用户双击主鼠标按钮时触发。 mousedown: 当用户按下了鼠标还未弹起时触发。 mouseup: 当用户释放鼠标按钮时触发。 mouseover: 当鼠标移到某...原创 2020-04-26 18:59:01 · 894 阅读 · 0 评论 -
JavaScript中的事件对象、事件对象的属性clientX、clientY、pageX、pageY等等
一、什么是事件对象 1)、 事件对象 就是保存着事件相关信息的对象。当事件发生时,会自动产生事件对象(不需要new),事件对象中包含着:事件源(发生事件的dom元素),点击是鼠标的哪个键,鼠标的当前位置(事件发生的位置)等等信息。2)、事件源: 发生事件的DOM元素(按钮,文本框,div,下拉框)。在事件处理函数里可以用this表示。3)、事件对象的获取 ...原创 2020-04-26 18:05:58 · 1237 阅读 · 0 评论 -
JavaScript中对象偏移量相关属性介绍 一
javascript中对象偏移量:offsetWidth:元素的宽度(包括元素宽度、内边距和边框,不包括外边距)offsetHeight:元素的高度(包括元素高度、内边距和边框,不包括外边距)offsetTop:相对于最近的有定位的父元素的距离(纵向:距离父元素上边),如果父元素都都没有定位,父元素就是bodyoffsetLeft:相对于最近的有定位的父元素的距离(横向:距离父元素左边)...原创 2020-04-12 23:13:19 · 368 阅读 · 0 评论 -
JS中的Array.forEach()方法
概述:forEach是JavaScript ES5新增的数组方法功能和用法:forEach 函数接受一个参数,这个参数应该是一个函数,在这个方法里面能调用数组的每个元素,并将元素传递给函数做运算forEach() 遍历功能:循环,遍历数组中的每个元素,对数组的每个元素做运算参数:回调函数返回值:无例子1我想要让arr这个数组里面的数,每个都加1。arr这个数组每个都会执行一...原创 2020-03-22 16:39:14 · 5096 阅读 · 1 评论