前端经常碰到的小知识点-----js篇

一    js

1.可视区宽和高

① document.documentElement.clientWidth  //可视区的宽度

    document.documentElement.clientHeight //可视区的高度

100 vw  //可视区的宽度

    100 vh  //可视区的高度

     vw : 1vw 等于视口宽度的1%

     vh : 1vh 等于视口高度的1%

2.正则表达式

正则表达式描述了一种字符串匹配的模式,可以用来检查一个串是否含有某种子串,将匹配的字串替换或者从某个串中取出符合某个条件的字串。、

使用途径:1.只要按规则模糊匹配多个关键词时2.只要按规则验证字符串是否符合要求

使用方式: 1. 只用正则直接量: var reg=/正则/ig;  2. 用new: var reg=new RegExp("正则","ig");

String中常用正则API:

检索:

1.查找一个固定关键词出现的位置

var i=str.indexOf("关键词",fromi)     

 var i=str.lastIndexOf("关键词",fromi)

 2. 判断是否包含符合规则的关键词:

  var i=str.search(/正则/i)

3. 获得所有关键词的内容:

  var i=str.match(/正则/ig);  如果不加g:  match也相当于search,但可获得关键词内容: [0:"关键词",index:i]

4. 即获得每个关键词的内容,又获得每个关键词的位置: reg.exec(str)

替换:

简写:将所有关键词替换为统一的替换值

str =str,replace(/正则/ig,'替换值')

高级:根据关键词的不同,替换不同的值

str = str.replace(/正则/ig,

function(kw,$1,$2,...){

      return  根据kw判断返回不同替换值

)

删除:将关键词替换为 ‘’

切割:  var subStrs =str.split(/正则/);

3.isNaN()

 isNaN()函数用于检查其参数是否是非数字值。

 isNaN(233);  false

 isNaN(ni);  true

4.保留两位小数或取整

四舍五入:

1.var num =2.3362412322;

num = num.toFixed(2); // 输出结果为 2.34

不四舍五入:

2.Math.floor(15.66842340 * 100) / 100 // 输出结果为 15.66

3.Number(15.66842340.toString().match(/^\d+(?:\.\d{0,2})?/)) // 输出结果为 15.66

4.分享经典解决方法:

图一

取整

parseInt(2.56789)   //2

Math.ceil(2.567)    //2

Math.ceil(2.56789)   //3

Math.round(2.5678)   //3

m^0  

m|0

m>>>0


连接:

var newArr=arr1.concat(arr2);//将arr2拼接到arr1之后,返回新数组

注意: concat无权修改原数组,只能返回新数组,必须用变量接住拼接的结果。

 concat中可以是任何类型的参数,可以是数组,数字,字符串

如果 .concat(值1,值2,arr2,....);,那么.concat可以打散数组类型的参数为单个值。

截取子数组:

 var subArr=arr.slice(starti,endi+1);//截取arr中starti位置开始到endi位置结束的子数组。

 注意: 含头不含尾,结束位置要+1

 支持负数参数:表示倒数第n个位置,其实执行的还是length-n

如果省略第二个参数,表示从starti位置直接截取到结尾。

concat和slice都不可直接修改原数组,必须使用新变量接收

删除/插入/替换数组

splice: 删除,插入,替换

删除: arr.splice(starti,n)

删除arr中starti位置开始的n个元素

注意: n是个数,不考虑含头不含尾

splice可返回删除的元素组成的临时数组。

 var deletes=arr.splice(starti,n)

插入: arr.splice(starti,0,值1,值2,...)

在arr的starti位置插入值1,值2,...,原starti位置及其之后的值,都被向后顺移

注意: 0 表示不删除,只插入新值

不支持打散数组类型参数,如果传入数组,会形成子数组

替换: var deletes=arr.splice(starti,n,值1,值2,...)

  先删除starti位置开始的n个,再在starti位置插入值1,值2。

  注意: 删除的元素个数,和插入新值得个数,不必一致。

conca和splicet:

        concat:  优: 打散数组类型参数

                缺: 只能拼接在开头或结尾

        splice:  优: 可指定插入位置

                 缺: 不支持打散数组参数

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,287评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,346评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,277评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,132评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,147评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,106评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,019评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,862评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,301评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,521评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,682评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,405评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,996评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,651评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,803评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,674评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,563评论 2 352

推荐阅读更多精彩内容

  • JS基础 页面由三部分组成:html:超文本标记语言,负责页面结构css:层叠样式表,负责页面样式js:轻量级的脚...
    小贤笔记阅读 600评论 0 5
  • 《ijs》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 5,118评论 0 7
  • 前言 最先接触编程的知识是在大学里面,大学里面学了一些基础的知识,c语言,java语言,单片机的汇编语言等;大学毕...
    oceanfive阅读 3,068评论 0 7
  • //定义正则表达式的两种方式,在用构造函数的时候,有些地方是要加转义字符的。 //1、字面量。 var reg =...
    xiaobing0324阅读 494评论 0 0
  • 目录“徐淶,徐淶”一旁的王倩拉了拉我“你没事吧,怎么愣着了,没扎着吧,老总和合作人在一旁看着呢!”我抬头望去,那熟...
    予渺阅读 222评论 0 1