
JavaScript
woowen!
这个作者很懒,什么都没留下…
展开
-
使用javascript 点击tab栏切换事件代码记录
1. javascript 点击tab栏动态切换内容,并添加active。2. javascript 点击左右图标可以向左或者向右移动元素。第2点功能,改变ul的style,tanlateX 移动。原创 2023-11-27 16:23:39 · 900 阅读 · 0 评论 -
A跳转B 使用PostMessage API 实现携带参数
需要注意的是,PostMessage API 也需要进行跨域配置,即在 A 和 B 域名中分别设置对方域名的白名单。同时,PostMessage API 可能存在安全风险,需要注意数据传输的安全性。当 A 域名跳转到 B 域名时,可以使用 PostMessage API 实现在 A 域名中携带参数并在 B 域名中使用的功能。在 B 域名中使用 PostMessage API 接收消息,并解析出参数。可以确保消息被发送到父级窗口(即 A 域名所在的窗口),确保消息来自 A 域名,可以是任意类型的数据,原创 2023-04-18 15:18:51 · 528 阅读 · 0 评论 -
es6 按照不同条件导入不同模块
函数来导入模块,并返回一个 Promise 对象。在使用时,我们可以根据不同的条件调用。我们可以使用条件语句和动态导入的方式来实现这一功能。注意,我们使用了动态导入的方式,即使用。在上面的代码中,我们定义了一个。)动态导入不同的模块。函数,并在 Promise 的。函数,根据不同的条件(方法中使用相应的模块。原创 2023-04-03 22:41:14 · 489 阅读 · 0 评论 -
利用apply函数把数组转化为参数,利用apply取数组中的最大值
1.用 apply()函数把数组转化为参数apply在修改this指向的同时,还能够用数组传入参数var arr = [1, 2, 3];var obj = { func: function (arg1, arg2, arg3) { return arg1 + arg2 + arg3; }}obj.func.apply(obj.func, arr); // 6apply保持了原this指向,只是利用它可以用数组传参的特性而已。用es6实现:const arr原创 2022-04-22 10:02:14 · 619 阅读 · 2 评论 -
vue 基于axios封装request接口请求——request.js文件
axios的封装使用原创 2022-02-15 14:40:28 · 23634 阅读 · 4 评论 -
select标签-将默认文本作为一种占位符提示但不被视为有效值
图示效果:原创 2022-02-07 09:25:58 · 690 阅读 · 0 评论 -
JavaScript 字符串数组与数字数组互转
js 数组 字符串与数字互转原创 2021-12-31 15:11:23 · 533 阅读 · 0 评论 -
javascript 两个对象深度合并
//调用this.deepMerge(form, formSubmitData)// 对象深度合并 deepMerge(obj1, obj2) { let _this = this for (let key in obj2) { obj1[key] = obj1[key] && obj1[key].toString() === "[object Object]" ? _this.deepMerge(obj1[key], obj2[key]) : obj.原创 2021-09-13 23:15:53 · 1503 阅读 · 0 评论 -
base64格式的图片和base64格式的pdf如何预览
后端返回一大串的字符串,需要前端自己转成图片注意点:"data:image/png;base64,"this.state = { backImg: ""}this.imgsrc="/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyM原创 2020-06-09 15:18:32 · 10115 阅读 · 0 评论 -
clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop
网页可见区域高:document.body.clientHeight网页正文全文高:document.body.scrollHeight网页可见区域高(包括边线的高):document.body.offsetHeight网页被卷去的高:document.body.scrollTop屏幕分辨率高:window.screen.height每个HTML元素都具有clientHeight offsetHeight scrollHeight offsetTop scrollTop 这5个和元素高.转载 2020-12-17 10:50:21 · 186 阅读 · 0 评论 -
js公用方法
isNullOrEmpty //判断是否为空validate //校验格式原创 2020-07-14 16:18:53 · 448 阅读 · 0 评论 -
h5调起相机并实现预览input file类型+ FileReader
h5调起相机并实现预览https://stackoverflow.com/questions/32508191/uncaught-typeerror-failed-to-execute-readasdataurl-on-filereader-parameter直接上代码:.m-upload{ width: 100%; position: relative; .cameraInput{ opacity: 0;//隐藏input width: 100原创 2020-06-16 22:24:49 · 452 阅读 · 0 评论 -
表单常用事件☞选择部分文本
[TOC]## 1.跨浏览器选择部分文本*注意点:*- setSelecionRange(startIndex,endIndex) 选择部分文本- IE选择部分文本- 最后一步为文本框设置焦点```function selectText(textbox,startIndex,endIndex){//选择部分文本 if(textbox.setSelectionRange){ te...原创 2018-05-25 11:50:30 · 202 阅读 · 0 评论 -
页面使用overflow-scroll在iOS上滑动卡顿的问题
页面使用overflow-scroll在iOS上滑动卡顿的问题出处:因在做一个滑动的list列表,为某个div使用了overflow: scroll属性。结果在手机上测试时,ios手机有明显的滑动卡顿问题,而安卓手机不会出现该现象。经在网上查阅后,得知:以下代码可解决这种卡顿的问题:-webkit-overflow-scrolling: touch; 记录问题,但...转载 2018-05-30 21:34:54 · 805 阅读 · 0 评论 -
String()与.toString()与toLocalString()的对比
1.string()和.toString()都可以将数据转换成字符串类型[toString() 方法可把一个逻辑值转换为字符串,并返回结果]image.pngbut-------------.toString(),但是null 和 undefined 排除在外。image.png.toString()可以转换进制字符串image.pngtoLocaleString()用法1:toLocalStri...原创 2018-05-30 21:50:44 · 2801 阅读 · 0 评论 -
数组常用方法 reverse / filter / map / concat / forEach 之介绍
arr.reverse()arr.filter()arr.map()arr.concat()arr.forEach()var arr = [32, 33, 16, 40]arr.reverse() ---------- 颠倒数组中元素的顺序。// 40,16,33,32:注意:会改变原来的数组,而不会创建新的数组arr.filter()filter() 方法创建...原创 2018-06-09 16:13:21 · 562 阅读 · 0 评论 -
检测类型 typeof / instanceof / Object.prototype.toString.call()
1.typeof操作符[注意,null ]typeof 在检测--数组,空对象,对象,日期,null时,结果均返回“object”2.instanceof 检测类型instanceof相比较typeof操作符时,null可以区分出不属于“object”3.Object.prototype.toString.call()以下均返回的是布尔值判断是否是数组function isArray(o){ret...原创 2018-06-29 14:35:13 · 596 阅读 · 0 评论 -
js检测类型的方法小汇总
查看:http://note.youdao.com/noteshare?id=66889bec07f9179240240f366cf3b23a&sub=E83B7A92BBC94BF7BFD6557821BB53771.typeof操作符[注意,null ] 2.instanceof 检测类型 3.Object.prototype.toString.ca...原创 2018-07-31 19:47:30 · 231 阅读 · 0 评论 -
substring() substr() slice() splice() 小结
substring | substr | slice | splice区别:substring翻译为中文是:子串;子链网络释义:截取字符串中的子串++string.substring(start,end);end 可以为空;strat必须为==非==负整数++substr翻译为中文是:子串函数;字符截取函数;取字符串的子串网络释义:取字符串中的子串++s...原创 2018-08-02 11:08:23 · 260 阅读 · 0 评论 -
【转】理解JavaScript 执行机制及异步回调(setTimeout/setInterval/Promise)
此处为转载,感谢作者分享!不论你是javascript新手还是老鸟,不论是面试求职,还是日常开发工作,我们经常会遇到这样的情况:给定的几行代码,我们需要知道其输出内容和顺序。因为javascript是一门单线程语言,所以我们可以得出结论:javascript是按照语句出现的顺序执行的看到这里读者要打人了:我难道...转载 2018-08-16 10:27:01 · 422 阅读 · 0 评论 -
【转】JavaScript 的闭包用于什么场景
ps:此处感谢作者!下面是译文作者链接:[JavaScript 的闭包用于什么场景](https://blog.youkuaiyun.com/u011240877/article/details/70202456#commentBox) 本文翻译自 MDN ( Mozilla De...转载 2018-08-27 11:17:20 · 185 阅读 · 0 评论 -
表单常用事件☞过滤文本1
过滤文本1---只允许用户输入数值首先解读下键盘与文本事件:keypress事件 【event.charCode】keypress: 当用户按下键盘上的字符键时触发,而且如果按住不放的话,会重复触发此事件。按下 Esc键也会触发这个事件用户按了下字符键,首先会触发 keydown 事件,然后紧跟着是 keypress 事件, 最后会触发 keyup 事件。其中,keydown 和 keypress...原创 2018-05-26 09:51:39 · 156 阅读 · 0 评论