calayer: An object that manages image-based content and allows you to perform animations on that content. - (nullable instancetype)presentationLayer; - (instancetype)modelLayer; @property(nullable, strong) __kindof CALayer *mask; @property BOOL masks…

iOS开发UI篇—CAlayer层的属性 一.position和anchorPoint 1.简单介绍 CALayer有2个非常重要的属性:position和anchorPoint @property CGPoint position; 用来设置CALayer在父层中的位置 以父层的左上角为原点(0, 0) @property CGPoint anchorPoint; 称为“定位点”.“锚点” 决定着CALayer身上的哪个点会在position属性所指的位置 以自己的左上角为原点(0, 0) 它…

iOS开发UI篇—CAlayer层的属性 一.position和anchorPoint 1.简单介绍 CALayer有2个非常重要的属性:position和anchorPoint @property CGPoint position; 用来设置CALayer在父层中的位置 以父层的左上角为原点(0, 0) @property CGPoint anchorPoint; 称为“定位点”.“锚点” 决定着CALayer身上的哪个点会在position属性所指的位置 以自己的左上角为原点(0, 0) 它…

一.position和anchorPoint 1.简单介绍 CALayer有2个非常重要的属性:position和anchorPoint @property CGPoint position; 用来设置CALayer在父层中的位置 以父层的左上角为原点(0, 0) @property CGPoint anchorPoint; 称为“定位点”.“锚点” 决定着CALayer身上的哪个点会在position属性所指的位置 以自己的左上角为原点(0, 0) 它的x.y取值范围都是0~1,默认值为(0.…

CALayer有一个属性叫做mask. 这个属性本身就是个CALayer类型,有和其他图层一样的绘制和布局属性. 它类似于一个子图层,相对于父图层(即拥有该属性的图层)布局,但是它却不是一个普通的子图层. 不同于那些绘制在父图层中的子图层,mask图层定义了父图层的部分可见区域. mask图层的Color属性是无关紧要的,真正重要的是图层的轮廓.mask属性就像是一个饼干切割机,mask图层实心的部分会被保留下来,其他的则会被抛弃 如果mask图层比父图层要小,只有在mask图层里面的内容才是它…

DOM相关方法,属性整理1.获取元素的方法 1根据id获取对象 document.getElementById(''); 2根据标签名获取对象 document.getElementsByTagName('') 3根据类名获取元素对象 document.getElementsByClassName('') 4获取body元素 document.body2.节点/元素相关方法 1获取子节点 var 子节点的伪数组=父亲.childNodes 2获取子元素 var 子元素的伪数组=父亲.childr…

Swift - CALayer的contents属性动画 效果 源码 https://github.com/YouXianMing/Swift-Animations // // LiveImageView.swift // Swift-Animations // // Created by YouXianMing on 16/8/17. // Copyright © 2016年 YouXianMing. All rights reserved. // import UIKit // MARK:…

CALayer的additive属性解析 效果: 源码:https://github.com/RylanJIN/ShareOfCoreAnimation // // CAPartAViewController.m // ShareOfCoreAnimation // // Created by xjin on 8/8/14. // Copyright (c) 2014 ArcSoft. All rights reserved. // #import "CAPartAViewController.…

常用CSS3属性整理 文本 文本超出部分折叠 white-space:nowarp; overflow:hidden; text-overflow:ellipsis word-warp 边界换行 normal 默认 break-word 内容将在边界内换行,仅用于块对象,内联对象要用的话,必须要设定height.width或display:block或position:absolute. word-break: 处理单词折断 normal 使用浏览器默认的换行规则. break-all 允许在单…

web工程师是最近5年刚刚兴起的一门高薪职业,人们的专注度越来越高. 那么前端除了学习html标签之外还需要掌握什么知识点呢? 为大家整理了一个和HTML标签密不可分的知识要点--<CSS样式常用属性> ******* CSS 常用属性 ********* z-index: auto (默认值) 检索或设置对象的层叠顺序. 并级的对象,此属性参数值越大,则被层叠在最上面. 如两个对象的此属性具有同样的值,那么将依据它们在HTML文档中流的顺序层叠,写在后面的将会覆盖前面的. 必须定义posit…

在segmentfault看到这篇文章,觉得整理的很详细,所以转载过来和大家分享一下. 原文地址:http://segmentfault.com/blog/ciaocc/1190000002407912   http://www.qianduan.net/meta-tags-list/作者:ciaocc 版权贵ciaocc所有,转载请注明版权. 概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),…

整理SSIS 组件的属性解释及其用法 一,ExecValueVariable属性 有些Task组件执行完成之后,会产生输出结果,称作Execution Value,例如,Execute SQL Task在执行完成之后,会返回受影响的数据行数.Task组件的Execution Value可以通过属性ExecValueVariable来获取. 属性ExecValueVariable指定存储Execution Value的变量名,属性的默认值是none,表示task的输出结果不会被存储到变量:创建一个…

一.position和anchorPoint 1.简单介绍 CALayer有2个非常重要的属性:position和anchorPoint  position:  (1)用来设置CALayer在父层中的位置  (2)以父层的左上角为原点(0,0) anchorPoint:  (1)称为”定位点”,”锚点”  (2)决定着CALayer身上的哪个点会在position属性所指的位置  (3)以自己的左上角为原点(0,0)  (4)它的x,y取值范围都是0~1,默认值为(0.5,0.5) 2.图示 …

摘要:本文是我在学习前端的过程中整理的一些常用css属性,部分是css3新增的,因能力有限,文中如有错误,欢迎提出,我会及时修改.希望对大家有帮助! CSS属性 CSS属性 1 1. css颜色属性 5 1.1. 字体颜色 5 1.2. 背景颜色 5 2. 页面布局相关属性 5 2.1. display 5 2.2. position 6 2.2.1. position:relative 6 2.2.2. position:absolute 6 2.2.3. position:fixed 7 2…

最近去几家公司面试,发现大多数时候面试的内容考的都是原生的js语法和属性,所以我决心整理一下原生的dom元素的属性. 首先,我我们需要获取一个element元素 <li id="2">菜单B</li> 下面列举出在 google chrome 下的属性.(图片) 1.第一块 2.第二块 3.第三块 4.第四块 5.第五块 6.第六块 7.第七块 -----------------------------------------------------     华…

stackFromBottom属性,这只该属性之后你做好的列表就会显示你列表的最下面,值为true和false android:stackFromBottom="true"   第二是transciptMode属性,需要用ListView或者其它显示大量Items的控件实时跟踪或者查看信息,并且希望最新的条目可以自动滚动到可视范围内.通过设置的控件transcriptMode属性可以将Android平台的控件(支持ScrollBar)自动滑动到最底部. android:transcri…

最近在做WPF方面的内容,由于好多属性不太了解,经常想当然的设置,经常出现自己未意料的问题,所以感觉得梳理下. ps:先补下常用控件的类结构,免得乱了 .NET Framework 4.5 Using System.Windows.Controls; 这样就很清楚了,先总结下FrameworkElement 类: “为 Windows Presentation Foundation (WPF) 元素提供 WPF 框架级属性集.事件集和方法集. 此类表示附带的 WPF 框架级实现,它是基于由 UI…

浏览器内核:主流内容主要有Mozilla(熟悉的有Firefox,Flock等浏览器).WebKit(熟悉的有Safari.Chrome等浏览器).Opera(Opera浏览器).Trident(讨厌的IE浏览器) -moz- 针对Mozilla内核的浏览器 -WebKit- 针对WebKit内核的浏览器 -o- 针对Opera浏览器 CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变) 格式:-moz-linear(类型)-gra…

声明文档使用的字符编码 <meta charset='utf-8'> 声明文档的兼容模式 //指示IE以目前可用的最高模式显示内容<meta http-equiv="X-UA-Compatible" content="IE=edge" />//指示IE使用 <!DOCTYPE> 指令确定如何呈现内容.标准模式指令以IE7 标准模式显示,而 Quirks 模式指令以 IE5 模式显示.<meta http-equiv=&quo…

main axis和cross axis的位置不一定是水平和垂直的,以flex-direction的值即为主轴方向 justify-content:主轴对齐方式 space-between:将多余空间放在中间 space-around:将多余空间放在两边,和space-between的区别就是最两边会有空间 flex-start:都靠齐主轴的首部(main start) flex-end:都靠齐主轴的尾部(main end) center:全部紧凑居中 align-items:侧轴对齐方式 st…

Vue静态方法和静态属性,其实直接在浏览器中可以查看到的,如下 圈起来的是其静态属性,但是有的属性对象中的属性的值又是函数.未圈起来的则是函数. 其实它来自如下各个目录下的js文件 // src/core/index.js Vue.version = '__VERSION__' // src/entries/web-runtime-with-compiler.js Vue.compile = compileToFunctions // 把模板template转换为render函数 // src/…

原文链接:http://caibaojian.com/mobile-meta.html <!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --> <html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --> <head> <!-- 声明文档使用的字符编码 --> <meta charset='…

Flex布局 display: flex; 将对象作为弹性伸缩盒展示,用于块级元素 display: inline-flex; 将对象作为弹性伸缩盒展示,用于行内元素 注意兼容问题: webkit内核浏览器应使用前缀-webkit IE浏览器,可以很好的兼容IE11+版本,对于IE10只有部分可以兼容,且使用时需增加-ms,IE10浏览器中容器定义成弹性伸缩盒时,需使用display: -ms-flexbox 示例的dom结构: <div class="box"> <…

DataGrid其中与选择,勾选相关 DataGrid属性: singleSelect boolean 如果为true,则只允许选择一行. false ctrlSelect boolean 在启用多行选择的时候允许使用Ctrl键+鼠标点击的方式进行多选操作.(该属性自1.3.6版开始可用) checkOnSelect boolean 如果为true,当用户点击行的时候该复选框就会被选中或取消选中.如果为false,当用户仅在点击该复选框的时候才会呗选中或取消.(该属性自1.3版开始可用) tru…

    网页可见区域宽: document.body.clientWidth;   网页可见区域宽: document.body.offsetWidth (包括边线的宽);   网页可见区域高: document.body.offsetHeight (包括边线的宽);   网页正文全文宽: document.body.scrollWidth;   网页正文全文高: document.body.scrollHeight;   网页被卷去的高: document.body.scrollTop;  …

最近做这个站点http://zhimo.yuanzhumuban.cc/,百度一直出现转码问题,很头疼,通过一周时间研究meta属性,达到了代码优化的效果,在此做一些笔记. <head> <!-- 声明文档使用的字符编码 --> <meta charset='utf-8'> <!-- 优先使用 IE 最新版本和 Chrome --> <meta http-equiv="X-UA-Compatible" content="I…

可以对图层按path进行指定裁剪 //#import "ViewController.h" // //@interface ViewController () // //@end // //@implementation ViewController // //- (void)viewDidLoad { // // [super viewDidLoad]; // // // 创建一个蓝色的Layer // CALayer *foregroundLayer = [CALayer laye…

<!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --> <html lang="zh-cmn-Hans"> <!-- 1. 简体中文页面:html lang=zh-cmn-Hans2. 繁体中文页面:html lang=zh-cmn-Hant3. 英语页面:html lang=en 4. <回来>的音频,以国语演唱:audio lang=zh-cmn5. <海阔天空>的音频,以粤…

先来与View比较一下 View:transform -> CGAffineTransformRotate... layer:transform -> CATransform3DRotate...    有三维的效果,3D即3个坐标轴 x,y,z轴 // 旋转 /** 参数1 自己的transform 参数2 旋转的角度 参数 3/4/5 代表在对应轴上的值! -> 有它们确定一个点!点向圆心连线,组成对应的旋转的轴! */ _redLayer.transform = CATransfo…

@property(nullable) CGColorRef shadowColor; /* The opacity of the shadow. Defaults to 0. Specifying a value outside the * [0,1] range will give undefined results. Animatable. */ @property float shadowOpacity; /* The shadow offset. Defaults to (0, -3)…