积累的一些代码片段/小知识

简介:

jQuery1.7.2下操作object元素报错

jQuery1.7.2下,用$选择器操作object元素会报错:代码如下:

$('object').hide();

换用原生js就没事了:

document.getElementsByTagName('object')[0].style.display = 'none';

 

关闭按钮小叉的字体

做一个简单的关闭按钮时,我们经常用字母X来实现,为了让它看上去更像一个叉,可设置字体为:

font-family: “Microsoft JhengHei”,”microsoft yahei”,Monaco,Menlo,Consolas,”Courier New”,monospace;

 

this 的值是在函数运行时确定的

复制代码
<button id="btn1">button1</button>
<button id="btn2">button2</button>
var obj = {
    init : function(){
        $('#btn1').click(this.alert);
    },
    init2 : function(){
        var _this = this;
        $('#btn2').click(function(){
            _this.alert();
        });
    },
    alert : function(){
        alert(this);
    }
}
         
obj.init();
obj.init2();
复制代码

 

使用正则实现数字千分位分割

不带小数点的:

"15000000".split("").reverse().join("").replace(/(\d{3})/g, "$1,").split("").reverse().join("");

带小数点的:

'123123211312.333123'.replace(/(?=(?!^)(?:\d{3})+(?:\.|$))(\d{3}(\.\d+$)?)/g,',$1');

 

背景半透明,内容不透明的写法

复制代码
<div><p>不透明</p></div>
div{background:rgba(0,0,0,0.2) none repeat scroll !important; /*实现FF背景透明,文字不透明*/
background:#000; filter:Alpha(opacity=20);/*实现IE背景透明*/
width:500px; height:500px; color:#F30; font-size:32px; font-weight:bold;}
div p{ position:relative;}/*实现IE文字不透明*/
复制代码

火狐我们直接用rgba颜色就可以解决子标签跟着半透明的问题了,但是ie还不是能很好的支持。

所以我们给不想被透明的标签设置一个定位属性,问题接能解决了。

 

为div元素触发keydown事件

div元素无法触发keydown的原因是图无法被focus,处理的方式是给div加上属性tabindex就可以了。tabindex的取值为整数,表示按tab键的时候元素获得焦点的顺序。当取值为-1时,按tab无法获得焦点,但可以用js代码来focus和blur,同时,还是可以触发keydown事件的。

所以要让div能触发keydown事件,只需如下代码:

<div tabindex="-1">hello world !</div>

加此属性后div会有高亮外框出现,加outline:none;可解决。

 

查询url中的参数

复制代码
function getParameterByName(name) {
    var match = RegExp('[?&]' + name + '=([^&]*)')
                    .exec(window.location.search);
    return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
复制代码

 

移动端,绑定了click事件的元素在点击时会出现亮框,下面的代码可以去掉:

-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; /* For some Androids */

 本文转自吕大豹博客园博客,原文链接:http://www.cnblogs.com/lvdabao/p/3896529.html,如需转载请自行联系原作者

相关文章
|
3月前
|
JavaScript 前端开发 程序员
程序员必备技能之JS模块化,改变你的JavaScript开发方式!(一)
程序员必备技能之JS模块化,改变你的JavaScript开发方式!
|
26天前
|
JavaScript 前端开发 API
分享一次使用某个JavaScript游戏框架开发项目的经历,遇到了哪些挑战以及如何解决的。
在Phaser框架下开发2D平台跳跃游戏&quot;跳跃之旅&quot;时,面临性能优化、碰撞检测与响应及图形动画等挑战。通过使用Phaser的性能分析工具、资源优化和内置物理引擎实现性能提升与精确碰撞。借助图形绘制API和动画系统,创造出精美流畅的游戏体验。此次项目提升了开发者的技术水平和对游戏开发的理解。
|
6月前
|
JavaScript 前端开发 Java
【程序员如何更好的展示自己】
【程序员如何更好的展示自己】
|
6月前
|
敏捷开发 算法 Cloud Native
面试中的代码写作:如何撰写清晰、高效的示例代码
面试中的代码写作:如何撰写清晰、高效的示例代码
64 0
|
9月前
|
算法
简单几行代码背后的重大意义
简单几行代码背后的重大意义
|
10月前
|
Python
谈一谈|如何利用函数的各种参数
谈一谈|如何利用函数的各种参数
54 0
|
12月前
|
消息中间件 算法 JavaScript
对领域的认知比会写代码更重要
对领域的认知比会写代码更重要
|
设计模式 新零售 供应链
一文教会你如何写复杂业务代码
这两天在看零售通商品域的代码。面对零售通如此复杂的业务场景,如何在架构和代码层面进行应对,是一个新课题。针对该命题,我进行了比较细致的思考和研究。结合实际的业务场景,我沉淀了一套“如何写复杂业务代码”的方法论,在此分享给大家。
28374 1
一文教会你如何写复杂业务代码
|
设计模式 前端开发 测试技术
垃圾代码和优质代码的区别?
请求顺序依赖 在这种场景中,首先还是业务的复杂度决定了代码的复杂度。首先我们来看一个在前端和node都有可能出现的一个简单的例子: 我们有 A, B, C, D 四个请求获取数据的函数(函数自己实现), C 依赖 B 的结果,D 依赖 ABC 的结果,最终输出 D 的结果。
108 0
垃圾代码和优质代码的区别?
|
设计模式 缓存 JavaScript
90%的人会遇到性能问题,如何用1行代码快速定位?
今天,齐光将会基于之前列举的众多指标,给出一些常见的调优分析思路,即:如何在众多异常性能指标中,找出最核心的那一个,进而定位性能瓶颈点,最后进行性能调优。整篇文章会按照代码、CPU、内存、网络、磁盘等方向进行组织,针对对某一各优化点,会有系统的「套路」总结,便于思路的迁移实践。
2273 0