js
kaiup
这个作者很懒,什么都没留下…
展开
-
js判断是否为Chrome/Safari/火狐/360/搜狗浏览器等
使用js判断是否为Chrome/Safari/火狐/360/搜狗等浏览器转载 2022-09-27 23:16:59 · 2141 阅读 · 0 评论 -
qiankun微应用的使用(vue)
qiankun微应用-vue微应用的使用原创 2022-08-15 18:06:53 · 598 阅读 · 0 评论 -
vue实现一个tab组件(超出可滚动自动居中)
vue3实现可自动滚动tab选型卡原创 2022-06-19 17:44:14 · 1251 阅读 · 1 评论 -
js手写实现各种函数
Object.create()Object.prototype._create = function(obj) { if(Object.prototype.toString.call(obj) !== '[object Object]') return let newObj = {} newObj.__prop__ = obj return newObj}mapArray.prototype._map = function(fn) = { if(typeof fn !==.原创 2022-05-17 22:51:50 · 183 阅读 · 0 评论 -
使用input上传图片并本地预览
话不多说上代码<div id="app"> <input @change="uploadImage" type="file"></input> <img :src="imgSrc" alt=""></div> <script> var vm = new Vue({ el:'#app', data: { imgSrc: '', }, uploadFile原创 2021-05-13 11:25:17 · 510 阅读 · 0 评论 -
mock.js简单使用
安装mock,js1.script标签引入<script src="http://mockjs.com/dist/mock.js"></script>2.npm安装在这里插入代码片在vue中使用1.新建test.js文件// 引入Mock.jsimport Mock from 'mockjs'2.使用mock()方法模拟请求接口mock() 第一个参数填写请求地址(自定义);第二个参数是请求到的数据模拟获取数据// 模拟数据let classi原创 2021-04-27 11:26:17 · 207 阅读 · 0 评论 -
jq中ajax封装为promise
function request(method, url, data) { return new Promise((resolve, reject) => { $.ajax({ type: method, url, data, dataType: "json", success: (res) => { resolve(res)原创 2021-03-20 00:18:46 · 282 阅读 · 0 评论 -
JS中apply、call和bind的区别
JavaScript中apply、call和bind的区别在JS中,这三者都是用来改变函数的this对象的指向的,他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处:1、都是用来改变函数的this对象的指向的。2、第一个参数都是this要指向的对象。3、都可以利用后续参数传参。那么他们的区别在哪里的,先看一个例子。var xw = { name : "小王", gender : "男", age : 24,转载 2021-01-07 15:53:37 · 81 阅读 · 0 评论 -
JS中的防抖与节流
防抖触发高频时间后n秒后函数只会执行一次,如果n秒内高频时间再触发,则重新计算是时间const debounce = (fn, time) => { let timeout = null; return function () { clearTimeout(timeout); timeout = setTimeout(() => { fn.apply(this, arguments); }, time原创 2020-10-14 09:31:10 · 74 阅读 · 0 评论 -
JS数组的相关操作
数组类型检测let arr = [1,2,15]Array.isArray(arr) // true数组转字符串let arr = ['a','b','c']arr.toString() //a,b,cString(arr) //a,b,carr.join("") //abcarr.join(",") //a,b,c字符串转数组let str = "daqianduan"str.split("") // ["daqianduan"]Array.from(str) // ["d"原创 2020-06-23 14:54:22 · 261 阅读 · 0 评论 -
字符串的相关操作
字符串的基本操作string.toUpperCase() //大写转换string.toLowerCase() //小写转换string.trim() //去除空格//获取字符串中的某个字符string.charAt(index)string[index]字符串的截取let string = "javascript"// 参数1:截取的起始位置,参数2:截取到的指定位置之前string .slice(0) //javascript (起始位置为0不截取,其余俩个同理)str原创 2020-06-22 16:33:45 · 116 阅读 · 0 评论 -
JS数组中的对象去重
1.对象数组(根据某个属性去重)let person = [{ name:'张三', age:18, sex:'男'},{ name:'赵二', age:18, sex:'男'},{ name:'王五', age:18, sex:'男'},{ name:'赵二', age:18, sex:'男'},]let hash = {}person= person.reduce(function(arr, current) { hash[current.name]原创 2020-06-02 09:03:55 · 160 阅读 · 0 评论 -
v-for循环元素中的选中、多选与取消选中
<template><div v-for="(item,index) in list" :key="index"> <div @click="selectClick(item,index)"> <div v-show="item.isShow">{{item.name}}</div> </div></div&...原创 2020-04-27 18:24:57 · 2021 阅读 · 0 评论 -
js时间格式化
一:"2018-05-19T08:04:52.000+000"格式时间var time="2018-05-19T08:04:52.000+0000";var d = new Date(time);var times=d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate() + ' ' + d.getHours() + ':...原创 2020-04-27 17:59:26 · 136 阅读 · 0 评论 -
高阶函数
高阶函数forEach()无返回值可改变原数组let arr = [80,90,60,50,40]arr.forEach((item, index, arr) => { // item:当前项(必须) // index:当前索引(可选) // arr:原数组(可选) // console.log(arr[index] === item) // true arr[in...原创 2020-04-22 11:34:02 · 159 阅读 · 0 评论 -
BOM常用的属性
BOM(浏览器对象模型)location对象location.href-- 返回或设置当前文档的URLlocation.search – 返回URL中的查询字符串部分。例如 http://www.dreamdu.com/dreamdu.php?id=5&name=dreamdu 返回包括(?)后面的内容?id=5&name=dreamdulocation.hash – 返...原创 2020-03-27 17:56:01 · 255 阅读 · 0 评论 -
CommonJs规范
CommonJS 规范简介1.每个文件可以当做一个模块2.在服务器的加载模块是同步的,必须要成功加载,等待其返回值,然后后面的代码才可执行3.在浏览器端的加载需要先使用工具编译打包处理基本语法导出模块:module.exports = { flag: true, test(a, b) { return a + b }, demo(a, b) { return a * b...原创 2020-03-24 18:58:03 · 89 阅读 · 0 评论 -
JS解决命名冲突
命名空间(namespace)//匿名函数自调用 (尽量减少命名冲突,只暴露出一个变量)var andySpace= (function() { var name = 'mike'; var age = 20; function fn() { console.log('name'); } return ('fn':fn, 'age':age);})()andySpace....原创 2020-03-21 18:08:48 · 540 阅读 · 0 评论