js
涛锅
记性不太好
展开
-
[jQuery][css]通过$("#id").width();设置元素宽度在火狐无效
类似如下代码,chrome下正常,可是在Firefox却总是不对$("#id").width(100);解决方案:$("#id").css('width','100px');原创 2015-05-11 14:05:19 · 2163 阅读 · 0 评论 -
[JS]防抖和节流
以前不知道这些名词,然后看了这篇文章知道了。【前端性能】高性能滚动 scroll 及页面渲染优化 - ChokCoco - 博客园防抖(Debouncing)像防抖还是很容易想到的,大概意思就是延时处理,然后如果在这段延时内又触发了事件,则重新开始延时。看代码最直观啦。// 简单示例window.addEventListener('resize',function(e){ var t;转载 2016-07-06 17:10:10 · 5067 阅读 · 0 评论 -
JavaScript输出螺旋矩阵
昨晚无意看到这样一个算法题目,然后就想着用js来实现。 昨晚草草写完后感觉代码很丑,很臭,于是今晚又花点时间重构了一下,感觉变得优雅了。什么是螺旋矩阵 螺旋矩阵是指一个呈螺旋状的矩阵,它的数字由第一行开始到右边不断变大,向下变大,向左变大,向上变大,如此循环。如图: 实现效果代码(function() { var map = (function() { funct原创 2016-04-06 00:04:39 · 3009 阅读 · 1 评论 -
[JS][技巧]利用事件冒泡特性处理多个按钮的单击事件
以前一直不在意这个事件冒泡,只是有时候会用到stopPropagation()去阻止事件冒泡,最近发现,利用好了事件冒泡这一特性,有些地方会非常方便。拿个最直观的例子来举例 ToolBar界面 HTML<div id="toolbar" class="btn-toolbar" role="toolbar" aria-label="..."> <div class="btn-group" r原创 2015-10-29 12:51:07 · 2869 阅读 · 0 评论 -
探索高效jQuery的奥秘
原文链接 探索高效jQuery的奥秘讨论jQuery和javascript性能的文章并不罕见。然而,本文我计划总结一些速度方面的技巧和我本人的一些建议,来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。 首先,在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。首先,如果你是一个转载 2015-06-23 17:51:52 · 424 阅读 · 0 评论 -
[API]百度地图的调用
这里用的是JavaScript API大众版 参考链接:JavaScript API大众版 概述首先是要 申请密钥,不做多述调用方法首先放个div,给一个id,样式里要给定大小<div id="map"></div>然后引入api<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></scr原创 2015-05-21 16:00:40 · 401 阅读 · 0 评论 -
[jQuery]操作checkbox
一开始用attr来设置选中,但发现只能选中一次,取消选中之后再也无法选中。 然后查资料发现,应该用prop。比如一个 全选/反选 $("#select").on("click",function (){ $(":checkbox").prop("checked",$(this).is(":checked"));});具体attr和prop的区别,我是看这篇文章的 http://www.原创 2015-05-05 15:02:51 · 360 阅读 · 0 评论 -
[HTML]子父窗口的相互操作
页面中用到iframe,所以难免需要相互调用的情况。首先 子窗口操作父窗口 调用父窗口方法window.parent.window.function(); 获取父窗口元素window.opener.document.getElementById();$(“#id”,window.opener.document); // jQuery还有不同浏览器之间的兼容性问题,也暂时不做记录。先记这些,原创 2015-04-27 18:12:11 · 574 阅读 · 0 评论 -
[HTML]table选中行效果
比如是这样一个结构的table<table id="tUsers"> <thead> <tr> <td>序号</td> <td>帐号</td> <td>密码</td> </tr> </thead> <tbody> <tr> <td>1原创 2015-05-04 11:15:05 · 13495 阅读 · 0 评论 -
[js][技巧]生成指定范围指定个数的不重复随机数
今天偶然看到的比如要生成 1-100范围之内的10个不重复随机数,代码就可以这么写var arr = [];for (var i = 1; i <=100; i++) { a.push(i);}arr.sort( function () { return 0.5 - Math.random(); });arr.lenth = 10;console.log(转载 2015-06-19 15:10:35 · 9077 阅读 · 3 评论