iOS Animation详解 本篇只要讲解iOS中动画的使用. Animtion主要分为两类：UIView动画和CoreAnimation动画。 UIView动画有UIView属性动画，UIViewBlock动画，UIViewTransition动画。 而CoreAnimation动画主要通过CAAnimation和CALayer，常用的有CABasicAnimation,CAKeyframeAnimation,CATransition,CAAnimationGroup. UIView官方文档 UIView 继承自:UIResponder:NSObject 遵循:UITraitEnvironment, UIDynamicItem, NS...
outline这个属性平时用的不太多，最近被问及专门研究一下这个属性的作用。 CSS2加进来的outline属性，中文翻译过来是外轮廓。 神马是轮廓？ 轮廓，指边缘；物体的外周或图形的外框。 那这样的话外轮廓就是在外部的边框咯。 看一下正式的定义：outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。outline 属性设置元素周围的轮廓线。 看一下比较实际的体会：在浏览器里，当鼠标点击...
前言：AutoLayout定义了View的位置，也就是说，在Auto Layout的工程里，如果不修改约束本身，在视图重新绘制的时候，还会回到最开始的位置。AutoLayout中的动画与视图的位置和大小有关。 先看看效果 实现过程 在Storyboard上拖拽一个UIImageview。设置约束为：水平垂直正中心，大小很定100＊100 拖拽Imageview以及Constraint为Outlet 注意拖拽Y相关的约束，也就是这个 对应代码 @IBOutlet weak var imagevi...
CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪元素用于将特殊的效果添加到某些选择器。 可以明确两点，第一两者都与选择器相关，第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他 css 无法描述的东西。 伪类种类 伪元素种类 区别 这里用伪类 :first-child 和伪元素 :first-letter 来进行比较。 p>i:first-child {color: red}firstsecond //伪类 :first-child 添加样式到第一个子元素如果我们不使用...
欢迎关注我的iOS SDK详解专栏 不知不觉iOS的动画系列文章已经写到第五篇了，在这里，能方便的找到我之前写的四篇关于动画的文章。 前言：CATransition 是CAAnimation的子类，最主要的用途是用来定义view reload的转场动画。使用这个集成好的类，可以几行代码就创建出不错的效果。 效果一 动图 核心代码， CATransition * transition = [CATransition animation]; transition.type = kCATransitionFade; tra...
position有五个值：static、relative、absolute、fixed、inherit。 static 是默认值。就是按正常的布局流从上到下从左到右布局，平常我们做网页制作时，没有指定 position，也就表示使用 static。 relative 没有脱离布局流，此时可以使用 top、right、bottom、left 属性。 top 和 bottom 共存时，使用 top 值，忽略 bottom 值； left 和 right 共存时，使用 left 值，忽略 right 值； relative 是相对位置，指相对于...
原文：A Visual Guide to CSS3 Flexbox Properties Flex布局官方称为CSS Flexble Box布局模型是CSS3为了提高元素在容器中的对齐、方向、顺序，甚至它们是动态的或者不确定大小的新布局模型。Flex容器的主要特征是能够调整其子元素在不同的屏幕大小中能够用最适合的方法填充合适的空间。 很多的设计师和开发者发现Flex布局很容易使用，它定位元素简单因此很多复杂的布局能够用很少的代码实现，引领更简单的开发过程。Flex布局的...
在HTML【1】中已经说明了HTML编程的基本方式，最后说到了表单提交的方式有get和post方式，那么到底什么是get/post 方式呢，两者有什么区别？现在我就具体的介绍一下。 首先回顾一下表单的基本编程，代码如下： 其中method="post"是post方式，默认的（我们也可以指定）为get方式。那么两者有什么区别呢？ 这里先进行一下这样的思考，既然是提交，那向什么地方提交呢？答案是肯定的，HTML网页向服务器提交表...
What? image-rendering作为现阶段还处于实验性质中的css属性，他的作用是在浏览器对图片进行比例缩放时，设置其缩放使用的算法，从而来得到我们最终想要的图片结果。而且这个属性可以应用于img，canvas和background-image中。 Note 由于该属性未得到所有浏览器的支持，本文直接在文章里应用该属性，所以阅读此文时请使用最新版本的浏览器 Usage image{ image-rendering:auto;} 其可选的值有： auto使用默认算法，即...
前言 上一篇博客Android Animation动画详解（一）： 补间动画 我已经为大家介绍了Android补间动画的四种形式，相信读过该博客的兄弟们一起都了解了。如果你还不了解，那点链接过去研读一番，然后再过来跟着我一起学习如何把简单的动画效果组合在一起，做出比较酷炫的动画特效吧。 一、 动画的续播 如题，大家想想，如果一个页面上包含了许多动画，这些动画要求按顺序播放，即一个动画播放完成后，继续播放另一个动画，...
这篇文章主要介绍了JavaScript中var关键字的使用,是JavaScript入门学习中的基础知识,需要的朋友可以参考下 作用声明作用；如声明个变量。语法 var c = 1 省略var 在javascript中，若省略var关键字而直接赋值，那么这个变量为全局变量，哪怕是在function里定义的。 如代码所示，运行函数Define()后，变量a声明为全局变量。在Hello()函数...
CSS的继承是由所使用的样式属性定义的。换句话说，当你查看CSS属性backgruound-color，你会看到一栏「继承性」，也许你几乎没有在意过它，但是它还是十分有用的。什么是CSS继承 每一个元素都是文档树的一部分，除了最顶级的HTML元素，每个元素都有其对应的父级元素，每一个父级元素的CSS属性值都可以被应用到它的子元素中去。 举个栗子，H1标签包含着一个EM标签： EM就是H1标签的子元素，任何H1中继承的CSS属性值会自动在EM标...
你遇到过性能很差的网页吗？ 这种网页响应非常缓慢，占用大量的 CPU 和内存，浏览起来常常有卡顿，页面的动画效果也不流畅。 你会有什么反应？我猜想，大多数用户会关闭这个页面，改为访问其他网站。作为一个开发者，肯定不愿意看到这种情况，怎样才能提高性能呢？ 本文将详细介绍性能问题的出现原因，以及解决方法。 一、网页生成的过程 要理解网页性能为什么不好，就要了解网页是怎么生成的。 ...
new/2019-09-27-201927/6660823
在做网页的时候，常常需要实现圆角，以前的做法就是切图，现在好了，有了css3的 border-radius 特性之后，实现边框圆角效果就非常简单了，而且其还有多个优点：一是减少网站维护工作量；二是提高了网站的性能，少了对图片的 HTTP 的请求，网页载入速度将变快；三是增加视觉美观性。 border-radius 是一种缩写方法。另外其四个值是按照top-left、top-right、bottom-right、bottom-left的顺序来设置的其主要会有下面几种情形出现...