js
Marktubbu
你对所学东西理解深度,决定了你所站的高度
展开
-
MonacoEditor编辑器自动格式代码
MonacoEditor编辑器自动格式代码原创 2022-08-02 18:16:17 · 2832 阅读 · 2 评论 -
element-ui —— el-tooltip 超出部分显示省略号,鼠标悬浮显示详情
element-ui —— el-tooltip 超出部分显示省略号,鼠标悬浮显示详情原创 2022-08-02 18:13:27 · 2828 阅读 · 2 评论 -
js 获取本周 周一-周日的日期,周一周日问题特殊处理
需求获取本周周一-周日的日期 var now = new Date(); var nowTime = now.getTime() ; var day = now.getDay(); var oneDayTime = 24*60*60*1000 ; var MondayTime = nowTime - (day-1)*oneDayTime ;//显示周一 var SundayTime = nowTime +.原创 2021-08-09 14:45:55 · 2217 阅读 · 0 评论 -
Do not access Object.prototype method ‘hasOwnProperty‘ from target object
Do not access Object.prototype method 'hasOwnProperty' from target object编写代码的时候,使用了eslint:let obj = {};obj.hasOwnProperty('xxx');此时会显示标题错误。大概的意思的:不要使用对象原型上的方法。因为原型的方法可能会重写。解决方法object.property.hasOwnProperty.call(obj,'属性')ECMAScript 5.1.原创 2021-03-04 13:20:29 · 372 阅读 · 2 评论 -
移动端 vue 3d轮播使用
安装npm install -S vue-carousel-3d调用1、全局注册,main.jsimport Vue from 'vue'import Carousel3d from 'vue-carousel-3d'Vue.use(Carousel3d2、在组件中局部注册import { Carousel3d, Slide } from "vue-carousel-3d";export default { components: { Carousel3原创 2021-03-01 14:14:09 · 627 阅读 · 0 评论 -
判断浏览器到底是关闭还是刷新?准确性超高
判断浏览器到底是关闭还是刷新?准确性超高进入专区参与更多专题讨论 最近纠结在一个问题上,研究浏览器的关闭事件,百度了一大堆,发现没有关闭事件。相关文章如下所讲:http://bbs.csdn.net/topics/330239056http://www.cnit618.com/html/qdkf/js/1338.htmhttp://zhidao.baidu.com/link?url=ULiLZsVjyB43Tz1p0Lkc6BP9ZTQwoMKrfq-OkZ69i32oXJjWbD40e转载 2021-02-24 13:54:50 · 1013 阅读 · 2 评论 -
浏览器在关闭的时候区分刷新
关闭流程onbeforeunload-onunloa刷新onbeforeunload-onunloa-onload原创 2021-02-24 13:39:00 · 100 阅读 · 0 评论 -
iframe 子页面传值给父页面
子页面<body> 子级:B页面<br/> <button id="b_button">B页面发送A页面数据</button><br/> <script> document.getElementById("b_button").onclick = function(){ var param = {'name':'admin'}; window.parent.p原创 2021-02-24 13:21:21 · 3300 阅读 · 0 评论 -
yarn 环境安装依赖报错解决方法(info [email protected]: The platform “win32“ is incompatible with this module.)
⚙ Installing CLI plugins. This might take a while…yarn install v1.13.0info No lockfile found.[1/4] Resolving packages…[2/4] Fetching packages…info [email protected]: The platform “win32” is incompatible with this module.info “[email protected]” is an optio原创 2021-02-22 13:39:53 · 1245 阅读 · 0 评论 -
前端RSA加密,加密字符串过长,提示“Message too long for RSA”问题
/***长文本加密*@param{string}string待加密长文本*@returns{string}加密后的base64编码*/RSAKey.prototype.encryptLong=function(text){var_this=this;varmaxLength=((this.n.bitLength()+7)>>3)-11;...原创 2021-01-29 15:27:53 · 3483 阅读 · 0 评论 -
js 对象合并assign
方法:Object.assign() varo1 = { a: 1 }; varo2 = { b: 2 }; varo3 = { c: 3 }; 这样做当前目标对象会被污染 varobj = Object.assign(o1, o2, o3); console.log(obj);// { a: 1, b: 2, c: 3 } console.log(o1);// { a: 1, b: 2, c: 3 }, 注意目标对象自身也会...原创 2021-01-27 11:14:45 · 148 阅读 · 0 评论 -
apply concat 数组合并
两个数组合并concat()方法JavaScript的Array对象中提供了一个concat()方法,作用是连接两个或更多的数组,并返回一个新的数组。var arr3 = arr1.concat(arr2);console.log(arr3); // [1,2,3,4,5,6]要注意的是,concat()方法不会改变原数组,而是返回一个新的数组。这样,当我们需要进行多次数组合并的时候,就会造成内存浪费。apply()方法函数的apply方法有一个特性,那就是func.apply原创 2021-01-27 11:07:51 · 208 阅读 · 0 评论 -
JS document.execCommand实现复制功能(带你出坑)
最近项目中需要实现功能:点击button,复制input框的值;我使用的是document.execCommand('copy')的方法;但是很郁闷的是,始终实现不了功能;代码如下HTML代码(v-model是vue框架中的双向数据绑定,不懂的请移步vue文档)<input id='input_url' v-model='product_url' disabled type="text">JS代码var input = $('#input_url');inpu.原创 2021-01-26 15:49:09 · 228 阅读 · 0 评论 -
H5 下拉加载更多(模拟微信聊天记录)
前言前段时间用H5实现一个实时聊天的功能。发现很难实现像微信聊天记录一样下拉加载更多记录。市面上大部分的 Web 项目实现的效果都是上拉加载,下拉刷新。下拉加载更多很少见,下拉在加载数据方面与上拉是一样的,但是如何做到像微信聊天记录一样,下拉之后还是保留在原有的位置就需要思考一下了。下拉与上拉区别下拉与上拉在加载数据上面基本一致,但是因为方向不同,所以也存在以下不同之处。上拉是将数据加载到原数据后面,所以用的是数组拼接 concat 方法。而下拉是将数据添加到原数据前面,所以需要使用 uns原创 2021-01-15 13:25:48 · 1964 阅读 · 1 评论 -
移动端debug vconsole 打印
当你现在移动端进行debug时可以用vconsole如下在html引入即可打印的及 network 都可以看到<scriptsrc='https://cdn.bootcss.com/vConsole/3.3.2/vconsole.min.js'></script><scripttype="text/javascript">window.vConsole=newwindow.VConsole();<...原创 2020-12-23 17:39:37 · 156 阅读 · 0 评论 -
Android webview “location.replace” 不起作用
js解决方法:function locationReplace(url){ if(history.replaceState){ history.replaceState(null, document.title, url); history.go(0);//当你想返回对应的层级界面 这里的0 可以调整 如 -1 }else{ location.replace(url); }}出处是stackoverflow,其他方法还有就是原生客户端的解决方法,地址:h原创 2020-12-21 11:29:56 · 1189 阅读 · 0 评论 -
在vue.js中实现a标签href tel的打电话功能
在vue.js中实现a标签href tel的打电话功能 div v-for="p in persons"> <p> name: {{ p.name }} </p> <p> //正确做法,拼接字符串 tel: <a :href="'tel:' + p.phone">call me</a> </p> </div> ...原创 2020-12-18 13:46:47 · 829 阅读 · 0 评论 -
van-pull-refresh 于van-list 或者自动滚动冲突时
1 第一次遇到的问题是van-pull-refresh 于van-list 之间发生了滚动冲突 ,当滑动时直接刷新2 第一次遇到van-pull-refresh 没有使用van-list 结果还是发生了冲突总结冲突和van-list没关系然后解决方案就是讲van-pull-refresh 放在你可以滑动div如图中间可以滚动如图嵌套即可...原创 2020-12-17 14:04:20 · 1376 阅读 · 0 评论 -
长连接、短连接、长轮询和WebSocket
对这四个概念不太清楚,今天专门搜索了解一下,总结一下: 长连接:在HTTP 1.1,客户端发出请求,服务端接收请求,双方建立连接,在服务端没有返回之前保持连接,当客户端再发送请求时,它会使用同一个连接。这一直继续到客户端或服务器端认为会话已经结束,其中一方中断连接。 优势:减少了连接请求,降低TCP阻塞,减少了延迟,实时性较好。 劣势:可能会影响性能,因为它在文件被请求之后还保持了不必要的连接很长时间。 短连接:在HTTP1.0中,客户端发送请求,服务器接收请求,双方建立连接,服务器响应资源,请求结束。 长原创 2020-12-12 13:39:33 · 360 阅读 · 0 评论 -
数组里的字符串数字与数字互转
1.字符串数字转数字var arr = [1, 2, 3, 4, 5];arr.map(String); // ['1', '2', '3', '4', '5']2.数字转字符串数字var arr2 = ['1', '2', '3', '4', '5']arr2.map(Number); //[1, 2, 3, 4, 5]原创 2020-11-19 17:59:42 · 2169 阅读 · 0 评论 -
判断js对象是否拥有某属性
两种方式,但稍有区别1,in 运算符123varobj = {name:'jack'};alert('name'in obj); // --> truealert('toString'in obj); // --> true可看到无论是name,还是原形链上的toString原创 2016-06-01 11:43:24 · 258 阅读 · 0 评论 -
JavaScript中清空数组的三种方式
JavaScript中清空数组的三种方式原创 2016-05-20 14:33:43 · 289 阅读 · 0 评论 -
JavaScript库
http://underscorejs.org/原创 2016-06-07 14:48:41 · 228 阅读 · 0 评论 -
js跨域及解决方案
js跨域及解决方案1.什么是跨域我们经常会在页面上使用ajax请求访问其他服务器的数据,此时,客户端会出现跨域问题.跨域问题是由于javascript语言安全限制中的同源策略造成的.简单来说,同源策略是指一段脚本只能读取来自同一来源的窗口和文档的属性,这里的同一来源指的是主机名、协议和端口号的组合.例如:URL说明是否允许通信转载 2016-06-08 15:13:47 · 244 阅读 · 0 评论 -
JS中NaN值与isNaN()函数
NaN “Not a Number”。出现这个数值比较少见,以至于我们可以不理它。当运算无法返回正确的数值时,就会返回“NaN”值。NaN 值非常特殊,因为它“不是数字”,所以任何数跟它都不相等,甚至 NaN 本身也不等于 NaN 。isNaN()计算一个参数,检查它是否为数值。 语法isNaN(testValue) 参数testValue :原创 2016-06-08 19:04:01 · 717 阅读 · 0 评论 -
js正则验证0~1之间数字的方法。可以为小数,0和1
function nn(n){if(/^(0.\d+|0|1)$/.test(n)){ alert("ok")}else{ alert("err")}}nn("0")nn("0.0")nn("0.1")nn("1")nn("11")原创 2016-08-15 18:52:29 · 9814 阅读 · 0 评论 -
数组去重
function uniqueArray(data){ data = data || []; var a = {}; for (var i=0; ilength; i++) { var v = data[i]; if (typeof(a[v]) == 'undefined'){ a[v] = 1; }原创 2016-08-17 19:20:51 · 229 阅读 · 0 评论 -
js中数组遍历for与for in区别(强烈建议不要使用for in遍历数组)
js中遍历数组的有两种方式var array=['a']//标准的for循环for(var i=1;iarray.length;i++){ alert(array[i])}//foreach循环for(var i in array){ alert(array[i])}正常情况下上面两种遍历数组的方式结果一样。首先说两者的第一个区别标准的for循环中的i是nu原创 2016-08-23 10:58:09 · 362 阅读 · 0 评论 -
JavaScript
简介关于作者这篇文章的作者是两位 Stack Overflow 用户, 伊沃·韦特泽尔 Ivo Wetzel(写作) 和 张易江 Zhang Yi Jiang(设计)。贡献者贡献者中文翻译三生石上此中文翻译由三生石上独立完成,博客园首发,转载请注明出处。许可JavaScript 秘密花园在转载 2016-08-24 14:18:13 · 350 阅读 · 0 评论 -
JavaScript toFixed() 方法
注意是number类型 string 的转换定义和用法toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。语法NumberObject.toFixed(num)参数描述num必需。规定小数的位数,是 0 ~ 20 之间的值,包括 0 和 20,有些实现可以支持更大的数值范转载 2016-08-24 18:04:04 · 426 阅读 · 0 评论 -
全国城市三级联动
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml">head> meta http-equiv="Content-Type" conten转载 2016-11-10 16:31:42 · 565 阅读 · 0 评论 -
翻书效果
html>html lang="en">head> meta charset="UTF-8"> title>title>head>script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">script>style> html,body,div,ul,li,原创 2016-11-10 16:38:55 · 449 阅读 · 0 评论 -
js的基本数据类型有哪些?
js的基本数据类型有哪些?ECMAScript中有5中简单数据类型(也称为基本数据类型): Undefined、Null、Boolean、Number和String。还有1中复杂的数据类型————Object,Object本质上是由一组无序的名值对组成的。其中Undefined、Null、Boolean、Number都属于基本类型。Object、Array和Function则属于引用类型,转载 2017-11-17 10:22:16 · 2019 阅读 · 0 评论 -
javascript时间戳和日期字符串相互转换
"http://www.w3.org/1999/xhtml">"Content-Type" content="text/html; charset=utf-8" />"text/javascript">// 获取当前时间戳(以s为单位)var timestamp = Date.parse(new Date());timestamp = timestamp / 1000;//当前时间戳原创 2018-01-15 10:31:10 · 1450 阅读 · 0 评论 -
js-分享功能(qq,微信,微博,复制连接)
//复制连接<input id='input_url' v-model='product_url' type="text">var input = $('#input_url');input.select();注意 input不可以 disabled hidden 不展示可以 opacity:0//分享QQ好友 function qq(tit...原创 2019-06-14 14:01:56 · 796 阅读 · 0 评论 -
js对象的深拷贝
关于对象的深拷贝一直是大家津津乐道一个话题首推的方法简单有效,JSON.stringfy()和JSON.parse()即可搞定。但是这种简单粗暴的方法有其局限性。当值为undefined、function、symbol会在转换过程中被忽略。。。所以,对象值有这三种的话用这种方法会导致属性丢失。var syb = Symbol('obj');var person = { na...原创 2019-07-30 16:53:41 · 94 阅读 · 0 评论 -
js 数组
JavaScript的Array可以包含任意数据类型,并通过索引来访问每个元素。要取得Array的长度,直接访问length属性:var arr = [1, 2, 3.14, 'Hello', null, true];arr.length; // 6请注意,直接给Array的length赋一个新的值会导致Array大小的变化:var arr = [1, 2, 3];arr...原创 2019-09-03 09:50:34 · 140 阅读 · 0 评论 -
利用函数的惰性载入提高javascript代码性能
在javascript代码中,因为各浏览器之间的行为的差异,我们经常会在函数中包含了大量的if语句,以检查浏览器特性,解决不同浏览器的兼容问题。例如,我们最常见的为dom节点添加事件的函数:function addEvent (type, element, fun) { if (element.addEventListener) { element.addEventLi转载 2016-05-30 13:55:49 · 302 阅读 · 0 评论