xiangleizheng

1. lottie 简介 Lottie是一个iOS，Android和React Native库，可以实时渲染After Effects动画，并且允许本地app像静态资源那样轻松地使用动画。Lottie使用名为Bodymovin的开源After Effects的扩展程序导出的JS…

里边全部是vue的免费视频，全算下来有100多集。希望可以帮助前端小伙伴学习Vue。 学习一直属于孤独者，任何伟大的发明家都忍受过寂寞和无助，但他们最终走了出来。也许你刚来到本站，也许你刚接触前端，你会稍感彷徨。但你来到了这里，技术胖希望让你有所收获。你可以按照这篇文章的脉络来…

CSS像素：web编程用到的，我们在JS和CSS中使用的10px就是CSS像素，是可变的。CSS像素受屏幕缩放和设备像素比（dpr）的影响。如我们网页的中的字体在网页放大之后会变大，还有在移动端看起来会比PC端小一些 ...... Retina屏幕即视网膜屏幕，是苹果发布iph…

布局的传统解决方案是基于盒状模型，依赖 display + position + float 方式来实现，灵活性较差。2009年，W3C提出了一种新的方案-Flex，Flex是Flexible Box的缩写，意为”弹性布局”。Flex可以简便、完整、响应式地实现多种页面布局。下…

前端这两年的新技术铺天盖地，各种框架、工具层出不穷眼花缭乱。最近打算好好复习下 js 基础，夯实的基础才是学习新技术的基石。本文作为读书笔记简单的总结下 js 异步的基础知识。 回调是编写和处理 JavaScript 程序异步逻辑的最常用方式，无论是 setTimeout 还是…

开工大吉，在开工第二天，送上每周一个动画系列的第三篇，新的一年先给自己一个大大的赞。闲话不说，开始我们的正文。 本文分析实现的某些效果，仅仅作为一个思路分享，仅仅作为学习素材使用。 可以看到鼠标在点击红心的时候，有些粒子效果，同时红心填充为红色，效果的确很赞。 我们应该记得在《…

在做无人便利小程序的项目中，某一天产品说要像某产商产品学习，给添加购物车增加抛物线小球动画。好吧，产品你最大，做！ 工具有了，我们再看一下什么是抛物线。 所以我们需要把这个抛物线动画分解成 两个 同时 进行但 不同动画效果 的动画。 据我所知，用 transform: tran…

//5.Fixing a bug. add a overflow:hidden on the child element vue-seamless-scroll发现bug或者有什么不足望指点,感觉不错点个star吧。

在javascript中操作dom节点让其运动的时候，常常会涉及到各种宽高以及位置坐标等概念，如果不能很好地理解这些属性所代表的意义，就不能理解js的运动原理，同时，由于这些属性概念较多，加上浏览器之间 实现方式不同，常常会造成概念混淆，经过研究之后，这里来进行一个总结。 第一…