参加千锋成都HTML5培训 增加挑战未来的信心
来千锋成都HTML5培训班已经是第三个月了,每天都是在繁重的学习之中度过,很庆幸自己还是坚持过来了。学习JS相比一阶段的话在代码上、逻辑思维上都是有很大的转变。事实上学习JS真的还是很难的,学习一门新的语言一是需要时间,二是要看自己如何去学习、开拓。以下是我整理的JS相关知识,并copy了一个缓冲运动原理,希望可以加深记忆。
JS,即JavaScript,是一门动态语言,在编写好代码后不用编译,由JS解释器解释执行,同时变量不用显式的写出类型,统一用var类型表示,具体的变量类型由JS解释器推测,与Python和Ruby一样。说到JS,大家经常听到面向函数式编程,这是JS的一大设计特性,强大的function。在JS中,函数本质上也是对象,也继承自Object类,也有属性等。JS中也很多地方需要我们注意,它与Java和C++很不一样。
JS三部分的组成:
ECMAScript:也叫解释器,充当翻译角色,这是 JS 的核心部分。
DOM:文档对象模型(Document ObjectModel)。DOM 赋予了 JS 操作 HTML 的能力,即 document 操作。
BOM:浏览器对象模型(Browser Object Model)。BOM 赋予了 JS 操作浏览器的能力,即 window 操作。
JS缓冲运动原理:
var speed = (target-box.offsetLeft)/8; 目标点减去元素的当前位置的值除以8,因为offsetleft的值是一直在变大,所以速度的值也是一直的变小
speed = speed>0?Math.ceil(speed):Math.floor(speed); 正向速度的时候向上取整,反向速度的时候向下取整
window.onload = function(){
var box = document.getElementById("box");
var btn = document.getElementById("btn");
var timer=null;
btn.onclick = function(){
startrun(300);
}
function startrun(target){
clearInterval(timer);
timer = setInterval(function(){
var speed = (target-box.offsetLeft)/8;
speed = speed>0?Math.ceil(speed):Math.floor(speed);
if(box.offsetLeft == target){
clearInterval(timer);
}else{
box.style.left = box.offsetLeft+speed+"px";
}
//document.getElementById('abc').innerHTML += box.offsetLeft +',' +speed +'
';
},30);
}
}
在学习中成长,在成长中实践。人生中就是这样,每一次的学习就是一次实践的机会,每一次的实践就是一次挑战。我们能害怕吗?答案是肯定的:“不能”! 不管是在什么情况下,都是不能、不会,也不可以害怕挑战。我们之所以来千锋成都HTML5培训,目的就是增强我们挑战的信心。接下来要学习Node.js,我会继续加油!
猜你喜欢LIKE
最新文章NEW
相关推荐HOT
更多>>热门推荐
千锋成都java培训毕业生林同学的学习体会
沸千锋成都web前端培训总结:HTML和css学起来真的很简单
热千锋成都ui设计培训 ps软件要学好
热千锋成都web前端培训 学习一定要认真努力
新千锋成都Python培训班学员总结 坚定目标勇敢前行
千锋成都Java培训 学员高效学习java开发方法整理
千锋成都ui设计培训 找准努力方向才能事半功倍
千锋成都HTML5培训 学习需要坚持不懈
参加千锋成都Python培训的一些学习心得
千锋成都java培训班陈同学一阶段学习总结
千锋成都ui设计培训 认识到不足从而找准努力方向
千锋成都web前端培训班张同学分享学习方法
在千锋成都java培训的一些感悟
千锋成都Python培训学员感悟 学习就要认认真真