
js
文章平均质量分 69
繁华是瑾
这个作者很懒,什么都没留下…
展开
-
video播放器禁用or启用拖动进度条
做视频教育网站 客户提出一个需求,视频学习完毕时,在观看视频能够拖动进度条.未观看完毕时,禁止拖动视频进度条,只能倍速播放;用的插件的 videojs一开始用的是 disableProcess.js 插件,但是很快发现一个bug;BUG:第一个视频播放时能够禁止拖动进度条,ok,这个没问题,当切换到第二个视频的时候,视频会出现卡死,然后控制台无限出现 this.videojs.disableProcess is not function 这个错误, 导致视频卡在这里,播放不了;通过测试发现对于一个原创 2020-12-18 15:57:10 · 6873 阅读 · 1 评论 -
JS数组常用操作方法
1、join();用法:将数组中的所有元素都转化为字符串,并连接在一起;2、reverse()用法:将数组中的元素颠倒顺序.3、concat()用法:拼接多个数组,并返回全新的数组,原数组不受影响;4、slice()用法:截取数组生成新数组,原数组不受影响;返回的数组第一个参数指定的位置(包含)和第二个参数指定的位置(不包含)之间的所有元素,如果指定参数为负数,则从数组的最后一个元素开始,如果只有一个参数,则表示到数组的末尾;var aa = [1,2,3,4,5,6];console.原创 2020-05-27 13:19:48 · 564 阅读 · 2 评论 -
遇到的一些插件
1、json在页面上面进行可视化的插件https://github.com/leezng/vue-json-pretty2、前端输入命令的插件https://github.com/codemirror/CodeMirror原创 2020-05-25 10:53:21 · 235 阅读 · 0 评论 -
原型链
万物皆对象; 每一个对象都有一个原型 __proto__,假如有一个对象里面想要查找属性X,如果当前对象中没有这个属性,那么就会进入该对象的原型中查找,如果原型中也没有那么就会进入原型的原型中查找,如此下去这样就叫做原型链, 原型链的好处是,将公共的数据进行共享,简化代码,原型继承,这是es5中的叫法,function foo(x){ this.y = x;...原创 2019-08-11 19:54:19 · 119 阅读 · 0 评论 -
前端页面里面的文件下载 兼容IE10+
页面上一个下载按钮,然后文件就哗哗的下载到你的本地了,这其中发生了什么?1.首先点击按钮触发事件,调用接口去后台请求下载的文件,然后后台会以二进制流的方式把文件传到你这里,这里可能需要一点时间,你可以加个loading的动画,比如这样:2.对于拿到的文件流,前端会将其转化为blob,并加上保存的分类:const blob = new Blob([data], {type: 'appl...原创 2019-06-11 11:36:06 · 2697 阅读 · 0 评论 -
JS深拷贝的方法
先看一个例子 var a = [1,2,3,4,5,6]; var b = a; b.push('b'); console.log(a); console.log(b);输出结果: [1, 2, 3, 4, 5, 6, "b"] [1, 2, 3, 4, 5, 6, "b"]是不是和想象中的完全不一样,我们改变的只是b数组,结果a数组也发...原创 2018-07-20 17:33:20 · 623 阅读 · 0 评论 -
JS的浮点计算
最近在做电商项目的时候,遇到了价格计算的时候,会出现类似欲199.9999999999999999999的情况,但是我明明计算的两个值是只有两位数,怎么会出现这种情况呢?后来经过查找资料才知道:比如0.1 + 0.2 = 0.30000000000000004; 这个样子是不是很奇葩;其实对于浮点数的四则运算,几乎所有的编程语言都会有类似精度误差的问题,只不过在 C++...原创 2018-07-19 17:56:36 · 6459 阅读 · 0 评论 -
angular框架中,使用FileReader时,图片预览,会出现上传图片后,再点击上传图片才显示
我这里是通过FileReader获取图片的base64编码,赋值给img的src属性的,以此来进行预览html代码: JS代码 var reader = new FileReader; reader.onload = function (e) {原创 2017-10-24 15:49:32 · 1251 阅读 · 0 评论 -
sass for循环中变量的计算
在关于字体的应用中,浏览器对于字体小于12px的给与12px的显示,对应的标签必须是块级元素解决的方法是:.font{ font:12px; -webkit-transform:scale( 0.66 );}就是-webkit-transform:(字体/12px);然后就想通过sass的for循环把需要的循环出来 就不用在一遍遍的css了@f...原创 2017-10-20 17:06:34 · 2237 阅读 · 2 评论 -
一个jQuery的弹窗显示后消失,
一个这个提示功能的弹出后隐藏, Alert(pWidth,content); function Alert(pWidth,content) { $("#msg").remove(); var html =''+ content +'' $("body").append(html); var原创 2017-09-12 10:28:02 · 829 阅读 · 0 评论 -
angular-bootstrap-nav-tree 插件的应用 abntree
是一个应用angular,bootstrap框架的项目,而且有要用到树的地方,然后就在github上面查找相关的插件,,最后找到了abntree,因为是在项目中用到的,所以可能和你们的环境有所差异,仅做参考;引入两个文件:abn-tree.css文件和abn_tree_directive.js文件;由于我的是angulat项目,所以还需要在module中引入“angularBoo...原创 2017-09-12 10:00:56 · 4268 阅读 · 0 评论 -
关于ajax中success返回值赋值给全局变量undefined
在调用一个jQuery的ajax方法时,我们有时会需要返回一个值或者赋值给某个全局变量, 但是调用方法执行结束后,却发现赋值的全局变量的值是undefined,这时很有可能是因为ajax的参数async,他的默认值是true,即异步执行,即你没拿到数据也能继续走下去,如:function a(){ var year = 2012; var c; ...原创 2017-05-24 22:47:50 · 7056 阅读 · 2 评论 -
$.cookie is not cookie的问题
我把页面分成了头部主体和尾部分为了三个文件,三个文件里都各自引用了一个jquery,今天引用jq cookie插件的时候 ,一直报$.cookie is not function差了资料才知道 ,多次重复的引用jq啊原创 2017-05-04 16:40:05 · 3481 阅读 · 0 评论 -
关于js和jq获取文本内容和文本框内容的值
jq: $('.class').text() 获取文本的内容; $('.class').text('想要在文本框内放置的内容'); 在标签内放置内容js:documentgetElementById('id').innerHTML 获取文本的内容;documentgetElementById('id').value 获取文本框的内容;原创 2017-05-23 13:09:14 · 21115 阅读 · 0 评论