Pink

Android 自定义View中，四个参数的构造函数的含义

阅读更多关于 Android 自定义View中，四个参数的构造函数的含义

MyView(Context context) Used when instanciating Views programmatically. MyView(Context context, AttributeSet attrs) Used by the LayoutInflater to apply xml attributes. If one of this attribute is named style , attributes will be looked up the the style before looking for explicit values in the layout xml file. MyView(Context context, AttributeSet attrs, int defStyleAttr) Suppose you want to apply a default style to all widgets without having to specify style in each layout file. For an example make all checkboxes pink by default. You can do this with defStyleAttr and the framework will lookup

js中实现继承的几种方式

阅读更多关于 js中实现继承的几种方式

　　首先我们了解，js中的继承是主要是由原型链实现的。那么什么是原型链呢？　　由于每个实例中都有一个指向原型对象的指针，如果一个对象的原型对象，是另一个构造函数的实例，这个对象的原型对象就会指向另一个对象的原型对象，如此循环，就行成了原型链。　　在了解原型链之后，我们还需要了解属性搜索机制，所谓的属性搜索机制，就是当我们访问对象上的一个属性时，我们如何找到这个属性值。首先，我们现在当前实例中查找该属性，如果找到了，返回该值，否则，通过__proto__找到原型对象，在原型对象中进行搜索，如果找到，返回该值，否则，继续向上进行搜索，直到找到该属性，或者在原型链中没有找到，返回undefined。　　根据《javascript高级程序设计》中，可以有六种继承方式，下面我们一一来介绍：　　1. 原型链 1 // 父亲类 2 function Parent() { 3 this.value = 'value'; 4 } 5 Parent.prototype.sayHi = function() { 6 console.log('Hi'); 7 } 8 // 儿子类 9 function Child() { 10 11 } 12 // 改变儿子的prototype属性为父亲的实例 13 Child.prototype = new Parent(); 14 15 var child =

jquery选择器的分类

阅读更多关于 jquery选择器的分类

一、基本选者器 <script type="text/javascript"> $(function () { // <input type="button" value="改变 id 为 one 的元素的背景色为红色" id="b1"/> $("#b1").click(function () { $("#one").css("backgroundColor","pink"); }) // <input type="button" value=" 改变元素名为 <div> 的所有元素的背景色为红色" id="b2"/> $("#b2").click(function () { $("div").css("backgroundColor","red"); }) // <input type="button" value=" 改变 class 为 mini 的所有元素的背景色为红色" id="b3"/> $("#b3").click(function () { $(".mini").css("backgroundColor","pink"); }) // <input type="button" value=" 改变所有的<span>元素和 id 为 two 的元素的背景色为红色" id="b4"/> $("#b4").click(function () { $("span,

双飞翼布局（练习）

阅读更多关于双飞翼布局（练习）

本文转载于: 猿2048 网站➧ 双飞翼布局（练习） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body{ margin: 0; padding: 0; } .bigbox .one { margin: 0 200px 0 300px; background: red; height: 500px; } .bigbox .two { background: blue; width: 300px; height: 500px; position: absolute; left: 0px; top: 0; } .bigbox .three { background: pink; width: 200px; height: 500px; position: absolute; right: 0; top: 0; } </style> </head> <body> <div class="bigbox"> <div class="one"></div> <div class="two"></div> <div class="three"></div> </div> </body> </html> 来源： https://my.oschina

梳理一下 JavaScript 中的继承

阅读更多关于梳理一下 JavaScript 中的继承

梳理 JavaScript 中的继承问题，则不得不先理解 Js 中的原型链，因为 ECMAScript 主要是基于原型链实现继承的。原型链在 Js 中，每个函数都有一个 prototype 属性，其指向该函数的原型对象。而函数的原型对象中，有一个 constructor 属性，指回向该函数。当函数被当作构造函数，使用 new 运算符生成实例时，在生成的实例对象中有一个内部属性 __proto__ 属性，该属性也指向函数的原型对象。在原型对象上有 __proto__ 指向原型对象的原型对象，依次传递，直到指向 Object.prototype 对象为止，即构成了原型链。如下图所示：原型链继承 function Animal(name) { this.name = name; this.colors = ['black', 'red', 'pink']; } Animal.prototype.run = function (){ console.log('running'); } function Cat(age) { this.age = age; } Cat.prototype = new Animal('cat'); // 实现原型链继承 var cat1 = new Cat(1); console.log(cat1); // Cat { // age: 1, // _

IT兄弟连 HTML5教程 CSS3属性特效渐变3

阅读更多关于 IT兄弟连 HTML5教程 CSS3属性特效渐变3

4 径向渐变 CSS3径向渐变是圆形或椭圆形渐变。颜色不再沿着一条直线轴变化，而是从一个起点朝所有方向混合。但相对线性渐变要比径向渐变复杂的多。径向渐变的格式如下： radial-gradient([<起点>]? [<形状> || <大小>,]? <点>，<点>…) 径向渐变的参数描述如表1：表1 CSS3径向渐变参数描述 5 径向渐变实例虽然径向渐变要比线性渐变更为复杂，只要了解了其基本语法以及相关属性参数的作用，并不需要花太多的时间去适应。接下来，我们通过实战来加强径向渐变的使用。本节的所有例子我们都在一个宽度为400像素，高为300像素的容器中实现。一、从容器内部向外径向渐变先来看一个最简单的径向渐变，圆心都是容器正中间，从“#ffc107”颜色向“pink”颜色实现径向渐变，CSS代码如下：在浏览器中查看效果如图1所示：图1 简单径向渐变如果你想制作一个圆形渐变，而不是一个椭圆形渐变，只需要添加一个关键词“circle”，我们在上例的基础上添加一个关键词“circle”，代码如下：此时的渐变变成了圆形，在浏览器中查看效果如图2所示：图2 圆形渐变正如你所看到的，圆形的渐变是一个特殊的椭圆渐变，水平半径和垂直半径具有相同的长度值。既然圆形渐变是椭圆渐变的一种特殊情况，如果我们渐变主要半径（水平半径）和次要半径（垂直半径）不相同时就是一个椭圆形渐变