- 博客(55)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 CSS3 Box-sizing
转载：http://www.w3cplus.com/content/css3-box-sizingbox-sizing是CSS3的box属性之一。一说到CSS的盒模型（Box model）我想很多人都会比较烦，特别是对于新手，然而这个Box model又是我们CSS运用中比较重要的一个属性。那么CSS3的Box-sizing跟盒模型有什么关系呢？第一句话就说了，Box-si
2017-02-28 23:51:29
220
转载 CSS3 @font-face
转载：http://www.w3cplus.com/content/css3-font-face@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体，你们当中或许有许多人会不自然的问，这样的东西IE能支持吗？当我告诉大家@font-face这个功能早
2017-02-28 23:36:52
200
转载 CSS3 Animation
转载：http://www.w3cplus.com/content/css3-animationCSS3属性中有关于制作动画的三个属性：Transform,Transition,Animation；我们一起学习完了Transform和Transition，让我们对元素实现了一些基本的动画效果，这些我想足以让大家激动了一阵子，今天我们趁着这个热劲继续第三个动画属性Animatio
2017-02-28 23:29:30
255
转载 CSS3 Transition
转载 http://www.w3cplus.com/content/css3-transition上一节花了大篇幅整理了CSS3中动画属性中的Transform，今天我们接着一起来看CSS3动画属性中的另一个属性Transition。W3C标准中对css3的transition这是样描述的：“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这
2017-02-28 23:20:25
940
转载 CSS3 Transform
转载： http://www.w3cplus.com/content/css3-transform今天开始我们一起来学习有关于CSS3制作动画的几个属性：变形(transform)、转换(transition)和动画(animation)等更高级的CSS3技术。本文主要介绍的是这三个属性之中的第一个──变形transform。Transform字面上就是变形，改变的意思
2017-02-28 23:09:44
182
转载 CSS3 box-shadow
转载 ： http://www.w3cplus.com/content/css3-box-shadowCSS3的box-shadow有点类似于text-shadow，只不过不同的是text-shadow是对象的文本设置阴影，而box-shadow是给对象实现图层阴影效果。本文我们搁下IE不谈，只谈谈box-shadow的具体使用方法语法：E {box-s
2017-02-28 22:51:48
231
转载 CSS3 Word-wrap、word-break、white-space
转载： http://www.w3cplus.com/content/css3-word-wrapCSS3中有关于文本效果的属性，前面在《CSS3 Text-shadow》和《CSS3 Text-overflow》介绍了文本阴影，文本注解的使用，今天主题是超长英文文本自动换行word-wrap的使用，在介绍这个属性的同时，我还把word-break和white-space两
2017-02-28 21:59:00
394
转载 CSS3 Text-overflow截取文字显示...
转载 http://www.w3cplus.com/content/css3-text-overflowCSS3中Text Effects属性一共有三个；text-shadow;text-overflow;word-wrap。其中text-shadow是CSS3中一个常用的属性，在《CSS3 text-show》中专门介绍了关于text-shadow的特性和使用方法。今天主要跟
2017-02-28 00:09:10
482
转载 CSS3 Text-overflow截取文字显示...
转载 http://www.w3cplus.com/content/css3-text-overflowCSS3中Text Effects属性一共有三个；text-shadow;text-overflow;word-wrap。其中text-shadow是CSS3中一个常用的属性，在《CSS3 text-show》中专门介绍了关于text-shadow的特性和使用方法。今天主要跟
2017-02-28 00:02:53
7368
转载 CSS3的文字阴影—text-shadow
转载 http://www.w3cplus.com/blog/52.htmltext-shadow还没有出现时，大家在网页设计中阴影一般都是用photoshop做成图片，现在有了css3可以直接使用text-shadow属性来指定阴影。这个属性可以有两个作用，产生阴影和模糊主体。这样在不使用图片时能给文字增加质感。text-shadow曾经在css2中就出现过，但在cs
2017-02-27 23:54:28
751
转载 CSS3的圆角Border-radius
转载： http://www.w3cplus.com/css3/border-radius今天我们在一起来看看CSS3中制作圆角的属性border-radius的具体用法。在CSS2中，大家都碰到过圆角的制作。当时，对于圆角的制作，我们都需要使用多张圆角图片做为背景，分别应用到每个角上，我应用最多的就是在需要圆角的元素标签中加四个空标签，然后在每个空标签中应用一个圆角的背景位置
2017-02-27 23:40:10
247
转载 CSS3 RGBA
转载：http://www.w3cplus.com/content/css3-rgba今天我们一起来探讨一下CSS3中的RGBA。RGB对于大家来说一点不陌生，他就是红色R+绿色G+蓝色B，那现在我们所说的RGBA又是什么呢？说得简单一点就是在RGB的基础上加进了一个通道Alpha。从而形成了我们今天需要讨论的RGBA。如果需要更详细的解说，大家就跟着我一起往下看吧。语
2017-02-27 23:22:25
188
转载 CSS3 Gradient
转载 http://www.w3cplus.com/content/css3-gradientCSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用CSS3 Gradient,我们需要先了解一下目前的几种现代浏览器的内核，主流内容主要有Mozilla（Gec
2017-02-27 23:10:17
233
转载 CSS ::Selection
转载 http://www.w3cplus.com/content/css-selection前天在一个前端群中碰到一个网友问了一个关于选择文本，背景是红色，而文本是白色的问题，如下图所示：或许大家对这样的实现并不陌生，可是有很多童鞋可能跟我一样，并不知道是如何实现，因为在默认情况下，选择网站文本都是深蓝的背景，白色的字体,就如下本站的而言，选择文本后，背景是深
2017-02-24 23:36:13
472
原创 JavaScript中数组slice和splice的对比小结
今天重温了一下Javascript，看到了数组的方法，其中有两个比较相似的方法——splice和splice，看着很像，就是多了一个p，但是用法却相当不一样。在使用中，可以通过选择一个具有强语义表达性的 API 来减少混淆的发生。1、sliceslice是指定在一个数组中的元素创建一个新的数组，即原数组不会变。定义和用法slice() 方法可
2017-02-24 23:30:43
509
原创 JS—事件对象
在触发DOM上的某个事件时，会产生一个事件对象event。这个对象中包含着所有与事件有关的信息。包括导致事件的元素，事件的类型以及其他与特定事件相关的信息。举例鼠标操作导致的事件对象中，会包含鼠标位置的信息，键盘操作导致的事件对象中，会包含按下的键有关的信息，所有浏览器都支持event对象，event对象会传入DOM0级，DOM2级，HTML指定，的事件处理程序中，但支
2017-02-24 23:21:52
256
原创 js事件监听机制(事件捕获)总结
在前端开发过程中我们经常会遇到给页面元素添加事件的问题，添加事件的js方法也很多，有直接加到页面结构上的，有使用一些js事件监听的方法，由于各个浏览器对事件冒泡事件监听的机制不同，le浏览器只有事件冒泡，没有事件监听的机制，对于事件监听的兼容性问题是最大的难题：1.直接把事件的方法写在页面结构上function eventfun(){ //console.log(th
2017-02-24 23:08:46
11691
原创 实时监听输入框值变化的完美方案：oninput & onpropertychange
最近做过一个项目，需求是下拉框里自动匹配关键字，具体细节是实时监听文本框 value 值的变化，然后匹配相关内容。初接项目，首先想到的是 JQ 里的 change，但是马上排除此方法，因为 change 是在文本框失去焦点时才会触发。曲线救国一下，想到用 keydown 来解决。其他一切还好，只是当不通过键盘操作，而是通过鼠标来复制粘贴时，这个事件是无法触发的。所以这个方法也排除掉了。
2017-02-23 21:41:34
1978
1
转载 CSS3 Media Queries
转载 http://www.w3cplus.com/content/css3-media-queriesMedia Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码： link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" />
2017-02-21 23:45:38
212
转载 Android动画 animateLayoutChanges与LayoutTransition
转载 http://blog.csdn.net/harvic880925/article/details/50985596前篇给大家讲了LayoutAnimation的知识，LayoutAnimation虽能实现ViewGroup的进入动画，但只能在创建时有效。在创建后，再往里添加控件就不会再有动画。在API 11后，又添加了两个能实现在创建后添加控件仍能应用动画的方法，分别是
2017-02-21 00:03:00
541
原创 js+JQuery实现返回顶部功能
1、纯js,无动画版本window.scrollTo(0,0); 2、纯js，带动画版本生硬版：var scrollToTop = window.setInterval(function() { var pos = window.pageYOffset; if ( pos > 0 ) { window.scrollTo( 0,
2017-02-20 22:17:01
217
原创 $(window).height()获取到的高度不对
关于这个问题，网上有人说这是webkit内核的浏览器导致的，且只有这种浏览器会出现，只需要将html5的声明整成标准的带有的声明的就行了，但是本人亲测仍然是不行的，所用浏览器：Google Chrome (64-bit)。后来使用var innerHeight = window.innerHeight; //window的高度，即手机的高度 var cli
2017-02-20 22:06:15
13090
1
原创 jQuery实现当拉动滚动条到底部加载数据
当用户滚动元素中到一个不同的地方时，scroll事件将发送到这个元素。它适用于window对象，但也可滚动框架与CSS overflow属性设置为scroll的元素。1、普通的div滚动到底部加载更多的方法内容$('#test').scroll(function(event){ var top = $(this).scrollTop(); var height
2017-02-20 21:51:05
4460
转载 android gridLayoutAnimation动画
GridLayoutAnimation的XML实现——gridLayoutAnimation1、概述这部分将给大家讲解有关gridview给内部子控件添加创建动画的内容。本部分的效果图如下： 我们先来看一下gridLayoutAnimation标签都有哪些属性：<gridLayoutAnimation xmlns:android="http://schemas.
2017-02-17 23:53:54
596
转载 Android 属性动画 PropertyValuesHolder与Keyframe
转载：http://blog.csdn.net/harvic880925/article/details/50752838ValueAnimator、ObjectAnimator除了ofInt(),ofFloat(),ofObject()函数的用法以外，都还有一个方法：/** * valueAnimator的 */ public static ValueAnimat
2017-02-17 23:28:00
809
转载 Android 布局动画（Layout Animations）
转载http://blog.csdn.net/harvic880925/article/details/50785786这篇将给大家讲解如何给容器中的控件应用统一动画。即在容器中控件出现时，不必为每个控件添加进入动画，可以在容器中为其添加统一的进入和退出动画。 从上面的示例动画也可以看出，listview中的数据在进入时就加入了统一动画,下面我们就来看看这些是怎么来实现的吧。 这
2017-02-17 22:46:40
598
原创 Android 属性动画（Property Animation）补充
一、PropertyValuesHolder 1：我们通过ObjectAnimator中的各种属性进行动画异步执行 旋转-->X轴移动-->Y轴移动 /** * 多属性同时改变 //我们写了三个动画。我们发现下边这三句话是同时执行的 */ ObjectAnimator.ofFloat(imageView, "rotation", 0f, 360
2017-02-15 23:02:21
502
原创 java volatile关键字
volatile也是变量修饰符，只能用来修饰字段。volatile修饰的成员变量在每次被线程访问时，都强迫从共享内存中重读该成员变量的值。而且，当成员变量发生变化时，强迫线程将变化值回写到共享内存。这样在任何时刻，两个不同的线程总是看到某个成员变量的同一个值。在此解释一下Java的内存机制：Java使用一个主内存来保存变量当前值，而每个线程则有其独立的工作内存。
2017-02-15 22:38:43
198
原创 Java transient关键字
Java的serialization提供了一种持久化对象实例的机制。当持久化对象时，可能有一个特殊的对象数据成员，我们不想 用serialization机制来保存它。为了在一个特定对象的一个域上关闭serialization，可以在这个域前加上关键字transient。 transient是Java语言的关键字，用来表示一个域不是该对象串行化的一部分。当一个对象被串行化的时候，
2017-02-15 22:26:21
201
转载 Android属性动画完全解析(下)，Interpolator和ViewPropertyAnimator的用法
转载至 http://blog.csdn.net/guolin_blog/article/details/44171115大家好，欢迎继续回到Android属性动画完全解析。在上一篇文章当中我们学习了属性动画的一些进阶技巧，包括ValueAnimator和ObjectAnimator的高级用法，那么除了这些之外，当然还有一些其它的高级技巧在等着我们学习，因此本篇文章就对
2017-02-15 21:13:29
175
转载 Android属性动画完全解析(中)，ValueAnimator和ObjectAnimator的高级用法
转载至郭霖大神的 http://blog.csdn.net/guolin_blog/article/details/43536355大家好，在上一篇文章当中，我们学习了Android属性动画的基本用法，当然也是最常用的一些用法，这些用法足以覆盖我们平时大多情况下的动画需求了。但是，正如上篇文章当中所说到的，属性动画对补间动画进行了很大幅度的改进，之前补间动画可以做到的属性动画也
2017-02-15 12:41:33
196
转载 Android属性动画完全解析(上)，初识属性动画的基本用法
转载至郭霖大神的文章： http://blog.csdn.net/guolin_blog/article/details/43536355在手机上去实现一些动画效果算是件比较炫酷的事情，因此Android系统在一开始的时候就给我们提供了两种实现动画效果的方式，逐帧动画(frame-by-frame animation)和补间动画(tweened animation)。逐帧动
2017-02-15 00:18:37
156
原创 Android中FrameAnimation动画
Frame Animation 表示帧动画，是顺序播放事先做好的图像，跟电影类似，Android SDK提供了另外一个类AnimationDrawable来定义使用Frame Animation。下面我们就来看看具体怎么使用帧动画吧。首先在drawable目录下新建一个frame.xml文件： <item android:dr
2017-02-15 00:02:25
295
转载 Android使用shape制作圆形控件及添加弹跳动画
原址： http://blog.csdn.net/u010687392/article/details/43937053我们在很多时候都需要在res/drawable文件夹下创建相应的xml文件来为控件添加一些样式效果，比如按钮按下时的按钮样式变化、或者指定按钮的一些边框样式、或者为常用的EditText、TextView、ImageView、ImageButton等等添加一些
2017-02-14 23:55:58
1055
原创 Android之Animation动画各属性的参数意思
一、这四个标签alpha、scale、translate、rotate共有的属性为：android:duration 动画持续时间，以毫秒为单位 android:fillAfter 如果设置为true，控件动画结束时，将保持动画最后时的状态android:fillBefore 如果设置为true,控件动画结束时，还原到开始动画前的状态an
2017-02-14 23:46:03
1289
原创 Android之 Animation动画的使用
我们在使用一些控件时候，难免会设置一些进入和退出的动画效果，比如popupwindow、listview的item动画、按钮、图片等等，要使这些控件有动画效果，当然需要用到Animation了。下面我们就来讲讲Animation有哪些动画效果吧。Android的Animation由四种类型组成：alpha、scale、translate、rotate，对应的效果如下：
2017-02-14 23:30:46
373
转载 Android实现仿微信朋友圈发布动态（拍照、图库选择、照片压缩、显示、保存、缩略图、点击缩略图删除对应文件等）
原址： http://blog.csdn.net/zhang3776813/article/details/52092591/** * 仿微信朋友圈发布动态 * 拍照或图库选择 * 压缩图片并保存 * */public class MainActivity extends BasicActivity implements OnItemClickListener { /
2017-02-14 22:11:05
4855
原创 android 图片点击一下就放大到全屏,再点一下就回到原界面
/*android 图片点击一下就放大到全屏,再点一下就回到原界面 */ public class MainActivity extends Activity { /** Called when the activity is first created. */ Bitmap bp=null; ImageView imagevi
2017-02-14 21:27:33
11620
5
原创 android 点击缩略图查看大图
android中点击缩略图查看大图的方法一般有两种，一种是想新浪微博list页面那样，弹出一个窗口显示大图（原activity为背景）。另一种就是直接打开一个新的activity显示大图。1、第一种方法我们可以使用自定义的Dialog来实现：/** * 点击缩略图打开原图 * */ private void openBigImage() { if(openBigIm
2017-02-14 21:20:48
4553
原创 Android实现ImageView图片双击放大及缩小
Android实现ImageView图片双击放大及缩小public class DoubleScaleImageView extends ImageView implements OnTouchListener, OnGlobalLayoutListener { private boolean isFirst = false; private float doubleScale
2017-02-14 21:05:49
1930
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人