轩枫阁

首页 / 第60页

关于正则的小细节

之前在写收藏夹的功能开发的时候，遇到一个神奇的bug，当时怎么想也想不明白为什么会是这样子的结果。

是这样子的一个需求，相当于一组数据中筛选出一堆book_开头并以数字结尾的字符串，用正则做判断嘛，还是挺简单的，当时写了段代码。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function clear(){
    var reg = /book_\d+/g;   //book_开头，加上数字
    var key;
    for(var i=0, len = storage.length; i<len; i++){
        key = storage.key(i);   //从localstorage中读取key
        if(reg.test(key)){
            console.log("succe: "+key);    //匹配成功时返回succe
            LocalStorage.removeItem(key);
            i=i-1;
            len=len-1;
        }else{
            console.log("error: "+key);    //匹配失败时返回error
        }
    }
    LocalStorage.setItem("xuanfengKey","0");
}

查看全文

2013/11 23  周六

JS实用技巧手记（三）

本系列文章旨在记录一些实用的javascript技巧，既可以作为一个知识的积累，又可以作为闲暇时打发时间写写代码的记录。同时也方便日后翻阅~

1. 用户判断给定的对象是否是数组

1
2
3
4
5
6
function isArray(o){
    return Object.prototype.toString.call(o)==='[object Array]';
}
// demo：
isArray("str");  //false
isArray([1,2]);  //true

 

2. 判断检查数组中是否存在某个值

1
2
3
4
5
6
7
8
9
10
Array.prototype.inArray = function(e) {
    for(i=0;i < this.length;i++)
    {
        if(this[i] == e)
        return true;
    }
    return false;
}
// demo:
[1,2].inArray(1);  //true

 
查看全文

2013/11 17  周日

2013-11-16

自从找到工作之后的这一个月时间里，虽然说没课，但是每天总是很忙。

前面两周一直在没日没夜的改版，终于弄了出来，收获也挺大的。

然后到现在，穿插着很多次例会，做了好几次分享，也算是一种锻炼，变得不再是那么的不会说话。

然后总结写到现在还没写完，太多了，还差一两篇的样子，我看差不多写了2万字了都，继续总结，留个回忆。

最近也一直在学习的状态，发现学新知识是一个既刺激又痛苦的过程。最近有在认真的研究了grunt，研究了chrome扩展，研究H5的各种东西等等。

做出的东西，看一看有什么：新版收藏夹（基于H5）、前端自动化（grunt）、LEE图库插件（chrome扩展）、新思路例会文档格式转换工具（基于H5，实现了如拖拽事件，读取文件内容之类的功能）、毕业设计（实现思路，基于H5的canvas、websocket、webworker、localstorage，nodejs等技术，虽然具体的程序还没有，但是相信能够写出来的）

然后最近写的文档也特别多：网酷前端规范、性能优化及其编码规范、前后端协作方式总结、LEE图库插件教程以及2w字的总结等等，然后每日安排也习惯了在印象笔记先预定好，再审查哪些完成了，哪些没完成。

近期也将要去实习了，时间有点快，还没来的去准备那么多，所以顺其自然吧。然后也有各种饭局，网酷下周五的聚餐应该是今年在学校最后的聚餐了。

路在脚下，继续前进，Moving…

2013/11 16  周六

前端优化之浏览器重排与重绘

是不是动画效果越多越好？哪些效果需要付出高昂的性能代价？怎样才能做到兼顾网站的效果与效率呢？来看看浏览器的重排与重绘知识，了解如何在具体的开发过程中注意重绘和重排引发的性能问题

简介

浏览器从下载文档到显示页面的过程是个复杂的过程，这里包含了重绘和重排。各家浏览器引擎的工作原理略有差别，但也有一定规则。简单讲，通常在文档初次加载时，浏览器引擎会解析HTML文档来构建DOM树，之后根据DOM元素的几何属性构建一棵用于渲染的树(rendering tree)。渲染树的每个节点都有大小和边距等属性，类似于盒子模型（由于隐藏元素不需要显示，渲染树中并不包含DOM树中隐藏的元素）。当渲染树构建完成后，浏览器就可以将元素放置到正确的位置了，再根据渲染树节点的样式属性绘制出页面。由于浏览器的流布局，对渲染树的计算通常只需要遍历一次就可以完成。但table及其内部元素除外，它可能需要多次计算才能确定好其在渲染树中节点的属性，通常要花3倍于同等元素的时间。这也是为什么我们要避免使用table做布局的一个原因。

重绘

重绘是一个元素外观的改变所触发的浏览器行为，例如改变visibility、outline、背景色等属性。浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。重绘不会带来重新布局，并不一定伴随重排。

重排

重排是更明显的一种改变，可以理解为渲染树需要重新计算。 查看全文

2013/11 12  周二

2014校园招聘信息记录整合

  • 2014校园招聘信息-web前端开发 武汉站  详情
  • 阿里巴巴求职攻略 详情
  • 腾讯求职攻略 详情
  • 百度求职攻略 详情
  • 新浪求职攻略 详情
  • 一套前端笔试题 详情
  • CVTE网测部分软件技术测试题 详情
  • 论这两年不断突破大家心理底线的互联网薪水 详情
  •  赶集网工作的经历经验感悟    详情
  • 互联网公司offer行情 详情
  • 搜狗的买卖对于互联网格局和薪水的影响 详情
2013/11 10  周日
<<←5859606162→>>

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制，可以录制弹奏的曲子
    开始录制 完成录制 取消
    马上试听 重新录制 提交此曲
    分享钢琴节奏： 新浪微博 QQ空间