- 博客(29)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue中ref的作用
作用一(基本用法):本页面获取dom元素<template> <div id="app"> <div ref="testDom">11111</div> <button @click="getTest">获取test节点</button> </div></template>...
2019-05-08 09:49:54
1579
原创 ES6之 new Set()
new Set()Set是es6新增的数据结构,似于数组,但它的一大特性就是所有元素都是唯一的,没有重复的值,我们一般称为集合。
2021-12-22 16:44:41
2993
原创 ES6之 new Map()
new Map()Map是ES6提供的数据结构,它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。
2021-12-22 10:51:56
718
原创 JS编写圆环百分比(计时器)
HTML(引入Jquery文件):<div class="wrap"> <div class="circle"> <div class="percent left"></div> <div class="percent right wth0"></div> </div> <div class="num"><span>0</span>%</div><
2020-09-17 11:07:04
1262
原创 es2015实现合并对象(es6)
function assign(target, args) { if (target === null) return; if (Object.assign) { return Object.assign(target, args); } else { var _ = Object(target); for (var j = 1; j < arguments.length; j++.
2020-09-16 11:20:28
476
原创 wx.chooseImage方法和wx.previewimage预览返回会触发onshow的处理方法(微信小程序)
1、page外全局定义开关变量 var isonShow;2、在你需要调用 preivewImage 之前,将这个开关变量设置为 true isonShow= true; wx.chooseImage({})或者wx.previewImage({});3、onshow事件中: if (isonShow) { isonShow= false; return; };...
2020-08-03 18:04:18
2496
1
原创 JS 日期转为时间戳 兼容ios出现NaN之坑(导致小程序中的bindsubmit事件失效问题)
console.log(new Date('2020-7-3').getTime())//1593705600000这个时候在android手机正确转换,但是在ios上就会出现NaN,导致小程序中的bindsubmit事件失效问题,在此记录一下;console.log(new Date('2020-7-3'.replace(/-/g, '/')).getTime())//1593705600000用'.replace(/-/g, '/')'方法就把这个问题解决啦~...
2020-07-03 17:14:06
800
原创 js使用正则获取或 替换富文本编辑器中的src 属性(小程序的rich-text标签也适用)
例:var content = "<p>看看文章里的图片上传后能不能加载出来</p><p><img src="/upfile/2006/0115/1590997979404056911.jpg" title="1590997979404056911.jpg" alt="猫剪影.jpg"/></p><p>多张图片多张图片多张图片多张图片多张图片多张图片多张图片多张图片</p><p>多张图片多张图片多张图片多张图片多
2020-06-02 10:46:51
4495
转载 js--计算数组中重复出现元素的个数
//统计一个数组中有多少个不重复的单词: // 不用reduce时: var arr = ["apple","orange","apple","orange","pear","orange"]; function getWordCnt(){ var obj = {}; for(var i= 0, l = arr.length; i< l; i++){ var item = arr[i]; ...
2020-05-23 19:35:48
2371
原创 js 根据某个特定的值(字段)去重
去重方法res.data//为数据var newdata = [],n = res.data.length,i, j;for (i = 0; i < n; i++) {for (j = i + 1; j < n; j++) {if (res.data[i]["corpid"] === res.data[j]["corpid"]) {j = false;break;}}if (j) newdata.push(res.data[i]);};co
2020-05-10 20:42:11
2104
2
转载 JavaScript in 操作符
JavaScript的in操作符可以用来判断一个属性是否属于一个对象,也可以用来变量一个对象的属性1. 判断属性属于对象var mycar = {make: "Honda", model: "Accord", year: 1998};//注意,属性名必须是字符串形式,因为make不是一个变量if ( "make" in mycar ){ document.write('t...
2020-03-20 15:26:24
281
原创 js手机格式校验+隐藏手机号中间四位,变成*星号 || 身份证生日四位变*,邮箱*号显示
//手机号格式校验if(/^1[3456789]\d{9}$/.test(phonenum)){//判断手机号 console.log(手机号正确);}//手机号中间四位用“ **** ”代替vartel="13122223333";varreg=/^(\d{3})\d{4}(\d{4})$/;tel=tel.replace(reg,"...
2020-01-04 11:52:13
4723
2
原创 js 时间戳转为日期格式
vartimestamp1 =1576741436;//时间戳vartimestamp2 = newDate(parseInt(timestamp1)*1000);console.log(timestamp2 );//ThuDec19201915:43:56GMT+0800(中国标准时间)var timestamp3 = timestamp2.toLocale...
2019-12-19 15:52:31
480
1
原创 JS实现倒计时结束后跳转到指定页面
<body> <p><span id="con">3</span>秒后页面跳转<p></body><script> var con = document.getElementById("con"); var i = 3; var num ...
2019-12-03 20:40:30
1502
转载 怎样在苹果ios系统中,不让alert和confirm弹窗中显示url地址
重写alert方法:window.alert = function(name){ var iframe = document.createElement("IFRAME"); iframe.style.display="none"; iframe.setAttribute("src", 'data:text/plain,'); document.docu...
2019-11-28 09:08:04
460
原创 一个页面同时只能播放一个视频
var videos = document.getElementsByTagName("video");for(var i = 0; i <videos.length; i++){ videos[i].addEventListener("playing",function(){ var this1 = this; thi...
2019-11-14 16:15:59
1303
转载 location.href与location.hash的区别
综:window.location.href表示重定向,后面跟着的是完整的url地址,与其相似的还有window.location.hash,下面来比较window.location.href和window.locaiton.hash的区别。(1)window.location.href得到和使用的是完整的url,比如window...
2019-08-02 11:33:13
4219
原创 ES 6方法 数组快速去重
var arr = [1, 2, 2, 3, 4, 4, 4];varset = new Set(arr); //去重后是一个对象var newArr = Array.from(set); //对象转为数组console.log(newArr); // [1, 2, 3, 4]
2019-08-01 23:34:54
1916
原创 内容部分超出出现滚动,隐藏滚动条(还可以滚动)
方法一:利用 css 3 的新特性 -webkit-scrollbar, 但是这种方式不兼容 火狐 和 IE方法二:利用内外层嵌套, 模拟, 兼容所有浏览器, 相对于方法一比较麻烦, 使用时不能对滚动条声明任何样式...
2019-05-07 16:41:09
5185
转载 jquery和javascript的区别
jquery 就对javascript的一个扩展,封装,就是让javascript更好用,更简单。人家怎么说的来着,jquery就是要用更少的代码,漂亮的完成更多的功能。JavaScript 与JQuery 常用方法比较1、加载DOM区别JavaScript:window.onloadfunction first(){alert('first');}function second()...
2019-03-10 21:30:48
1811
1
原创 =,==,===的区别
一个等号 对值的比较 相当于赋值两个等号在java中相当于 if判断,三个等号在java中没有;但是在JavaScript中==,两边值类型不同的时候,要先进行类型的转换,再比较。==,不做类型转换的时候,类型不同的一定不等。判断两个值是否===相等:1、如果类型不同,就[不相等]2、如果两个都是数值,并且是同一个值,那么[相等];3、如果两个都是字符串,每个...
2019-02-27 12:25:44
387
转载 用node.js输出Hello World
//导入一个http对象var http = require('http');//创建一个http服务器,参数request表示客户端向服务端发送的请求,response表示服务端向客户端的回应http.createServer(function(request,response){ response.writeHead(200,{'Content-Type':'text/html;c...
2018-12-25 15:48:13
571
原创 你对html语义化的理解?HTML和XHTML区别?
理解:1、用正确的标签做正确的事。 2、html语义化让页面的内容结构化,结构更清晰,便于浏览器和搜索引擎解析。 3、即使没有CSS样式,它也以一种文档格式显示,方便阅读。 4、搜索引擎的爬虫也依赖于html标记来确定上下文和各个关键字的权重,利于SEO。 5、使阅读源代码的人更容易将网站分块,方便阅读...
2018-12-20 14:59:27
1302
原创 简述----同步于异步的区别:
同步是阻塞模式,异步是非阻塞模式。同步就是指一个进程在执行某个请求的时候,若该请求需要一段时间才能返回信息,那么这个进程将会一直等待下去,直到收到返回信息才继续执行下去;异步是指进程不需要一直等下去,而是继续执行下面的操作,不管其他进程的状态。当有消息返回时,系统会通知进程进行处理,这样可以提高执行的效率。...
2018-12-13 16:40:04
523
转载 js中常见的一些兼容性问题:
1) 滚动条:document.documentElement.scrollTop||document.body.scrollTop 2) 获取样式兼容function getStyle(dom, styleName){return dom.currentStyle?dom.currentStyle[styleName]getComputedStyle(dom)[sty...
2018-12-04 15:53:26
846
原创 jQuery和Vue的区别
1.jQuery首先要获取到dom对象,然后对dom对象进行进行值的修改等操作2.Vue是首先把值和js对象进行绑定,然后修改js对象的值,Vue框架就会自动把dom的值就行更新。3.可以简单的理解为Vue帮我们做了dom操作,我们以后用Vue就需要修改对象的值和做好元素和对象的绑定,Vue这个框架就会自动帮我们做好dom的相关操作4.这种dom元素跟随JS对象值的变化而变化叫做单向数据绑...
2018-12-04 14:44:37
702
转载 跨浏览器兼容性
一、 CSS样式兼容1. FLOAT闭合(clearing float)网页在某些浏览器上显示错位很多时候都是因为使用了float浮动而没有真正闭合,这也是div无法自适应高度的一个原因。如果父div没有设float而其子div却设了float的话,父div无法包住整个子DIV,这种情况一般出现在一个父DIV下包含多个子DIV。解决办法:1) ...
2018-12-03 19:50:01
599
原创 link和@import的区别:
(1)link属于XHTML标签,除了加载CSS外,还能用于定义RSS, 定义rel连接属性等作用;而@import是CSS提供的,只能用于加载CSS;(2)页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载;(3)import是CSS2.1 提出的,只在IE5以上才能被识别,而link是XHTML标签,无兼容问题;(4)Link方式的权重高于@...
2018-12-03 19:15:38
1148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人