随笔分类 - J前端技术
摘要:h5这么火是有它的理由的,支持原生视频播放,但是目前兼容性还不是很好,因此使用js框架支持网站视频播放是比较不错的选择。 下载video.js,我们可以通过官网去下,但是官网在国外,我尝试了几次均下载失败,于是使用JS神器nodeJS来下载。 下载好后有两个文件是我们需要的,video-js.min
阅读全文
摘要:一个页面需要在加载后勾选table中所有行的checkbox,于是就这样写 结果一点反应也没有,检查好久,代码没有问题啊,好一番查询,都要放弃了,终于找到原因:table还没有渲染完 咔嚓!我明明写在$(function(){})中的代码竟然在还没有加载完时执行了!? 原来JS是单线程,但是浏览器是
阅读全文
摘要:很多时候我们使用两个div,内层的div设置文字,需要垂直居中与上层div,但是怎么设置样式都不行,vertical-align:middle也不行。 代码: 原来,css中还有一项潜规则叫做外边距合并,外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生
阅读全文
摘要:页面结果: 控制台输出: 使用prop设置禁用与解除禁用: 使用attribute设置禁用与解除禁用:
阅读全文
摘要:1 //四舍五入保留2位小数(若第二位小数为0,则保留一位小数) 2 function keepTwoDecimal(num) { 3 var result = parseFloat(num); 4 if (isNaN(result)) { 5 console.error('参数非数值,无法四舍五入
阅读全文
摘要:文档流 css中的块级元素在页面中是独占一行的,自上而下排列,也就是我们所说的流,通常我们称之为文档流或标准流。 浮动 使元素脱离文档流,按照指定的方向(左或右发生移动),直到它的外边缘碰到包含框或另一个浮动框的边框为止。起初,W3C规定出来的浮动实际并不是为了布局所用,当时是为了做文字环绕才使用到
阅读全文
摘要:最近看到许多博客的页面都带有飘动线条背景,于是研究了一下。 其实很简单实现,只要在body标签内添加一个js引用即可 参数: count :线条数量。 zindex :层级。 opacity:透明度。 color :线条颜色。最好用RGB颜色。
阅读全文
摘要:有人问,拷贝和克隆不都是“复制”的意思吗。 这位看官问的好,一般情况下是一样的,但在jquery中却有些不同。jqurey深度拷贝一般只js对象的复制,是.clone()方法。 $.extend() 语法:jQuery.ext
阅读全文
摘要:1 @font-face { 2 font-family: 'FontAwesome'; 3 font-style: normal; 4 font-weight: normal; 5 } 6 * { 7 margin: 0; 8 padding: 0; 9 } 10 body { 11 background: #eee; 12 ...
阅读全文
摘要:系统设计地址为省市县三级联动,规范是规范了,但是无形中增加了系统操作的时间成本,因此设计地址自动返填技术,只要把地址拷贝到详细地址框中,可以自动返填到省市县三级联动的下拉框中。 还好洒家的大学不是混过来的,写起这个模块来感觉饶有趣味。 一、dom结构 省市县三级自然以三个下拉框的形式展现,详细地址为
阅读全文
摘要:1,slice : 定义:接收一个或两个参数,它可以创建一个由当前数组中的一项或多项组成的新数组,注意是新数组哦~ 也就是说它不会修改原来数组的值。 用法:slice( para1 ),会截取从para1开始的到原数组最后的部分; slice(para1,para2)会截取原数组的从para1开始的
阅读全文
摘要:方法一:window.open(url); 但这有个问题:浏览器会打开一个新窗口,然后迅速自动关闭,体验非常不好。 方法二:模拟form提交 由于ajax函数的返回类型只有xml、text、json、html等类型,没有“流”类型,所以通过ajax去请求该接口是无法下载文件的,所以我们创建一个新的f
阅读全文
摘要:$("table tbody").click(function(e) { e.preventDefault(); //阻止自身的事件,并不能阻止冒泡 e.stopPropagation(); //阻止事件冒泡 return false; //阻止事件冒泡});
阅读全文
摘要:今天使用layui弹出窗口,需要将函数写在弹出的窗口,但是按钮事件是在父层窗口绑定的,这样就要在父层窗口调用子层窗口的函数。 子层函数与父层函数 iframe和iframe的关系 首先需要说明的是,w3c已经不推荐使用frame,而推荐使用iframe,iframe也就是inline frame(行
阅读全文
摘要:今天调试checkbox,手动加上checked="checked"和去掉,都对实际页面没有产生影响 搜索一番 1、对radio 、checkbox 来说说,checked属性可以保证页面初始化被选中,但是通过js或者jquery 控制checked属性并不能保证相应的被选中,同样也不能通过chec
阅读全文
摘要:使用jquery获取选中的值很简单 但是获取选中的文本就没有这么直接了 获取选中项的索引
阅读全文
摘要:我们觉得JS简单是因为它是弱类型的语言,不像java那样对对类型那样敏感,但js也有其不尽人意的地方。 在java中我们无法将数字与字符串直接比较,而js能,而且能直接转换成数值比较,但是如果是字符串进行>、<等比较,竟然是比较其首字符编码。 而我们在编程时因为数值与字符比较会转成数值比较,往往会直
阅读全文
摘要:addEventListener("click",function(event){},false); removeEventListener("click",function(event){},false); addEventListener是JS原生的绑定事件函数 target默认使用window
阅读全文