摘要: 形状 一 自适应的椭圆 1.难题 1> 圆 你可能注意到过, 给任何正方形元素设置一个足够大的border-radius, 就可以把它变成一个圆形。所用到的CSS 代码如下所示: *当任意两个相邻圆角的半径之和超过border box 的尺寸时,用户 代理必须按比例减小各个边框半径所使用的值,直到它 阅读全文
posted @ 2018-02-07 16:22 ShareGoodCode 阅读(319) 评论(0) 推荐(1) 编辑
摘要: 一 ppi,dpr,dip,分辨率,屏幕尺寸,设备物理像素,设备独立像素 分辨率:1920px*1080px 在这个设备上纵向上有 1920个像素点(色块)... 屏幕尺寸:5英寸(in) = 5*2.54(cm) 指的是在这个屏幕上对角线的长度使用英寸单位 这个值是每个设备固定不变的 像素密度pp 阅读全文
posted @ 2017-04-19 16:01 ShareGoodCode 阅读(739) 评论(0) 推荐(0) 编辑
摘要: 背景与边框 一 半透明边框 rgba/hsla颜色 1.难题 假设我们想给一个容器设置一层白色背景和一道半透明白色边框,body 的背景会从它的半透明边框透上来。我们最开始的尝试可能是这样的: 但实际上看不到边框,边框去哪儿了? 2.解决方案 尽管看起来并不像那么回事,但我们的边框其实是存在的。默认 阅读全文
posted @ 2017-01-19 14:09 ShareGoodCode 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 一 尽量减少代码重复 1.按钮 2.代码易维护vs. 代码量少 3.currentColor 自动从文本那获取颜色值 3.继承 inherit inherit 可以用在任何CSS 属性中,而且它总是绑定到父元素的计 算值(对伪元素来说,则会取生成该伪元素的宿主元素) 这个inherit 关键字对于背 阅读全文
posted @ 2017-01-12 16:21 ShareGoodCode 阅读(259) 评论(0) 推荐(0) 编辑
摘要: JavaScript 面向对象精要--理解对象 尽管JavaScript里有大量内建引用类型,很可能你还是会频繁的创建自己的对象。JavaScript中的对象是动态的。 一.定义属性 当一个属性第1次被添加给对象时JavaScript在对上上调用了一个名为 [[Put]]的内部方法,该方法会在对象上 阅读全文
posted @ 2016-09-25 12:48 ShareGoodCode 阅读(167) 评论(0) 推荐(0) 编辑
摘要: 在JavaScript中,函数其实也是对象。是函数不同于其他对象的特点是:函数存在一个被称为[[Call]]的内部属性。[[Call]]属性是函数独有的,表明该对象可以被执行。ECMAScript 定义了typeof操作符对具有[[Call]]属性的对象返回 "function"。理解函数的行为是理 阅读全文
posted @ 2016-09-10 16:26 ShareGoodCode 阅读(209) 评论(0) 推荐(0) 编辑
摘要: 一.什么是类型 JavaScript 虽然没有类的概念。但依然存在两种类型:原始类型和应用类型。 原始类型保存为简单的数据值,引用类型则保存为对象,其本质是指向内存位置 的引用。也就是说:原始值被直接保存在对象内,而引用值则作为一个指针保存在 对象内,该指针指向实际对象在内存中的储存位置。 二.原始 阅读全文
posted @ 2016-09-04 15:49 ShareGoodCode 阅读(266) 评论(0) 推荐(0) 编辑
摘要: 通过构造函数F创建的对象实例p 这个对象p的原型对象是 构造函数中prototype属性指向的对象s,这个对象p中也有个非标准的__proto__属性指向构造函数prototype属性所指向的对象s,所以就有 p.__proto__ F.prototype;在对象P的原型对象s中有个属性constr 阅读全文
posted @ 2016-09-01 00:16 ShareGoodCode 阅读(255) 评论(0) 推荐(0) 编辑
摘要: 1、首次为变量赋值时务必使用var关键字 变量没有声明而直接赋值得话,默认会作为一个新的全局变量,要尽量避免使用全局变量。 2、使用 取代== ==和!=操作符会在需要的情况下自动转换数据类型。但 和!==不会,它们会同时比较值和数据类型,这也使得它们要比==和!=快。 3、underfined、n 阅读全文
posted @ 2016-08-31 10:58 ShareGoodCode 阅读(321) 评论(0) 推荐(0) 编辑
摘要: javascript总结: javascript 主要包括三个部分:1.DOM; 2.BOM; 3.ECMAscript 一.DOM(对象文档模型) 1.几个重要概念: 1)dom节点:元素,属性,文本,注释 2)dom节点树;document > html(root) > head > title 阅读全文
posted @ 2016-08-21 13:59 ShareGoodCode 阅读(266) 评论(0) 推荐(0) 编辑