大家知道js可以做出好多很漂亮的动画,看上去很神奇,其实原理很简单,今天就讨论一下js动画的实现以及如何编写可以反复重用的运动框架。首先做一个简单的例子,我这里有一个长50px 宽20px的长条形div 现在我想让鼠标停在上面的时候这个长条变为长1000px宽20px的超级长条,然后当鼠标移开的时候再变回50px长。下面看一下我写的代码:无标题文档这里可以看到一个非常死板的动画效果,50px长的div瞬间变成了1000px长,然后又瞬间变回来。严格的说,这算是个p动画效果,动画的本质是人眼睛可以保存前1微秒看到的影响,从而将死板的动作看成是平滑的动作,我们现在就要改善这个死板的动作。其实我们可 Read More
posted @ 2013-11-14 17:13 折腾手记 Views(496) Comments(1) Diggs(1) Edit
现在有两个对象,需要实现Chinese类型对象对Person类型对象的继承。这里分两部分,属性和方法。属性可以直接用构造函数的方法实现继承,而方法则要通过原型链来实现继承。先解释什么是原型链,每个对象创建的时候,都同时创建了一个该对象的原型对象,比如function F(){};创建的时候,不仅仅创建了F对象还创建了F对象的原型对象,可以通过F.prototype来访问这个对象。那么这个原型对象有什么用处呢?在对对象中的属性或方法进行引用的时候,如果对象中没有这个属性或方法,则系统会到对象的原型中去找,如果原型中找不到则继续去原型的原型中去找,这样就形成了一个原型链,大概你要为为什么对象的原型 Read More
posted @ 2013-11-14 00:04 折腾手记 Views(209) Comments(0) Diggs(0) Edit
浏览器的内核Mozilla Firefox ( Gecko )Internet Explorer ( Trident )Opera ( Presto )Safari ( WebKit )Google Chrome ( WebKit )腾讯TT、世界之窗、360浏览器、遨游浏览器都是给IE加了个外壳,不过如果电脑上装的是ie8的话,这些浏览器还是调用ie7的内核。搜狗浏览器比较特殊,它有两种浏览模式:一是兼容模式,该模式使用IE内核;二是高速模式,该模式使用WebKit内核。解决ie7、ie8兼容性最好的办法是在head标签中加入meta 类型,只要IE8一读到这个标签,它就会自动启动IE7兼容 Read More
posted @ 2013-11-12 16:11 折腾手记 Views(296) Comments(0) Diggs(0) Edit
浏览器对dom的支持情况ff dom1 dom2 全部实现ie dom1 实现部分 dom2 完全没有实现chrome safrie 介于ff和ie之间 dom1实现了大多数,dom2实现了部分1、 oul.childNodes 获取子节点 ff中空白也算作子节点,如果用oul.children则不存在这个问题,用来取第一层的子节点比较好2、 oul.parentNode 获得父节点3、 nodetype 1代表元素节点 3代表文本节点4、 offsetParent 获取相对定位5、 创建Element:createElement(“li”);6、 插入Element:insertBefore Read More
posted @ 2013-11-04 20:24 折腾手记 Views(170) Comments(0) Diggs(0) Edit
简要讲Ajax 的内容归纳为博客。AJAX能且仅能从服务器上读取文件,我们使用ajax的时候分为以下几个步骤:1、 创建ajax对象2、 链接服务器3、 发送请求4、 接收返回值下面是详细实现过程 1 2 3 4 5 ajax 6 41 42 43 44 45 以上过程分四步在服务器上读取了like.txt中的文件同样的方法可以读取josn文件和XML文件下面是将以上内容封装为函数的代码,可以直接用 1 function ajax(url,fnSucess,fnFaild){ 2 ... Read More
posted @ 2013-11-04 20:21 折腾手记 Views(128) Comments(0) Diggs(0) Edit
今天看关于javascript继承的相关实现。百度了一下关于javascript继承实现的方法,发现好多原来认为是非常牛的人,竟然出现了很多非常明显的错误,如果不是我本着科学探索的精神亲自敲代码试了一下,估计就被这群货骗了。然后我顺势,翻看了好多相关博客,竟然都或多或少有明显错误在里面。而这些错误都是细节。很基础的细节!类似于 基本变量与引用变量在内存中存储的区别这样的。其实这些内容不难,但是很细,很容易疏忽。所以,稍微多用一点脑子,在细节上比别人细一点点,已经超过了百分之九十的技术人员了。以后学习的时候,不能仅仅以博客为参考,一定要找一些书籍,然后think。知其然必要知其所以然,否则便有可 Read More
posted @ 2013-10-26 21:15 折腾手记 Views(139) Comments(0) Diggs(0) Edit
今天算是勉强把项目一搞定了,只不过设计实在太差,丑到爆,要人命啊。看来有时间还是要学一下设计的比较好。好吧 犹抱琵琶半遮面!实在没脸贴出来了~~~ Read More
posted @ 2013-10-13 21:59 折腾手记 Views(144) Comments(0) Diggs(0) Edit
继续导航项目,经过考虑,最终决定做成简单实用的方块样式。下面是简单画了一下项目架构图,首先实现这个布局。下面开始编码来实现。 Read More
posted @ 2013-10-09 23:09 折腾手记 Views(163) Comments(0) Diggs(0) Edit
不面试不知道自己垃圾。今天的面试里面有个面试官让当场实现一个布局完全没有搞定呢~~~布局如图竟然完全没有搞定呢,丢死人了,回来搞了很久依然不能完美搞定,哪位大牛可以搞?好郁闷,这样的东西感觉很简单,可为什么让实现还是有问题,实在是太垃圾了,自己的水平完全不像是有两年经验的前端啊,shit!话说开始继续昨天的项目了,明天还要面试心情真是不好,没工作真郁闷,都没有归宿感地说。有时间再说这个布局吧,现在继续昨天的。 Read More
posted @ 2013-10-09 19:29 折腾手记 Views(135) Comments(0) Diggs(0) Edit
茶泡好了,虽然有点晚了,但是一定要管住自己做点正事儿。现在开始刚才随笔里面说过的第一个项目。首先是把自己收藏夹内容列出来,我还是用一个word来列出来,今天就把这些内容统统列好,喝完茶睡觉去,预计睡觉时间1点。首先是第一个分类,网址导航----技术相关 ----文学相关 ----科学相关 ----娱乐相关 ----把自己搞晕的书籍 ----心理学相关 ----哲学相关 ----技术相关电影 ----喜欢的电影推荐及介绍(新增)(动态添加) ----没看过的想看的电影动漫及美剧 ----名称及下次更新时间计划(该部分列在页面右侧) ----项目计... Read More
posted @ 2013-10-09 00:50 折腾手记 Views(162) Comments(0) Diggs(0) Edit