
js
文章平均质量分 58
秋英之空
这个作者很懒,什么都没留下…
展开
-
仿elementui Cascader级联器组件编写
因公司开发需要自己类似element UI 级联器类似得组件 刚好没有封装过 只能自己动手啦原创 2021-10-15 20:54:47 · 822 阅读 · 0 评论 -
关于循环里怎么正确使用await进行异步操作 资料
关于循环里怎么正确使用await进行异步操作 资料 如何在 JS 循环中正确使用 async 与 await 背景 在日常的项目开发中,常常遇到批量删除的应用场景,比如批量删除人员信息、设备信息、时间计划等。但是协议常常只给了单个删除的接口,而且设备那边同时只能处理一个相同的接口,所以使用异步+循环处理势在必行。本文就在...转载 2021-09-14 09:31:02 · 1047 阅读 · 0 评论 -
ES模块化的导入和导出
ES模块化的导入和导出 本文章向大家介绍ES模块化的导入和导出,主要包括ES模块化的导入和导出使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。 目录环境准备模块化export、importexportimportimport * asexport defaultimport 和 require 的区别参考环境准备三个...转载 2021-06-22 22:39:26 · 1076 阅读 · 0 评论 -
如何实现一个拖拽
如何实现一个拖拽 // 拖拽功能 <div class="box" style="width: 100px;height: 100px;background: red;position: absolute;"> </div> let box = document.querySelector('.box'); let boxX = null; let boxY = null; let startX = null; let原创 2021-06-21 13:54:42 · 708 阅读 · 0 评论 -
input原生上传文件的使用
input原生上传文件的使用1.在项目中经常会用到需要上传头像,附件的地方,那么我们如何进行上传呢,今天跟大家分享一下,来自项目中的一些上传文件的个人总结2.首先我们需要在页面中使用一个 input 按钮,并将它的type属性设置为’file’,关于上传按钮美化的操作,我已经在上一篇博客中详细的讲解了.下面直接贴出代码截图若项目中需要支持上传多文件,只需要在input标签上加上 multiple属性就可以了.要想实现上传操作,还需要在变迁上定义一个change事件,用于触发上传文件发生变动时的函转载 2020-05-27 22:28:03 · 2695 阅读 · 0 评论 -
JS获取时间戳的方法
1.Date.parse()var timestape=Date.parse(new Date());2.valueOf()var timestape=(new Date()).valueOf();3.getTime()var timestape=new Date().getTime();4.Date.now()var timestape=Date.now();注:Date.pa...原创 2020-04-28 22:40:55 · 493 阅读 · 0 评论 -
Object.assign()用法讲解
Object.assign()用法讲解语法: Object.assign(target, …sources) target: 目标对象,sources: 源对象 用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。const target = { a: 1, b: 2 };const source = { b: 4, c: 5 };const returnedTar...转载 2019-12-14 14:19:06 · 142 阅读 · 0 评论 -
includes.filter.map的用法
includes.filter.map的用法includes 用法includes()返回布尔值,表示是否找到了参数字符串 同样适用于数组1.判断字符串var str = 'hello word' console.log(str.includes('he')) // 返回的结果是true只要str存在的值,就会返回结果true,否则返回false2.判断数组 var arr...原创 2019-12-14 13:12:24 · 303 阅读 · 0 评论 -
swiper遇到的坑
1.一个页面引用多个swiper插件,出现混乱问题;解决方法:1.实例化swiper时加上其父元素加以区分2.Swiper加上ID或Class区分,要保留默认的类名swiper-container如下:<script> var swiper = new Swiper('.course_banner2 .swiper-container', { ...原创 2019-08-17 20:39:10 · 1146 阅读 · 0 评论 -
原型链 原型 构造函数的关系
原创 2019-06-05 15:07:27 · 129 阅读 · 0 评论 -
JavaScript对象中的this指向及其修改-转
一、对象中的this指向及其修改1、属性事件的this,在标签内调用事件函数①谁调用this所在的函数,就指向谁a、如果this作为参数传入,那么this就是指向inputb、如果不在标签的方法中传入this,那么方法中打印this时一般指向window2、onclick事件中的this(返回该标签)3、构造函数中的this(this指向当前实例化的具体的对象(谁调用this所在的函...转载 2019-06-05 16:28:52 · 842 阅读 · 0 评论 -
JavaScript 性能优化的小知识总结
前言一直在学习 javascript,也有看过《犀利开发 Jquery 内核详解与实践》,对这本书的评价只有两个字犀利,可能是对 javascript 理解的还不够透彻异或是自己太笨,更多的是自己不擅于思考懒得思考以至于里面说的一些精髓都没有太深入的理解。鉴于想让自己有一个提升,进不了一个更加广阔的天地,总得找一个属于自己的居所好好生存,所以平时会有意无意的去积累一些使用 jQuerry 的常...转载 2019-06-05 17:49:48 · 174 阅读 · 0 评论 -
web前端 | 22条常用JavaScript开发小技巧
1、使用var声明变量如果给一个没有声明的变量赋值,默认会作为一个全局变量(即使在函数内赋值)。要尽量避免不必要的全局变量。2、行尾使用分号虽然JavaScript允许省略行尾的分号,但是有时不注意的省略,会导致不必要的错误。建议在可用可不用行尾分号的地方加上分号。3、获取指定范围内的随机数var getRandom = function(max, min) {min = argume...转载 2019-06-05 18:03:06 · 206 阅读 · 0 评论 -
获取Url地址中参数的几种方法
1.函数封装原生js(假设已经获得了Url地址)var url = ‘https://gitbook.cn/gitchat/geekbooks?tag=JavaScript&name=pwwu&age=24’; var temp1 = url.split('?'); var pram = temp1[1]; var keyValue = pram.s...原创 2019-07-07 17:02:10 · 833 阅读 · 0 评论 -
如何判断页面是否有滚动条?
横向滚动条:当可视区域小于页面的实际宽度时,判定为出现滚动条,即:if (document.documentElement.clientWidth < document.documentElement.offsetWidth){}竖向滚动条:当可视区域小于页面的实际高度时,判定为出现滚动条,即:if (document.documentElement.clientHeight &l...原创 2019-08-02 18:21:13 · 4125 阅读 · 0 评论 -
上拉加载和下拉刷新的原理
H5下拉刷新和上拉加载实现原理浅析 前言在移动端H5网页中,下拉刷新和上拉加载更多数据的交互方式出现频率很高,开源社区也有很多类似的解决方案,如iscroll,pulltorefresh.js库等。下面是对这两种常见交互基本实现原理的阐述。实现原理下拉刷新实现下拉刷新主要分为三步:监听原生touchstart事件,记录其初始位置的值,e.touch...转载 2019-08-03 14:30:06 · 1189 阅读 · 0 评论 -
for in 循环会遍历原型链上的属性的问题
1.使用 for in 循环遍历对象的属性时,原型链上的所有属性都将被访问:Object.prototype.say="cgl"; // 修改Object.prototype var person ={ age: 18 }; for (var key in person) { console.log(key, person[key]);//这里用perso...原创 2019-08-13 14:01:43 · 5797 阅读 · 0 评论 -
瀑布流的原理
瀑布流的排序:每张图片的宽度是一致的从左往右进行排序,第一排放不下则从第二排从新开始排列第二排或者往后的每排图片放置的位置为上一排高度最小图片的下面依次排放图片的位置摆放图片位置的摆放大致可以不添加样式一次放置通过设置成块级元素,进行摆放通过绝对定位来进行摆放$(function(){ var colCount // 列数 var colHeightArray ...原创 2019-08-14 19:12:51 · 379 阅读 · 0 评论