![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
对的时间对的人
这个作者很懒,什么都没留下…
展开
-
原生js实现Swiper功能
原生js实现Swiper功能主要使用html,css,js来完成首要的HTML部分:1、.slide滑槽,里面存放所有图片;2、.prev是向左的箭头,.next是向右的箭头;3、pointer是指示器,用于放的五个切换按钮,每个切换按钮用span来表示;其次呢,css部分1、.slide、.prev、.next、pointer全都用绝对定位放到合适位置;2、.slide的所有图片水平排列js部分1、切换功能:设置 nextEl: ‘.swiper-button-next’,pre原创 2020-09-28 22:04:40 · 2845 阅读 · 4 评论 -
跨域的解决方案
跨域的解决方案 跨域的解决方案呢,目前主流的呢,有三种 跨域呢,他是浏览器做出的限制,和后端没有关系jsonp是利用script标签,向服务器发送请求,服务器通过接收请求,返回一段js代码,调用客户端写好的方法,把json数据传入该方法,即可拿到想要的数据vue的代理方式(前端代理和后端代理)前端代理在vue中主要通过vue脚手架中的config中的index文件来配置,其中有个proxyTable来配置跨域CORS服务端操作CORS全程叫跨域资源共享,主要是后台工程师设置后端代码来达到前原创 2020-09-22 21:32:44 · 110 阅读 · 1 评论 -
图片懒加载
概念什么是懒加载懒加载顾名思义突出一个“懒”字,懒字就是拖延的意思,说白就是延迟加载。比如我们进入一个新的页面进行加载的时候,这个页面很长超过了屏幕可视区域的时候,那么懒加载就会优先加载我们可视区域可见的内容,剩余部分是当进入到可视区域之后再进行加载。所以这就是为什么要使用懒加载的原因总结出来有两个点:全部加载用户体验差一次性全部加载浪费用户流量,也许只是访问部分内容,不是全部内容都能够访问完,全部加载的话,就有点浪费流量了。懒加载实现原理(图片懒加载)网页占用资原创 2020-09-09 22:56:24 · 120 阅读 · 0 评论 -
数组内置遍历方法
数组内置遍历方法foeEach() 他的返回值是undefinedfilter() 它是用来过滤的,遍历出满足条件的数组元素,返回新数组map() 对原数组进行加工处理,得到一个新的数组reduce() 是用来归并的,将多个值归并成一个值findIndex() 用来查找下标every() 全部满足才会返回true,否则的话为falsesome() 只要有一个满足的话就会返回true,否则就为falsefind() 找出数组中匹配到的元素includes() 他可以判断出原创 2020-09-08 22:04:31 · 95 阅读 · 0 评论 -
Es6/7/8...新增特性
Es6/7/8…新增特性1. let和const:let是定义变量的,const是定义常量的(不可改)当我们想改const时,以及将它定义成{}形式,(他改的不是本身,改变的是里面的属性)-. let和var的区别相同点:他们都是定义变量的关键字不同点:var有变量提升,允许重复定义变量,块级作用域let不可以变量提升,不允许重复声明,块级作用域2.symbol:有几种类型:number,string,boolean,null,undefined,symbolsymbol:他是定义的值是原创 2020-09-04 20:52:18 · 147 阅读 · 0 评论 -
计时器
计时器一个简单的计时器实现<template> <div class="timer"> <div ref="startTimer"></div> </div></template> <script>export default { name: "Timer", data() { return { timer: "", content: "",原创 2020-09-03 23:33:56 · 90 阅读 · 0 评论 -
闭包
闭包闭包的构成闭包=函数+词法作用域- 广义上的闭包:var a=1000;function fn1() { alert(a)}fn1()狭义上的闭包:指的就是函数嵌套函数,子函数引用父函数的相关变量闭包的应用场景和实现:求和,设置字号,循环表单,封装组件和插件//循环表单function makeHelp(help) { return function() { console.log(help) d原创 2020-09-02 23:49:13 · 82 阅读 · 0 评论 -
防抖和节流
防抖和节流防抖呢,是在固定得时间内没有触发,然后再固定事件结束后进行触发,如果实在固定得时间内触发了事件,会延长相应的固定时间再触发他呢,主要可以利用我们的定时器来实现实现的方法:function debounce(func,wait) { var timer=null; return function() { //保存当前调用的dom对象 var _this=this; //保存事件对象 var args=arguments; cle原创 2020-08-31 22:04:23 · 936 阅读 · 0 评论 -
JavaScript数据类型
JavaScript数据类型它分为两种基本数据类型- number(它里面特殊的是NaN) 如:typeof NaN typeof Infinity 他们返回的都是number- boolean true或false或者呢可以隐式转换true或false类型能转换成false,只有以下几种情况:0,空字符串,null,undefined,NaN,false- string 用‘’,“”,或` `,来定义字符- nulltypeof null 返回Objectnullundefine原创 2020-08-27 22:26:32 · 93 阅读 · 0 评论 -
JavaScript高级
JavaScript高级每个JavaScript函数实际上都是一个Function对象创建函数的3种方式函数声明的方式function 函数的名称(){}函数表达式var 函数名 = function(){}var fn = function (){}通过fn()获取构造函数的创建var 函数名 = new Function('a','alert(a)') 第一个指的是参数,第二个指的是函数体函数的声明与函数的表达式区别- 函数声明可以在任意可见位置调用(即在函数定义原创 2020-08-14 23:05:21 · 94 阅读 · 0 评论