摘要：一个简单通用的抛物线动画小球的父容器动画起点动画目标可选持续时间可选抛物线参数回调函数可选动画完成执行函数可选动画尺寸方法简易试图地址 一个简单通用的 React 抛物线动画demo Usage import { parabola } from ./parabola ... onAnimate = () => { const config = { ballWrapper...
摘要：盒模型是中的一个重要概念，它是元素大小的呈现方式。背景被裁剪到内边距框。 box model 盒模型(box model)是CSS中的一个重要概念，它是元素大小的呈现方式。需要记住的是：every element in web design is a rectangular box。如图： showImg(https://segmentfault.com/img/bVWd1z?w=18...
摘要：梯形标签页一直以来，在里都没有简单的方式生成梯形标签页。缺点是如果梯形标签的宽度高度背景等有变化，就得重新切图。同时设置轴的缩放来使其高度尽量不发生变化。但是标签页一般用于导航，这种方法可以满足大部分场景。 梯形标签页 一直以来，在CSS里都没有简单的方式生成梯形标签页。常见的方案是使用背景图片或者伪元素。但是这两种方案使用起来不够灵活。比如标签大小改变，增加纹理背景时候，这两种方案就...
摘要：当时下载了一个，下载了官方提供的示例教程。关于项目目录开发规范一定要遵守，直接通过官网学习即可。最后就是发布安卓包和苹果包了。我将自己做的第一个新闻列表新闻详情程序打包，安装到了安卓手机上测试了下，效果非常棒。 本人微信公众号：前端修炼之路，欢迎关注 背景介绍 大概在今年的十月份左右，我了解到Dcloud推出了uni-app。当时下载了一个Hbuilder X，下载了官方提供的hell...
摘要：请记住，会告诉浏览器你不想阻止事件的默认行为。而单单释放也不会触发事件。修饰符修饰符允许你控制由精确的系统修饰符组合触发的事件。当一个被销毁时，所有的事件处理器都会自动被删除。 1、监听事件 用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。 Add 1 The button above has been clicked {{ counte...
