前端工作常常会用到的一些经验技巧

去除字符串所有空格

var ss=" fsd fsdaf 23 "; 

ss.replace(/[ ]/g,"");

去除a标签点击后的虚线边框

$(‘a‘).focus(function(){this.blur()});

最简单的把字符串转换成数值: -0(不能 +0)
```
var a = ‘123.45‘; var b = a - 0;
```
div中设置文字竖直居中方法：
- 单行文字居中使用line-height方法，将文本的line-height设为与容器的height相等
```
height:100px;
line-height:100px;
```
- 多行文字居中使用display:table-cell再设置vertical-align进行居中对齐
```
display:table-cell;
vertical-align:middle
```
- 使checkbox与文字水平对齐：对style加上
```
vertical-align:middle
```
  如下：
```
<input style="color: red; vertical-align: middle;" type="checkbox" /> <label style="vertical-align: middle;">我已阅读<label /> 
```
  我已阅读
span设置宽度无效的三种解决方案

一、修改span为block类型。在span的css中增加display属性，将span设置为block类型。效果是span完全变成了一个div
```
 span {
          background-color:#fc0;
          display:block;
          width:150px;
       }
```

二、在一的基础上再增加一个css属性float。基本满足日常需求，类似div加float

span {
           background-color:#fc0;
           display:block;
           float:left;
           width:150px;
    }

三、（完美方法，直接贴代码，原理可深度学习css）

span {
          background-color:#fc0;
         display:-moz-inline-box;
         display:inline-block;
         width:150px;
     }

未完...

时间： 2024-08-02 00:05:34

前端工作常常会用到的一些经验技巧的相关文章

前端工作常常会用到的一些经验技巧（二）

为 json 添加 push 方法: var _json={}; _json.push=function(o){ if(typeof(o)=='object') for(var p in o) this[p]=o[p]; }; // 使用方法 : var a = {"1":"a"}; var b = {"2":"b"}; _json.push(a); _json.push(a); Jquery 判断 json 是否为空: $.

移动前端工作的那些事---前端制作之微信小技巧篇

移动前端工作的那些事---前端制作之微信小技巧篇_WebApp赵海洋_新浪博客移动前端工作的那些事---前端制作之微信小技巧篇 (2013-11-15 15:20:47) 转载▼移动前端工作的那些事---前端制作之微信小技巧篇,布布扣,bubuko.com

前端工作流程自动化——Grunt/Gulp 自动化

前端工作流程自动化--Grunt/Gulp 自动化 Grunt/Gulp 都是node.js下的模块,简单来说是自动化任务运行器,两者都有社区及大量的插件支撑,在所有的自动化工具领域里,这两者是最好的前端自动化构建工具. 那么问题来了,Grunt和Gulp到底哪家强?在回答这个问题前,先给大家看一组下面的数据: 再看看实现同样功能的配置代码: 作者本人之前一直使用Grunt来做自动化构建的,在Gulp出来后,经过一段时间的试用感觉配置比Grunt方便多了,如果你两者还没接触过,本人推荐直接使用G

移动前端工作的那些事---前端制作篇之meta标签篇

移动端前端制作有些地方不同于互联网,这篇主要讨论的是meta标签.meta标签位于head标签之间.是主要辅助HTML结构层的.meta标签不管在互联网前端还是在移动端都起了很重要的作用.这里只讨论移动端. 附上代码进行说明: <!DOCTYPE html> <html> <head> <title>xxx</title> <meta http-equiv="Content-ty

献给即将想从事前端工作的你们

时间过得很快,出来实习工作快两个月了,在这里,想跟大家分享自己的一些体会与经验. 还没出来工作之前,在学校就一直很想能快点出来工作,总以为工作能多学到很多在学校里学不到的东西.也确实如此,工作是可以学到很多,但我还是很想跟那些要从事IT的你们说,还没工作之前还是多学点东西,把基础打好.不要总想着出来工作后再学,到时你们会发现其实真的很吃力,压力会很大,公司是做事的地方,它每天都有你要完成的任务,每天有一定的工作量,也不要总想着工作中有人会一步步教你怎么做,上司可能只会跟你说一下大概的思路,他想你

起点没有选对，想找好的前端工作只能越找越累

一.到底什么才是一份好的前端工作? 自从开始做咨询,就不断有人问我:"老师,前端这个行业行业怎么样啊?有发展吗?"或者是:"老师,做IT,算不算一份好工作啊?"工作,是一个永恒的话题:没工作的人需要一份工作:有工作的人需要一份好工作:问题来了:"好工作",长什么样子呢?什么才算是一份好工作呢? 大多数人估计没想过这个费脑筋的问题:既然用感性的语言难以描述,干脆用一个全国通用指标:薪资,挣得多,就是好工作! 经常听到有学员说,一个月给我5万,让我天

移动前端系列——移动端页面坑与排坑技巧

移动前端系列——移动端页面坑与排坑技巧 In 网页重构 on 2014-12-08 20:21:19 by lyushine 对于前端开发者来说移动端存在更多的挑战,移动端页面开发过程中会碰到各种各样千奇百怪的问题(我们俗称BUG或坑),那么今天我为大家分享移动端页面开发过程中的一些坑和排坑技巧. 移动端页面在不同设备.不同操作系统 .不同运行环境下都可能造成各种各样的没有碰到过的的坑,相比曾经的IE6坑多了.下面先介绍一下4类具体常见的坑: 1.外观 A.页面高度渲染错误在各移动端浏览器中经

工作碰上的技术问题及处理经验（二）

续上一篇随笔: https://www.cnblogs.com/kingstarer/p/8469016.html <工作碰上的技术问题及处理经验> 由于内容有很多空格,如果直接在正文粘贴,发表后空格会消失,导致版本看起来比较难看. 所以我把主要内容做为代码发表. 我觉得每天把工作碰上的问题做一个简单的笔记挺不错的,一来可以锻炼自己的表达能力,二来也方便自己以后复查,因为以后工作很可能再碰上同样的问题. 由于我每次记录笔记时,可能只是记录了关键字,而要发出来做为共享随笔,只有这些关键字肯定是不

工作碰上的技术问题及处理经验（三）

续上一篇随笔: https://www.cnblogs.com/kingstarer/p/8469016.html <工作碰上的技术问题及处理经验>(二) 我这人记忆力比较差,经常出现有些知识学了不久后就忘了,或者有些问题花了很多时间百度解决后,再过一段时间碰上时只有模糊印象,却忘了具体解决方法. 最近几年工作时我开始有意识地把登记每天工作碰上的技术问题做个简单笔记. 一般上班时间比较忙,只能草草记了一两句话.等过一段时间,我会把这个笔记整理一下,把问题和处理经验整理通顺,以加深自己的印象.