跟着信仰走

wxml文件<view class="view" style="left:{{left}}px;top:{{top}}px;" bindtouchmove="viewTouchMove"><image class='img' src='/imgs/c.png'></image></view>wxcc文件.img{ ...

DOM（文档对象模型）是针对HTML和XML文档的一个API（应用程序编程接口）。DOM描述了一个层次化的节点树，允许开发人员添加、移出和修改页面的某一部分。DOM脱胎于Netscape及微软公司创始的DHTML（动态HTML），但现在它已经成为表现和操作页面标记的真正的跨平台、语言中立的方式。1.1 节点层次DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的结构。节点分为几种...

    继承        继承是面向对象语言中的一个最为人津津乐道的概念，许多OO语言都支持两种继承方式：接口继承和实现继承。接口继承方法签名，而实现继承则继承实际的方法。由于ECMAScript中函数没有签名（函数的参数类型和个数），没有重载（利用函数签名的不同来区别调用者到底调用的是那个方法！），所以无法实现接口继承，只支持实现继承，而且其实现继承主要是依靠原型链来实现的。    那...

构造模式 构造模式虽然比前面的工厂模式更加的完善，能够通过instanceof识别对象类型，但有个最大的问题就是每一次实例化，该对象内部函数都会被创建一遍，就是都会把属性和方法复制一遍。这是什么意思？举个栗子：function Person(name,age,job){this.name=name;this.age=age;this.job=job;this.sayNam...

严格来讲，JavaScript中没有私有成员的概念；所有对象属性都是公有的。不过，倒是有一个私有变量的概念。任何在函数中定义的变量，都可以认为是私有变量，因为不能在函数的外部访问这些变量，私有变量包括函数的参数、局部变量和在函数内部定义的其他函数。来看下面的例子：function add(num1,num2){    var sum=num1+num2;    return sum;...

一、万事万物皆对象--理解对象模型对象实际上是看待事物的一种方式。它只是我们从现实世界中抽象出来的一种模型，但是这个模型还是有它的定义和概念的。 1、对象的英文单词是“Object”，它有三个方面的意思：（1）目标，目的，宗旨（2）物，物体，物件（3）对象，客体，客观    仔细琢磨下这三个意思。首先它有“目标”的意思，也就是说这是个实际的东西，我们可以对它做些操作，它是一些...

JavaScript没有块级作用域的概念。这意味着在块语句中定义的变量，实际上是在包含函数中而非语句中创建的。来看下面的例子：function outputNumbers(count){   for(var i=0;i&lt;count;i++){      alert(i);    }     alert(i);              //计数}这个函数中定义了一...

由于IE9之前的版本对JScript对象和COM对象使用不同的垃圾收集例程，因此闭包在IE的这些版本中会导致一些特殊的问题。具体来说，如果闭包的作用域链（本质上是一个指向变量对象的指针列表，它只引用但不实际包含变量对象）中保存着一个HTML元素，那么就意味着该元素将无法被销毁。举个例子：function assignHandler(){   var element=document.g...

在闭包中使用this对象也可能会导致一些问题。我们知道，this对象是在运行时基于函数的执行环境绑定的；在全局函数中，this等于window，而当函数被作为某个对象的方法调用时，this等于那个对象。不过，匿名函数的执行环境具有全局性，因此其this对象通常指向window。但有时候由于编写闭包（有权访问另一个函数作用域中的变量的函数，可以理解为定义在一个函数内部的函数）的方式不同，这一点可能不...

  面向对象（Object-Oriendted，OO）的语言有一个标志，那就是它们都有类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。ECMAScript中没有类的概念【类是面向对象程序设计（OOP，面向对象编程）实现信息封装的基础。类是一种用户定义类型，也称类类型。每个类包含数据说明和一组操作数据或传递消息的函数。类的实例称为对象】  ，因此它的对象也与基于类的语言中的对象有所不同。...

1、语法与基本概念1.1  区分大小写变量、函数名、操作符都区分大小写，这意味着test和Test分别表示两个不同的变量，而函数名不能使用typeof，因为它是一个关键字，但typeOf则可以用作为函数名。1.2  标识符什么是标识符？所谓标识符，就是指变量、函数、属性的名字，或者函数的参数名。标识符的格式：（1）第一个字符必须是一个字母、下划线"_"或一个美元符号。（2）其他...

JavaScript与HTML之间的交互式通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器（或处理程序）来预订事件，以便事件发生时执行相应的代码。这种在传统软件工程中被称为观察员模式的模型，支持页面的行为（JavaScript代码）与页面的外观（HTML和CSS代码）之间的松散耦合。事件流当浏览器发展到第四代，浏览器开发团队遇到了一个很有意思的问题：页面...

表单的基础知识在HTML中，表单是由&lt;form&gt;元素来表示的，而在JavaScript中，表单对应的则是HTMLForm-Element类型。HTMLFormElement继承了HTMLElement，因此与其他HTML元素具有相同的默认属性。不过，HTMLFormElement也有它自己下列独有的属性和方法。acceptCharset:服务器能够处理的字符集；等价于HTML中...

通过在私有作用域中定义私有变量或函数，同样也可以创建特权方法，其基本模式如下所示：（function (){       var privateVariable=10;       function privateFunction(){           return false;    }      //构造函数      MyObject=function(){ ...

jQuery是一个JavaScript库jQuery选择器演示jQuery的hide()函数，隐藏当前的HTML元素$(this).hide()  演示jQuery的hide()函数，隐藏所有&lt;p&gt;元素$("p").hide()演示jQuery的hide()函数，隐藏所有class="test"的元素$(".test").hide()演示jQuery的hide...

渐变由CanvasGradient实例表示，很容易通过2D上下文来创建和修改。要创建一个新的线性渐变，可以调用createLinearGradient（）方法。这个方法接收4个参数：起点的x坐标、起点的y坐标、终点的x坐标、终点的y坐标。调用这个方法后，它就会创建一个指定大小的渐变，并返回CanvasGradient对象的实例。创建了渐变对象后，下一步就是使用addColorStop()方法来...

有人进一步改进了模块模式，即在返回对象之前加入对其增强的代码。这种增强的模块模式适合那些单例必须是某种类型的实例，同时还必须添加某些属性和方法对其加以增强的情况。来看下面的例子：var singleton=function(){  //私有变量和私有函数  var privateVariable=10;   function privateFunction(){       r...

函数表达式函数表达式是JavaScript中的一个既强大又容易令人困惑的特性。定义函数的方式有两种：一种是函数声明（没错，不同于C语言之类的），另一种就是函数表达式。函数申明（这相当于C语言的函数定义）的语法是这样的：function functionName(arg0,arg1,arg2){//函数体}首先是function关键字，然后是函数的名字，这就是指定函数名的方式...

2D上下文会根据以下几个属性的值，自动为形状或路径绘制出阴影。shadowColor:用CSS颜色格式表示的阴影颜色，默认为黑色。shadowOffsetX:形状或路径x轴方向的阴影偏移量，默认为0.shadowOffsetY:形状或路径y轴方向的阴影偏移量，默认为0.shadowBlur:模糊的像素数，默认为0，即不模糊。这些属性都可以通过context对象来修改。只要在绘制...

2D绘图上下文内置了对图像的支持。如果你想把一幅图像绘制到画布上，可以使用drawImage()方法。根据期望的最终结果不同，调用这个方法时，可以使用三种不同的参数组合。最简单的调用方式是传入一个HTML&lt;img&gt;元素，以及绘制该图像的起点的x和y坐标。例如：var image=document.images[0];context.drawImage(image,10,10);...

文本与图形总是如影随形。为此，2D绘图上下文也提供了绘制文本的方法。绘制文本主要有两个方法：fillText()和strokeText()。这两个方法都可以接收4个参数：要绘制的文本字符串、x坐标、y坐标和可选的最大像素宽度。而且，这两个方法都以下列3个属性为基础。font:表示文本样式、大小及字体，用CSS中指定字体的格式来指定，例如“10排序Arial”。textAlign:表示文本对...

绘制路径2D绘制上下文支持很多在画布上绘制路径的方法。通过路径可以创造出复杂的形状和线条。要绘制路径，首先必须要调用beginPath()方法，表示要开始绘制新路径。然后，要通过调用下列方法来实际地绘制路径。arc(x,y,radius,startAngle,endAngle,counterclockwise):以（x,y）为圆心绘制一条弧线，弧线半径为radius，起始和结束角度（用弧度...

不用说，HTML5添加的最受欢迎的功能就是&lt;canvas&gt;元素。这个元素负责在页面中设定一个区域，然后就可以通过JavaScript动态地在这个区域中绘制图形。&lt;canvas&gt;元素最早是由苹果公司推出的。当时主要用在Dashboard微软中。很快，HTML5加入了这个元素，主流浏览器也迅速开始支持它。与浏览器环境中的其他组件类似，&lt;canvas&gt;几组API构...

道格拉斯所说的模块模式是为单例创建私有变量和特权方法。所谓单例，指的就是只有一个实例的对象。按照惯例，JavaScript是以对象字面量的方式来创建单例对象的。var singleton={   name:value,   method:function(){      //这里是方法的代码  }}；模块模式通过为单例添加私有变量和特权方法能够使其得到增强，其语法形...

1、在HTML中使用JavaScript1.1 &lt;script&gt;标签需要注意的是，带有src属性（src="****.js" 这是代表外部脚本文件）的&lt;script&gt;元素不应该在其&lt;script&gt;和&lt;/script&gt;标签之间（这代表嵌入的代码）再包含额外的JavaScript代码。如果包含了嵌入的代码，则只会下载并执行外部脚本文件，嵌入的代码会...

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; &lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;&amp

1、Vue第一个实例：Hello Vue.js!  el指向html元素 &lt;！DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset =“utf-8”&gt;&lt;title&gt; Hello Vue.js!&lt;/ title&gt;&lt;script src =“https://cdn.boot...

ES6：ECMAScript 6。ECMAScript是JavaScript语言的国际标准，JavaScript是ECMAScript的实现。ECMAScript 6是新版本JavaScript语言的标准。虽然目前已经更新到ES7,但是很多浏览器还不知处ES7语法，该标准仍在更新中，但目前部门网站都指出ES6的语法。目前ES6也是使用最多的最新的javaScript语言标准。要查看ES6的支持...

什么是CSS预处器？  CSS 预处理器用一种专门的编程语言，进行 Web 页面样式设计，然后再编译成正常的 CSS 文件，以供项目使用。CSS 预处理器为 CSS 增加一些编程的特性，无需考虑浏览器的兼容性问题sass：  Sass 是采用 Ruby 语言编写的一款 CSS 预处理语言，它诞生于2007年，是最大的成熟的 CSS 预处理语言。最初它是为了配合 HAML（一种缩进式 HTM...

vue-router：是 Vue.js 官方的路由管理器，和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌，包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式，在 IE9 中自动降级自定义的滚动条行为...

  Vue 框架诞生于2014年，其作者为中国人--尤雨溪。  Vue用于构建交互式的Web界面的库，是一个构建数据驱动的Web界面渐进式框架，该框架遵循CMD规范，并且提供的设计模式为MVVM模式。（Model-View-View-Model）,和一个可组合的组合型组件系统，具有简单的、灵活的API接口。  该框架继承了React的虚拟DOM技术和Angular的双向数据绑定技术，是一款较...

浮动的特点：1、浮动属性float有四个值，分别是：left,right,none.inherit.向左或向右时，浮动元素浮动到父级包围元素的两边上。2、浮动的元素不再占用空间，且浮动元素的层级要高于普通元素。3、浮动的元素，一定是一个块级元素，不管之前是什么元素。4、如果浮动的元素没有设置宽度，浮动后可能会变窄，因此给元素设置浮动属性时要指定它的宽和高。5、一行的多个元素，要浮动大家...

IE6、IE7下浮动元素margin-bottom失效的问题：不是IE6、IE7的情况下效果是这样的：在IE6、IE7情况下效果却变成了酱紫：margin-bottom:10px;无效了 怎样解决呢？ 那就用padding吧（这意味着div class="warp clear"的区域包括红色区域和padding-bottom这10个像素），不要用marg...

高中英语知识点汇总百度云：链接：HTTPS：//pan.baidu.com/s/1X0ELSe7LorfLAzNMrUpkxA密码：byo5英语基础语法百度云：链接：HTTPS：//pan.baidu.com/s/1Kke8J7a9zLpNtwo0GME4_g密码：S893雅思英语资料百度云：链接：HTTPS：//pan.baidu.com/s/182ChB0CvcMmW8Nm...

先给大家奉上PS的安装包（PS6版本）和基础知识教程，基础适合新手观看学习！安装包：链接：https://pan.baidu.com/s/1_NDnifbRKM6D_p2ow5RrSg密码：7o62基础知识教程：链接：https://pan.baidu.com/s/1HiU8SBqfw7_jJE2CuBcf6g密码：y0ji链接：https://pan.baidu.co...

2017年年9月9日人不能放纵自己，需三省吾身！1，我是一个爱在心里做计划的人，所以有些目标并没有落实！  2，我是一个把自己的姿态放得很低的人，所以我容易自卑，我应该是自信的！3，我是一个自暴自弃的乐观人，没多少实力却也能放松消磨时间！4，我是一个有大目标却觉得自己实现不了的人，我应该坚定，我应该有个信仰！匆匆岁月，我决定把我的路记录下来，回顾从前，展望未来，我还年轻，还...

6，Vue的第六个实例：反应数据绑定&lt;！DOCTYPE html&gt;&lt;html lang =“en”&gt; &lt;HEAD&gt;&lt;meta charset =“UTF-8”&gt;&lt;meta name =“viewport”content =“width = device-width，initial-scale = 1.0”&gt;&l...

1、构造函数通过使用构造函数创建根Vue实例来引导每个Vue.js应用程序var vm = new Vue（{  //选项}）  Vue实例本质上是MVVM模式中定义的ViewModel，因此您将在整个文档中看到变量名称vm。实例化Vue实例时，需要传入一个options对象，该对象可以包含数据，模板，要挂载的元素，方法，生命周期回调等选项。 该Vue构造可被扩展来创建可重用部件的构...

1、移入移出div的变化&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt...

1.1，文档对象模型文档对象模型（DOM，Document Object Model）是针对XML但是经过扩展用于HTML的应用程序编程接口（API）.DOM把整个页面映射为一个多层节点结构.HTML或XML页面中的每个组成部分都是某种类型的节点，这些节点又包含着不同类型的数据，开发人员获得了控制页面内容和结构的主动权，借助DOM提供的API，开发人员可以轻松自如地删除，添加，替换或修改任何节...