千锋教育-做有情怀、有良心、有品质的职业教育机构

400-811-9990
手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

上海
  • 北京
  • 郑州
  • 武汉
  • 成都
  • 西安
  • 沈阳
  • 广州
  • 南京
  • 深圳
  • 大连
  • 青岛
  • 杭州
  • 重庆
当前位置:成都千锋IT培训  >  学员心声  >  参加千锋成都HTML5培训 增加挑战未来的信心

参加千锋成都HTML5培训 增加挑战未来的信心

来源:千锋教育
发布人:HTML5培训学员
时间: 2019-01-17 15:21:41

  来千锋成都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 操作。

2

  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

更多>>

快速通道 更多>>

最新开班信息 更多>>

网友热搜 更多>>