随笔分类 - javascript
摘要：题记:当你不再依赖JQuery时，当你已经厌倦了引入js类库实现一些动画效果的方式，当你想实现一个简单而实用的动画框架......下面介绍下愚人设计的动画框架：支持动画缓动算法函数，如Linear、Cubic、Back、Bounce，支持改变高度，宽度，透明度，边框，外边距的基本动画，支持动画的回调...
阅读全文
摘要：题记对于有强迫症的童鞋来说，一个长得不美观或者不能满足我们日常的审美需求的页面，总会有想要改造它的冲动，好吧，让我们来调试下博客园提供的默认主题样式，让页面更加清爽宜人，简洁大气。Section One打开后台设置界面，进入你的博客首页，打开调试器（chrome自带调试器或firebug），看到哪里...
阅读全文
摘要：前言又到了一年一度的圣诞节平安夜，作为一个自认为有点伎俩的前端Developer，今天萌生了一个想法，想搞点玩意，用于祝福大家merry christmas，特别是想送给kind-hearted girl。于是今天一整个下午都没怎么工作，都在想主题怎么搭配才恰当，要被扣工资了╮(╯▽╰)╭内容由于本...
阅读全文
摘要：前沿 以前总是希望在技术论坛和博客能有人关注，最近收到一些小伙伴请教问题的来信和私信，在深感荣幸的同时也深知自己技术和经验的不足，怕会误人子弟，所以现在打算以应届生的身份尽自己的一点绵薄之力给大家一点建议，其实也谈不上建议，只是个人的一些观点和做法，谢谢大家的关注和支持~关于前端学习一、多看书C...
阅读全文
摘要：前沿在CVTE实习考察的一周里，接触到了angular，并在最后的一天任务里要求使用angular做一个功能主要包括创建、编辑、恢复、删除以及留言的todo demo，并支持响应式布局。因为之前没怎么接触到这个js MVC框架，所以时间有点紧迫，只能阅读官方文档API和查看demo来学习，所幸的是最...
阅读全文
摘要：前沿这是之前淘宝的一道面试题，题目借用了 jQuery 选择器的语法。大概的意思是，从#id元素内选出所有不是.c后代的a元素，即父元素 #id 内的所有后代元素中，选出不是 .c 后代元素里的所有a元素。题目主要考察的是 DOM 操作的知识，来筛选DOM元素，并且不能使用jQuery等框架。思路先选出所有a元素。对每个a元素，从其所在位置沿着 DOM 树往上搜索，每走一步对比当前节点类名，含有c 类立刻中止，否则继续上行直至根节点或父元素（#id）处，结束搜索并将a元素加入结果集里。对全部a元素执行完该操作后，返回结果集。查找过程的流程图如下：js核心代码：// 参数依次为根元素、给出的类名
阅读全文
摘要：前言继上一篇谈到ES5新增Array的迭代方法forEach后，今天来分析下余下的迭代方法：map、filter、every、some。这些方法的作用如下：map方法是对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。filter方法是对数组中的每一项运行给定函数，返回该函数会返回true的项组成的数组。every方法是对数组中的每一项运行给定函数，如果该函数对每一项都返回true，则返回true。some方法是对数组中的每一项运行给定函数，如果该函数对任意一项返回true，则返回true。注：以上的方法都不会修改数组中的包含的值，并且这些方法中，最相似的是every和some，
阅读全文
摘要：前言最近又开始变懒了，一个多星期没写blog了，负罪感油然而生。最近一直在看JavaScript高级程序设计一书，其中关于数组部分，ES5新增了5个迭代方法：every()、filter()、forEach()、map()、some()。每个方法都接收两个参数：要在每一项上运行的函数和(可选的)运行该函数的作用域对象。传入这些方法中的函数会接收三个参数：数组项的值、该项在数组中的位置和数组对象本身。大概用法的结构如下：// 这里是对于forEach的例子[1, 2, 3, 4].forEach(function(item, index, array) { // do something}...
阅读全文
摘要：今天同学发了一份腾讯2013校园招聘软件开发类的笔试题（╮(╯▽╰)╭可惜是拍的图片）来给我做，我一看到就崩溃了，大部分都不会做，考查的计算机基础知识主要有C语言、算法和数据结构、计算机操作系统、计算机网络、数据库，个别一两题涉及到编译原理，分数布局是不定项选择题60分（20题）、填空题40分（7小题，10空，每空4分）、附加题（分为web前端方法和其他方向），其中web前端方法附加题有一道是这样的：编写一个javascript函数，把URL解析为一个结构与页面中的javascript location的对象相似的对象实体。如：输入url串为 "http://www.qq.com/i
阅读全文
摘要：获取页面中元素到文档区域document的横向、纵向坐标的两种方法及其比较在js控制元素运动的过程中，对于页面元素坐标位置的获取是经常用到的，这里主要总结下两种方法：一：通过叠加元素对象和它的offsetParent(如果存在)的offsetLeft/offsetTop属性来实现在阅读javascript高级程序设计第三版DOM部分时，了解到要获取某个元素在页面上的偏移量，需要将这个元素的offsetLeft和offsetTop与其offsetParent的相同属性相加，一直循环直至根元素。所以，要得到元素到文档区域的坐标位置，只需通过while循环不断获取offsetParent的offse
阅读全文
摘要：简单css选择器的实现前段时间阅读过jQuery的一部分源码，其中对于选择器(selector)的实现部分，感觉看下来比较吃力，于是就根据平时封装和收集的一些API，特别是dom操作部分的，自己实现了一个简单的css选择器，支持#id、.className、@name、tagName.className、node节点五种格式获取页面的元素或元素集合。废话不多说，贴上js代码：// dom操作对象var dom = { // 检测window isWindow: function(obj) { return obj && typeof obj === 'object
阅读全文