摘要： w3cmark 官方Q群 145423956 | 官方微博@w3cmark这周周报来迟了，公司真的好忙！！！欢迎关注我们的微博@w3cmarkw3cmark推出每周精选前端博文推荐，通过阅读别人的代码，学习别人的经验，提升自己的水平。【行业资讯】1、细数那些精彩纷呈的引导页http://t.cn/R... 阅读全文

摘要： w3cmark 官方Q群 145423956 | 官方微博@w3cmark自从最近微博屏蔽了我的站点域名，就很懒了。毕竟和不爽，一个纯技术站点还被认为不安全链接，还申诉无门，那些所谓的客服都是自动回复，答非所问！渣浪！！而且最近加班比较苦逼，每天都是很晚才回到。所以周报也等到现在才更新，请读者见谅！... 阅读全文

摘要： w3cmark推出每周精选前端博文推荐，通过阅读别人的代码，学习别人的经验，提升自己的水平。欢迎关注@前端笔记网微博。其实如果是关注我们微博的朋友都对下面的文章熟悉，因为我们会一旦发现有价值的、精彩的行业文章都会在微博推送或转载，这里整理出来给大家，以防遗漏。行业资讯1、百度2015校园招聘面试题回... 阅读全文

摘要： 相信很多人喜欢sublime编辑工具有两个原因：第一sublime很轻巧方便；第二sublime提供很多自定义拓展功能，包括很简单且和很好用的代码片段功能snippet文件。今天，在这里就介绍下sublime如何自定义各种代码片段，先来感受一下效果：上面看到的是我用sublime初始化一个html文... 阅读全文

摘要： Iconfont越来越得到前端的关注，特别是阿里那个iconfont库的推出和不断完善，再加上连IE6都能兼容，的确是个好东西。 既然那么火，我们公司移动项目也计划加入这个iconfont，于是我就针对我们自己的项目做了个测试，主要是偏向移动端的浏览器。在做demo测试过程中，发现了一个兼容问... 阅读全文

摘要： 最近在做个小效果，没想到引出了几个以前的没认真去自己探讨的兼容问题，最后虽然这个效果还是不是很满意，但在这里想分享一下过程首先想做的效果是每次点击页面时，出现一个小波纹，然后自动消失可以先看一下demo到最后实现后，发现这个效果实用性不是很高，但是过程引出了一些值得积累的问题引出知识点：transi... 阅读全文

摘要： 以前在写asp的后台的时候，有一个上传功能是必须的，那时候进行的图片预览（未上传前）其实就是获取本地的图片路径来显示图片，但是随着HTML5的出现，可以把图片通过编码来实现预览。在雅虎的36条速度优化里面其中有一条就是减少HTTP请求数，而内联图像是使用 data:URL scheme的方法把图像数据加载页面中，从而达到减少请求数的目的。这可能会增加页面的大 小。把内联图像放到样式表（可缓存）中可以减少 HTTP请求同时又避免增加页面文件的大小。但是内联图像现在还没有得到主流浏览器的 支持。所以对于一些icon或者小背景，可以通过Base64图片转换工具来把图片编码，下面要带来就是这个工具的实 阅读全文

摘要： JavaScript中有时需要用到当前的请求路径等涉及到url的情况,正常情况下我们可以使用location对象来获取我们需要的信息,本文从另外一个途径来解决这个问题,而且更加巧妙方法如下： 1 function parseURL(url) { 2 var a = document.createElement('a'); 3 //创建一个链接 4 a.href = url; 5 return { 6 source: url, 7 protocol: a.protocol.replace(':',''), 8 host: a.hostname, 9 阅读全文

摘要： 1、利用css伪类after或before的写法来设置某些小icon的时候，高度、宽度都是0，虽然有边框，但是如果加上overflow:hidden，安卓2.xx的低版本的自带浏览器就无法显示了.cur:after{display:block;content:"";width:0px;height:0px;border-width:6px;border-color:transparent transparent #fff;border-style:solid;position:absolute;bottom:0px;left:50%;margin-left:-10px;} 阅读全文

摘要： Sublime Text已经被传成编程利器，那当然也是我们前端的利器了，刚开始用的时候，很多小问题，所以做个备忘，忘记的时候也可以翻出来看看，下次重装的时候可以用到。1、设置自动换行 菜单栏View->Word Wrap（选中是自动换行，点击撤销就是不换行）2、把sublime text加入到系统右键菜单 这个可以在一开始安装的时候设置的，如果安装的时候忘记，也没关系，可以后面加上。详情请点击查看把sublime添加到右键菜单 阅读全文