天马行空

热门文章

文章列表

js中box.style.left和box.offsetLeft区别

js中box.style.left和box.offsetLeft区别

这两个属性各不相同,用法也不一样。可能会有人把这两个属性混淆,而导致做的特效没有反应。为了更好的理解区分它俩,下面具体内容如下。 (1)区别之一:在没有定位的情况下,offsetLeft可以返回没有定位盒子的距离左侧的位置,而style.left是不可以的。 (2)区别之二:offsetTop返回的值是数字本身,如100;而style.left返回……

  • by js
  • 2019-01-09 9:23:58
  • 534 次阅读

offset四大家族

offset四大家族

offset在英语单词中有偏离的意思,在js中它与with、height、left以及top分别复合而成新的offsetWidth、offsetHeight、offsetLeft与offsetTop四大家族主要用来检测盒子标签的大小和位置。 (1)offsetWidth与offsetHeight 在网页布局的时候,很多情况下不方便获得盒子元素的宽度和高度,这个时候,又需要知道它们的具体值,……

  • by js
  • 2019-01-08 16:04:39
  • 423 次阅读

javascript创建对象的三种方法

javascript创建对象的三种方法

面向对象:我们什么都不用管,直接找到一个会做事的”对象”来帮助我们完成任务,jQuery就是一个面向对象的例子,他们把一些方法和属性都给我们封装好了,我们可以不去了解其内部是如何实现,只要拿到它会使用就可 以了。下面是使用原生的js创建对象,会帮助我们更好的理解面向对象。 (1)最终代码图: (2)代码过……

  • by js
  • 2019-01-07 12:00:27
  • 435 次阅读

sublime代码提示插件andyJs安装步骤

sublime代码提示插件andyJs安装步骤

sublime编辑器轻巧灵活,插件丰富,扩展性强,安装方便,使得广大开发人员的青睐。下面介绍一个代码提示功能的andyJs插件怎样安装,具体步骤如下: (1)首先,从网上搜索andyJs插件,然后下载。 (2)紧接着,在sublime的菜单栏里找到Preference->Browse packages,点击后,弹出packages文件目录。如下图: (3)然后,将下……

  • by software
  • 2019-01-05 13:27:45
  • 459 次阅读

canvas绘制折线图

canvas绘制折线图

折线图无论是在日常工作中还是学习当中经常都能够被用到,因为它非常直观地反映出数据的变化趋势,而被人们广泛应用于各个行业和领域。大家都知道word和excel具有制作各种图表的功能,当然制作折线图也不在话下。但你是否尝试过用HTML5提供的画布(canvas)来绘制折线图呢?下面是代码实现的过程。 (1)折线图: (2)canv……

  • by 前端
  • 2019-01-05 10:23:22
  • 539 次阅读

canvas绘制表格

canvas绘制表格

canvas是HTML5提供的一种新标签,它是一个矩形域的画布,其本身不具备绘图功能,需要借助js控制canvas中的每一个像素,在上面绘图。canvas 有多种绘制路径、矩形、圆形、字符以及添加图像的方法。下面看看如何绘制下面的表格。 (1)绘制的表格图: (2)绘制表格的代码: <canvas id=”demo”></canvas&……

  • by 前端
  • 2019-01-04 10:59:50
  • 753 次阅读

sublime编辑器如何自定义代码块

sublime编辑器如何自定义代码块

在很多情况下,有些代码块是我们经常要使用的。如果说有什么好办法能够把这些频繁要用的代码块封装在一起,方便我们以后的使用,那就太好不过了。当然,确实有个编辑器能够实现代码块封装的功能,就是大家经常使用的sublime编辑器。那就让我们看看它是如何具体实现的吧! 一、在代码块封装之前,我们需要做些前期准备,需……

  • by software
  • 2019-01-03 14:14:31
  • 506 次阅读

canvas基本的绘图路径

canvas基本的绘图路径

一、canvas坐标系 在canvas绘图之前,要先了解canvas坐标系,从最左上角0,0开始。x向右增大, y向下增大。 (1)设置绘制起点(moveTo) * 语法:ctx.moveTo(x, y); * 解释:设置上下文绘制路径的起点。相当于移动画笔到某个位置 * 参数:x,y 都是相对于 canvas盒子的最左上角。 * 注意:绘制线段前必须先设置起点,不然绘……

  • by 前端
  • 2018-12-31 18:30:18
  • 556 次阅读

arguments|伪数组

arguments|伪数组

Javascript在创建函数的同时,会在函数内部创建一个arguments对象实例.arguments是存储了函数传送过来实参的个数。arguments对象只有函数开始时才可使用。函数的arguments对象并不是一个数组,访问单个参数的方式与访问数组元素的方式相同 ①arguments对象的长度是由实参个数而不是形参个数决定的 ②这个单词只在函数内使用……

  • by js
  • 2018-12-31 10:23:53
  • 570 次阅读

js局部变量和全局变量

js局部变量和全局变量

变量的作用域分为局部变量(local variable)与全局变量(global variable)。全局变量在整个文件内有效,不论是函数内,还是函数外都可以操作它。局部变量只是在当前函数体内使用,其他外部的操作不起作用。 (1)全局变量: ①写在函数体最外面。 ②写在函数体内部,但是没有var 声明的变量也是全局变量。 (2)含有隐式的全局变……

  • by js
  • 2018-12-31 9:51:45
  • 355 次阅读

js的内置功能|内置对象

js的内置功能|内置对象

一、前言:当我们买了手机之后,它有打电话的功能,发短信的功能,听音乐的 功能等等。这些功能都是厂家内置进去的。我们不需要了解其内部是如何实 现的,只是拿来使用就可以了。js也有一些内置功能(内置对象)是自带的一 些功能,不需要进行设置,直接就可以使用。 二、总括: ⑴alert() ⑵console.log() ⑶document.write()……

  • by js
  • 2018-12-30 14:34:15
  • 427 次阅读

网站搬家的三部曲

网站搬家的三部曲

有时,由于各种原因,我们需要将网站更换一个空间,在更换之前,我们需 要做好充分的数据备份,以防带来不必要的麻烦和数据丢失。下面介绍具体 的操作步骤: 一、数据库的数据迁移有两种方法: 第一种方法:通过wordpress的后台导出按钮功能:如下图: 第二种方法:通过空间商提供的数据库操作面板导出数据:如下图: ……

  • by software
  • 2018-12-28 9:00:40
  • 426 次阅读