資訊專欄INFORMATION COLUMN
摘要：題目用原型的方法，繪制會(huì)動(dòng)的汽車，要求可以一下制作一組汽車讓汽車向右移動(dòng)移動(dòng)的距離可以手動(dòng)控制分析用構(gòu)造函數(shù)方方創(chuàng)建一組車輛的坐標(biāo)繪制汽車向右移動(dòng)可手動(dòng)更改移動(dòng)距離用構(gòu)造函數(shù)創(chuàng)建一組坐標(biāo)用原型方法向內(nèi)部添加屬性方法，繪制汽車向右移動(dòng)，可手動(dòng)
題目：用原型的方法，繪制會(huì)動(dòng)的汽車，要求1.可以一下制作一組汽車；2.讓汽車向右移動(dòng)；3.移動(dòng)的距離可以手動(dòng)控制
分析：
用構(gòu)造函數(shù)方方創(chuàng)建一組車輛的坐標(biāo)
繪制汽車
向右移動(dòng)(可手動(dòng)更改移動(dòng)距離)
//用構(gòu)造函數(shù)創(chuàng)建一組坐標(biāo)
var Car = function (x, y) {
this.x = x;
this.y = y;
};
//用原型方法向Car內(nèi)部添加屬性（方法），繪制汽車
Car.prototype.draw = function () {
var carHtml = "
";
this.carElement = $(carHtml);
this.carElement.css({
position : "absolute",
left : this.x,
top : this.y
});
$("body").append(this.carElement);
};
//向右移動(dòng)，可手動(dòng)修改參數(shù)
Car.prototype.moveRight = function (distance) {
this.x += distance;
this.carElement.css({
left : this.x,
top : this.y
})
};
//調(diào)用Car，可隨時(shí)新建n輛汽車，且獨(dú)立
var tesla = new Car(20.20);
tesla.draw();
//setinterval()方法，周期性的調(diào)用函數(shù)
setInterval(function () {tesla.moveRight(10)},10);
注意：如果用這種方法調(diào)用setInterval(tesla.moveRight(10),10)，setInterval()會(huì)調(diào)用windows的moveRight，而不是tesla的moveRight,看到的效果是：只在頁面加載時(shí)，運(yùn)行了一次，就沒有后文了。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/107695.html
摘要：和監(jiān)聽用戶是否在繪畫。再繪畫不在繪畫。監(jiān)測(cè)用戶是在使用橡皮檫，是在使用橡皮擦，停止使用鉛筆。使用，會(huì)變?yōu)槭褂茫竺鏁?huì)增加一個(gè)屬性值。的作用是獲取寬度也就是寬度移動(dòng)端支持多點(diǎn)觸控，所以要獲取需要加上，表示第一個(gè)值 canvas畫板，比較簡易，目前還有很多bug1、手機(jī)端上下會(huì)晃動(dòng)2、下載按鈕微信上沒法用3、下載后背景色是透明4、切換成橡皮擦后，需要先點(diǎn)鉛筆才能繪畫，不能直接點(diǎn)顏色 ...
摘要：首發(fā)于樊浩柏科學(xué)院本次王者編程大賽分為個(gè)組別，分別為研發(fā)測(cè)試移動(dòng)戰(zhàn)場(chǎng)。本章只敘述前道相對(duì)簡單的題目，后續(xù)題目及解題思路將在王者編程大賽系列中列出。 首發(fā)于 樊浩柏科學(xué)院 本次王者編程大賽分為 3 個(gè)組別，分別為研發(fā)、測(cè)試、移動(dòng)戰(zhàn)場(chǎng)。這里只討論研發(fā)戰(zhàn)場(chǎng)所考的 題目，本次大賽共有 7 道題，主要考查點(diǎn)為基礎(chǔ)算法，解題所用語言不做限制，但是需要在 在線驗(yàn)證平臺(tái) 使用標(biāo)準(zhǔn)輸入并驗(yàn)證通過，最后...
閱讀 1415·2021-10-08 10:05
閱讀 3060·2021-09-26 10:10
閱讀 883·2019-08-30 15:55
閱讀 504·2019-08-26 11:51
閱讀 440·2019-08-23 18:10
閱讀 3848·2019-08-23 15:39
閱讀 658·2019-08-23 14:50
閱讀 767·2019-08-23 14:46
