js
文章平均质量分 89
Charles_Tian
Time is well
展开
-
react-sortablejs 实现自定义表单设计
一、业务需求描述1. 能够拖动表单组件(不限制样式)到指定区域后,渲染成指定的组件2. 能支持自定义标签名和属性,以及默认值3. 能实现可支持预览、可排序、可编辑等功能4. 能通过JSON数据格式前后端相互传递二、业务前期准备1. 在网上搜索了蛮多素材,但都是基于VUE的成品(http://www.maoyl.top/Demo/elformdesigndemo/index.html),与实际基于react实现不太符合,虽然自定义表单设计可以自己实现,但需一定时间,所以更偏向于使用已有的素材原创 2020-11-09 13:54:55 · 7158 阅读 · 71 评论 -
js实现复制文本内容到剪切板
原文出处:https://blog.csdn.net/github_36091081/article/details/77508710该方法可兼容所有浏览器。代码如下:HTML:<div cols="20" id="biao1">12345678</div><input type="button" onClick="copyUrl2()" va转载 2018-08-15 15:02:07 · 3733 阅读 · 0 评论 -
js将网络链接动态生成二维码示例
1.首先要下载qrcode.js文件,可自行百度搜索下载;2.在使用的文件中引入:<script src='js/qrcode.js'></script>因为在JS代码我用的是JQuery的写法,所以如果想避免其他不必要的麻烦,可再下载一个JQuery的插件,然后引入:<script src='js/jquery.min.js'></scr...原创 2018-08-22 09:46:25 · 2617 阅读 · 0 评论 -
js将视频或音频的时长转化为标准化的xx:xx:xx格式
1.有的时候后台返回的视频或音频时长是以秒为单位的,就比如一段音频的时长为300s,但是在前端页面展示的时候,为了用户体验,是要将时长转化为标准格式,即00:05:00的格式;2.那么下面就来封装一个格式化时长的函数;JS: function formatDuraton(time){ if(time > -1){ ...原创 2018-08-22 09:52:52 · 3144 阅读 · 0 评论 -
键盘按钮keyCode简记法
1.简记法如下图:2.调用:1)组合键示例:if ((window.event.ctrlKey) && (window.event.keyCode==49)){ alert("您按下了CTRL+1键");} 2)获取用户按下的键的keyCode:<body><input type="text" onkeydown="re...原创 2018-08-20 16:31:06 · 664 阅读 · 0 评论 -
js事件循环机制
原文链接:https://blog.csdn.net/sjn0503/article/details/76087631面试题如下:console.log('start')const interval = setInterval(() => { console.log('setInterval')}, 0)setTimeout(() => { cons...转载 2018-08-28 12:11:57 · 248 阅读 · 0 评论 -
关于作用域和js执行机制的一道面试题
题目: var funcs = [] for (var i = 0; i < 10; i++) { funcs.push(function() { return i; }) } funcs.forEach(function(func) { console.log(func()); })这题输出多少呢?答案...原创 2018-08-29 09:26:49 · 1213 阅读 · 0 评论 -
关于一元操作符运算的理解(console.log(a++ + a-- + ++a + --a + a--))
现在直接给出一道笔试题,看各位是否能回答正确,如果回答正确,那可以看看分析是否是你所想的,如果没有回答正确,那么还是耐心的看下去吧,因为这种题也是笔试常考的题型。上代码:var a = 9;var b = a++ + a-- + ++a + --a + a--;console.log(a);console.log(b);可别小看这一道题,这道题里面涉及的js知识点还是很多的。...原创 2018-09-05 14:43:51 · 1366 阅读 · 5 评论 -
web项目开发之设置、获取、删除cookie等操作
在开发web项目的时候,cookie的使用可提高用户体验,之前对于cookie的认识,都是处于一种似懂非懂得境地,也不知道该怎么用代码去处理它,而且在面试的时候偶尔也会问到,于是今天就好好研究一番。1. cookie的信息是人为设置的起初,我一直以为cookie是因为用户登录某个网站之后,服务器返回的一个特定的标识给浏览器,然后浏览器将这个标识保存,每当用户再发起请求的时候,都会把这个标识...原创 2018-10-15 22:00:20 · 2101 阅读 · 0 评论 -
javascript对点击事件和拖动事件的区分
1.项目中,为了更好的服务用户,经常会设计一个便捷的通道,这个通道一般都是“悬浮”的。由于是悬浮的,那么就会考虑用户会出现哪几种可能的操作,一个是直接点击,另外一种就是在屏幕上先拖动几下,然后再点击。那么为了完美的实现这个需求,那么该怎么办呢? 最重要的就是要区分点击事件和拖动事件。我们都知道,点击事件是被点击的对象可看做是静止不动的,而拖动事件的对象很明显是移动的。那么思...原创 2018-03-17 16:35:21 · 6548 阅读 · 0 评论 -
js实现文章或个人动态发布了多久的时间描述:几分钟前,几小时前,几天前等
一般来说,为提高用户体验,在某些管理文章或个人动态时,需要在右下角显示该文章或该动态已经发布了多久。那么该需求具体到底怎么实现呢?如果没思路可能会觉得有点难,但是一旦有了思路之后,其实实现起来很简单。1.首先我们要明确显示的时间层具体有几层;2.要明确年月日时分秒的获取和相互之间的单位换算;3.怎么用逻辑去判断,去返回详细的时间描述。理解上面三个步骤之后,我们来实现一下简单的需...原创 2018-08-15 12:02:16 · 2854 阅读 · 0 评论 -
解读JS异步、回调和EventLoop
原文链接:https://www.cnblogs.com/xie-zhan/articles/6269117.html回调,是非常基本的概念,尤其在现今NodeJS诞生与蓬勃发展中变得更加被人们重视。很多朋友学NodeJS,学很久一直摸不着门道,觉得最后在用Express写Web程序,有这样的感觉只能说明没有学懂NodeJS,本质上说不理解回调,就不理解NodeJS。NodeJS有三大核心: - ...转载 2018-06-27 13:53:36 · 249 阅读 · 0 评论 -
js中call()和apply()的使用
在讲解之前,因为call()和apply()方法的第一个参数传入的是一个对象,一般会用this表示引用对象,所以学习之前一定要先明白this的指向问题,关于this的指向问题,可以查阅链接:js中this的作用和使用方法1.call()的使用 call()和apply()的作用十分相似,只是参数类型上的差别,以适应不同的使用场景。它们都是为了改变函数运行时的 context(上下文)而存在的...原创 2018-04-01 15:58:23 · 189 阅读 · 0 评论 -
js中this的作用和使用方法
this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。例如:function test(){ this.x = 1;}随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。进一步说,this和它声明环境无关,而完全取决于他的执行环境。以下有四种情况可以概括this的用法:第一种:纯...原创 2018-04-01 16:56:28 · 2231 阅读 · 0 评论 -
关于js异步回调
首先赋上看的比较好的链接:js同步、异步、回调执行顺序分析js的异步和回调首先要明白的是Js语言的执行环境是“单线程”的。而所谓的“单线程”指的是一次只能完成一个任务。如果有多个任务,则需要排队,只能等到前一个任务完成之后,再执行下一个任务,直到所有任务执行完毕。但是这跟js异步回调有什么关系呢?关系还挺大的。如果在执行任务的时候,其中某个任务耗时很长,又由于后面的任务只能排队等着,所以这势必会拖...原创 2018-04-09 11:09:25 · 898 阅读 · 0 评论 -
对js闭包的理解
在了解闭包之前,需先了解三个概念1.变量对象(variable object)2.执行环境(execution contexts)3.作用域链(scope chain)1.变量对象(variable object)ECMAScript变量可能包含两种不同数据类型的值:1.基本类型值:指的是简单的数据段2.引用类型值:指那些可能由多个值构成的对象可以给引用类型值添加属性,但是不可以给基本类型值添加属...原创 2018-03-27 20:10:43 · 263 阅读 · 0 评论 -
js原型、原型链与继承的理解
链接1:https://www.cnblogs.com/gulei/p/6733707.html链接2:https://www.cnblogs.com/DF-fzh/p/5619319.html(比较推荐)链接3:https://www.cnblogs.com/chuaWeb/p/5039232.html(比较推荐)链接4:http://blog.csdn.net/alex8046/article...原创 2018-03-27 20:34:30 · 570 阅读 · 0 评论 -
js实现异步编程的方式
首先要说的是为什么要异步编程,它有什么优缺点?JavaScript是一种单线程执行的脚本语言(这可能是由于历史原因或为了简单而采取的设计)。它的单线程表现在任何一个函数都要从头到尾执行完毕之后,才会执行另一个函数,界面的更新、鼠标事件的处理、计时器(setTimeout、setInterval等)的执行也需要先排队,后串行执行。假如有一段JavaScript从头到尾执行时间比较长,那么在执行期间任...原创 2018-04-10 18:23:18 · 473 阅读 · 0 评论 -
一道关于面向对象程序设计的笔试题(非常经典)
话不多说,直接上题,代码如下:function Foo (){ getName = function (){ alert(1); }; return this;}Foo.getName = function (){ alert(2);};Foo.prototype.getName = function () { alert(3);};...原创 2018-04-11 15:17:09 · 3612 阅读 · 0 评论 -
js怎么获取路径后面带过来的参数?
1.js怎么获取路径后面带过来的参数?博主这里提供三种方法,但是推荐第二种和第三种方法,新手可以先从第一种方法学习,后续再学第二种和第三种。路径:https://域名/xxx/xxx/xxx.html?参数id=12&参数name=34&参数type=56&参数value=78第一种:利用split进行处理首先在$(document).ready(function(){}中...原创 2017-12-03 22:24:29 · 27418 阅读 · 2 评论 -
js怎么把几个li标签按顺序添加进一个div中?
1.js怎么把几个li标签按顺序添加进一个div中?这种问题一般出现在前端请求数据之后,后端以数组的形式返回给前端,然后前端对这些数组进行处理。(1)首先是对后端返回的数据进行拆分,分别得到你想要得到的数据,就比如后台返回数据的id,name,type,status等;即可令:var datas = response.data;var length = datas.length;(2)然后开始遍...原创 2017-12-10 20:13:29 · 5291 阅读 · 0 评论 -
前端跨域原因和解决方案
产生跨域问题的原因跨域问题是浏览器同源策略限制,当前域名的js只能读取同域下的窗口属性。跨域问题产生的场景当要在在页面中使用js获取其他网站的数据时,就会产生跨域问题,比如在网站中使用ajax请求其他网站的天气、快递或者其他数据接口时以及hybrid app中请求数据,浏览器就会提示以下错误。这种场景下就要解决js的跨域问题。XMLHttpRequest cannot load http://你请...转载 2018-05-17 16:25:10 · 1921 阅读 · 0 评论 -
js将数组随机打乱
原理:主要是将数组里的索引值随机打乱,然后将当前的索引值与随机变化之后的索引值互换。1.首先遍历的开始是从最大的索引开始,然后逐次递减;2.然后选取一个随机值randomIndex,这个随机值的产生是在0-len(即数组的长度)之间产生,由于这个值不能为len(因为数组的索引是从0开始的),只能为len-1,故只能向下取整Math.floor;3.取到随机值之后,将这个随机值对应的数组值即arr[...原创 2018-05-16 20:50:55 · 7078 阅读 · 3 评论 -
wx.previewImage坑之setInterval倒计时效果被其中断问题
这个问题,挺新颖的。是在一次开发小程序中遇到的,就是在倒计时的时候会在倒计时在某个时间时给用户展示一个图片,用户可点击这个图片放大查看,然后就在点击查看图片(要经过网络请求获得)的时候,setInterval设置的倒计时被中断,即被清掉了。这显然不是我要得效果,我要得效果是即使用户点击图片放大查看也不影响倒计时的运行。WXML部分:<view class='countDown'&g...原创 2018-06-14 16:37:16 · 853 阅读 · 0 评论 -
js中变量名与函数名重名的问题
网上有很多的博客有谈到这个重名的问题,但是我觉得将不算是很全面,至少我看了还是不懂下面这道题到底是怎么回事。那在讲解这个问题的时候,我们先来看看下面这道题,一道面试题(南山西丽xx研究院):var a = 1;function b(){ a = 10; return; function a(){ console.log(a); } }b(...原创 2018-04-01 11:12:42 · 11108 阅读 · 18 评论