随笔分类 - web前端
摘要：微信可以摇歌曲，根据声音识别出歌曲，然后返回歌曲信息，利用html5的deviceOrientation特性和deviceMotion事件也可以在web app上实现类似于微信摇一摇的功能，原生的app实现也有相关接口，这里只考虑web app的情况......Section One先来看下demo...
阅读全文
摘要：题记:当你不再依赖JQuery时，当你已经厌倦了引入js类库实现一些动画效果的方式，当你想实现一个简单而实用的动画框架......下面介绍下愚人设计的动画框架：支持动画缓动算法函数，如Linear、Cubic、Back、Bounce，支持改变高度，宽度，透明度，边框，外边距的基本动画，支持动画的回调...
阅读全文
摘要：题记对于有强迫症的童鞋来说，一个长得不美观或者不能满足我们日常的审美需求的页面，总会有想要改造它的冲动，好吧，让我们来调试下博客园提供的默认主题样式，让页面更加清爽宜人，简洁大气。Section One打开后台设置界面，进入你的博客首页，打开调试器（chrome自带调试器或firebug），看到哪里...
阅读全文
摘要：前言又到了一年一度的圣诞节平安夜，作为一个自认为有点伎俩的前端Developer，今天萌生了一个想法，想搞点玩意，用于祝福大家merry christmas，特别是想送给kind-hearted girl。于是今天一整个下午都没怎么工作，都在想主题怎么搭配才恰当，要被扣工资了╮(╯▽╰)╭内容由于本...
阅读全文
摘要：前沿 以前总是希望在技术论坛和博客能有人关注，最近收到一些小伙伴请教问题的来信和私信，在深感荣幸的同时也深知自己技术和经验的不足，怕会误人子弟，所以现在打算以应届生的身份尽自己的一点绵薄之力给大家一点建议，其实也谈不上建议，只是个人的一些观点和做法，谢谢大家的关注和支持~关于前端学习一、多看书C...
阅读全文
摘要：前沿 这一个月以来发生了很多事，一直都想说点什么，却一直都提不出笔，因为更多时候我更喜欢把自己的一些情绪和想法藏在心中。今天刚好天气有点冷了，坐在电脑前，回忆之前一路走过的日子，思绪万千......关于offer和实习 期间也拿到了几个有分量的offer，包括百度，但是基于地域和一些因素，最终...
阅读全文
摘要：前沿在CVTE实习考察的一周里，接触到了angular，并在最后的一天任务里要求使用angular做一个功能主要包括创建、编辑、恢复、删除以及留言的todo demo，并支持响应式布局。因为之前没怎么接触到这个js MVC框架，所以时间有点紧迫，只能阅读官方文档API和查看demo来学习，所幸的是最...
阅读全文
摘要：多谢大家的建议，在线个人简历现在已改成HTML5标签，采用响应式布局，使其适应于手机终端，地址：http://hcy2367.github.io/resume/
阅读全文
摘要：折腾了快一天，搞了个在线个人简历：http://hcy2367.github.io/resume/，由于设计方面很菜，所以整体风格是简单、丑陋的。ps：最近在找前端方面的工作，求工作，求扩散，非常感谢~
阅读全文
摘要：前沿这是之前淘宝的一道面试题，题目借用了 jQuery 选择器的语法。大概的意思是，从#id元素内选出所有不是.c后代的a元素，即父元素 #id 内的所有后代元素中，选出不是 .c 后代元素里的所有a元素。题目主要考察的是 DOM 操作的知识，来筛选DOM元素，并且不能使用jQuery等框架。思路先选出所有a元素。对每个a元素，从其所在位置沿着 DOM 树往上搜索，每走一步对比当前节点类名，含有c 类立刻中止，否则继续上行直至根节点或父元素（#id）处，结束搜索并将a元素加入结果集里。对全部a元素执行完该操作后，返回结果集。查找过程的流程图如下：js核心代码：// 参数依次为根元素、给出的类名
阅读全文
摘要：简介感觉自己都out了，跟不上web时代的潮流了，前不久才刚接触这玩意，发觉lesscss在某些方面还挺有用的，说白了这东西就是一种动态的样式语言，语法类似于css，可以像java那样进行编译，生成你想要的对应css，并且less css扩展了css的动态行为。如，它可以设置变量（variables）、支持混合书写模式（mixins）、支持嵌套规则（nested rules）、也可像js那样进行属性值的操作（operations）、像js函数那样传递参数（functions）、 也具有变量的作用域（scope）等。运行环境lesscss可以在客户端，也可称浏览器端（IE+、Webkit、Fir
阅读全文
摘要：前言最近在一家创业公司实习，主要负责新版官网和商家平台管理系统的前端开发和维护，每次测试都要上传文件到ftp服务器端测试，初期由于更新修改比较频繁，每次都是直接上传覆盖css、js、php文件，链接方式是普通的链接而没有添加时间戳。由于大多数服务器端或CDN都会对css、js和图片这些静态的内容设置缓存和gzip压缩，到了IE这里又会在本地做一个缓存。所以当我们在服务器端更新了css、js文件之后，客户端经常会出现没有更新的现象，即浏览器会缓存你网站之前css、js的一些版本，导致一些问题的出现。ps：并且我们不会要求客户每次访问你的网站都要清除下缓存，刷新一下页面。所以为了得到服务器端最新版
阅读全文
摘要：前言继上一篇谈到ES5新增Array的迭代方法forEach后，今天来分析下余下的迭代方法：map、filter、every、some。这些方法的作用如下：map方法是对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。filter方法是对数组中的每一项运行给定函数，返回该函数会返回true的项组成的数组。every方法是对数组中的每一项运行给定函数，如果该函数对每一项都返回true，则返回true。some方法是对数组中的每一项运行给定函数，如果该函数对任意一项返回true，则返回true。注：以上的方法都不会修改数组中的包含的值，并且这些方法中，最相似的是every和some，
阅读全文
摘要：前言对于jQuery的数据缓存，相信大家都不会陌生，jQuery缓存系统不仅运用于DOM元素，动画、事件等都有用到这个缓存系统。所以在平时实际应用中, 我们经常需要给元素缓存一些数据，并且这些数据往往和DOM元素紧密相关。由于DOM元素(节点)也是对象, 所以我们可以直接扩展DOM元素的属性，但是如...
阅读全文
摘要：demo <!doctype html><title>demo测试</title><meta charset="utf-8"/><meta name="keywords" content="demo测试" /><meta name="description" content="demo测试" /><style type="text/css"> * { margin:0; padding:0;
阅读全文
摘要：聚美优品前端笔试题，主要包括html、css以及javascript的知识点，个别涉及到html5标签的考查。下面是问题的列表，来自w3cfuns的一套前端笔试题，然后针对每个问题谈谈我的理解，有兴趣的童鞋也可以做一下，然后大家交流交流。注：每个问题可能会涉及一些基于该问题衍生出的知识点，由于本人初...
阅读全文