2017年09月_甩头淡忘烦恼

原创 fullPage代码从基层往上爬（一）

fullPage代码从基层往上爬（一）自己打算通过fullPage.js来好好巩固滚轮事件、兼容性实现、jquery、函数封装等等…. 这一部分先完成fullPage的基础功能，接下来就会进行封装、优雅降级、添加功能等…html代码结构css布局jquery实现基础功能html代码结构最简单的结构，就不做详细说明了 <div class="section-group">

2017-09-12 12:53:05 513

原创 SVG路径描边动画效果的实现

SVG路径描边动画效果理解SVG坐标系和变换：视窗,viewBox和preserveAspectRatio部分参考自: http://www.w3cplus.com/html5/svg-coordinate-systems.html © w3cplus.com先来放一个自己写的效果：是不是很酷！！！一、先看下svg几个属性：1.stroke:none | c

2017-09-09 14:04:38 1912

原创 px | em | rem =>字体单位的进化史

px | em | rem =>字体单位的进化史PX在刚刚接触前端的时候，我们都是使用“px”来设置我们的字体大小，因为它兼容性好而且精确。但是这种方法当用户在浏览器中浏览页面时，他人为的改变了浏览器的字体大小，这时会使用我们的页面布局被打破。因此，这时就提出了使用相对单位“em”来定义Web页面的字体。 em“em”作为一个相对单位就解决了上述问题。这种技术需要一个参考点，一般都是以的“fon

2017-09-09 13:06:09 348

原创 3.jQuery拓展方法extend();

1.当只写一个对象自变量的时候，JQ中扩展插件的形式$.extend({ //扩展工具方法 fun1 : function(){ ... }, fun2 : function(){ ... }});//调用: $.fun1()/*那么为什么可以这么调用呢？ $.extend() 它的this是$,因此this.f

2017-09-07 20:51:13 242

原创 2.理解merge和pushStack可以更好的了解jQuery源码

    我就想看看自己JS学到什么程度然后让自己对jquery方法有更深的印象就“作死着”去看了看jquery源码，毕竟都说其编码结构很NB…     目前还只看到前面一部分，基本是在jQuery构造方法下定义了一些变量和方法。     然后发现 merge() 和 pus...

2017-09-07 20:24:12 260

原创原生Js完美运动框架(缓冲运动和弹性运动)

/** * 完美运动原生JS */function getStyle(obj, attr){ if(obj.currentStyle)//IE { return obj.currentStyle[attr]; } else { return getComputedStyle(obj, false)[attr]; }}function

2017-09-07 16:38:52 1132

原创 Vue:Avoid mutating a prop directly since the value will be overwritten ...警告解决方法

这个报错的原因就是props值不能被改变这个问题的本质还是组建通信的双向绑定问题在vue2.0文档中有这么一段话：在一些情况下，我们可能会需要对一个 prop 进行『双向绑定』。事实上，这正是 Vue 1.x 中的 .sync修饰符所提供的功能。当一个子组件改变了一个 prop 的值时，这个变化也会同步到父组件中所绑定的值。这很方便，但也会导致问题，因为它破坏了『单

2017-09-02 14:40:29 13043 1

赵泽清的博客