js简记:非构造函数继承

一、什么是”非构造函数”的继承?

var Chinese = {
    nation:'中国'
  };
var Doctor ={
    career:'医生'
  }

让”医生”去继承”中国人”,这两个对象都是普通对象,不是构造函数,无法使用构造函数方法实现”继承”。

二、object()方法

function object(o) {
    function F()......

查看详细

js简记:继承的五种方法

一、构造函数绑定

使用call或apply方法,将父对象的构造函数绑定在子对象上;

function Cat(name,color){
    Animal.apply(this, arguments);
    this.name = name;
    this.color = color;
  }

二、prototype模式

一个对象的protptype指向另一个对象的实例,……

查看详细

js简记:封装

做管理已两年,感觉自己距离代码越来越远了。重温一下关键内容,缅怀啊……

关于封装

——把属性和方法封装到一个对象上

构造函数的方式

所谓”构造函数”,其实就是一个普通函数,但是内部使用了this变量。对构造函数使用new运算符,就能生成实例,并且this变量会绑定在实例对象上。

function Cat(name,color){
    this.name=name;
    thi......

查看详细

Terminal 常用命令 + Git 基本命令

Terminal 常用命令

  1. pwd的含义是“print working directory”,会显示当前目录的绝对路径。
  2. ls的含义是“list directory contents”,它会列出当前目录的内容。这个命令还有其他参数可选。
  3. cd的含义是“change directory”,它会改变当前目录到你指定的目录。如果你不指定,则会返回你的 home folder
  4. 查看隐藏……

查看详细

高密度显示屏的device-width

从iPhone 和viewport 标签出现之后的每一代移动设备的分辨率都在增加。现在像素太高,实际像素小到即使用显微镜都难以分辨。如果规范没有改变,当网页的viewport宽度设置为设备宽度时,出现非常微小的用户界面。在iPhone 4 中,即第一个有着高密度显示屏的设备上,这些元素相对它们在老版本的iPhone 上只有一半大小。

此外,苹果公司是第一个将高密度显示屏设备推向市场的制造商。……

查看详细

js对象和数组的深拷贝

//对象和数组的深拷贝

Object.clone = function(sObj){
if(typeof sObj !== “object”){
return sObj;
}
var s = {};
if(sObj.constructor == Array){
s = [];
}
for(var i in sObj){
s[i] = Object.clone(sObj[……

查看详细

固定宽度转换百分比

有些时候我们需要把固定宽度改为百分比,一个简易可行的公式,将固定像素宽度转换对应的百分比宽度:
[quote style=’1′ cite=”]目标元素宽度÷上下文元素宽度=百分比宽度[/quote]

加入有两个层wrapper,header,其中wrapper包裹header,举例:

#wrapper {
margin-right: auto;
margin-left: au……

查看详细

关于meta的viewport指令

一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下:

<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>

width:控制 viewport 的大小,可以指定的一个值,如果 600,或者特殊的值,如 device-width 为……

查看详细

CSS3媒体查询检测特性

创建媒体查询时,最常用的是设备的视口宽度(width)和屏幕宽度(device-width)。依我的经验,很少需要检测其他特性。但是,为方便查阅,下面列出了所有可供媒体查询检测的特性,希望其中有能让你心动的特性。

  • width:视口宽度。
  • height:视口高度。
  • device-width:渲染表面的宽度(对我们来说,就是设备屏幕的宽度)。
  • device-height:渲染表面的……

查看详细

raphaeljs 实例教程——仪表盘

看下效果图:
12343534534jhd

先说下核心思路:

  1. 根据定义的圆心坐标画0~100的刻度;
  2. 红色指针围绕固定坐标的旋转;

基本的路径画图这里不详细介绍了。不会的同学可以看raphaeljs官网的api,多多练习即可。咱们直接说核心问题。

先说第一点根据圆心画刻度:用for循环进行绘制,还要用到一些数学的基础指示“勾股定理”。

需要R和弧度求得正弦、余弦的值,即刻度开始或结束点的……

查看详细