一、创建

1、方式

• 字面量：var变量名 = / 表达式 / 模式修饰符
• 函数构造：var变量名 = ** **new RegExp(“表达式”,”模式修饰符”)

一、查找方法

1、字符方法

a、charAt()

• 功能：返回字符串中第n个字符

• 参数：超出范围，返回空字符串

• 返回值：string中第n个字符的实际值

一、命名

1、方法

a、匈牙利命名法（变量名=类型+对象描述）

• Int 整型 i
• float 浮点型 fi
• Bollean 布尔 b
• String 字符串 s
• Array 数组 a
• Obeject 对象 o
• Function 函数 fn
• Regular Expression 正则 re
  阅读全文 »

对于vue来说，组件之间的消息传递是非常重要的，下面是我对组件之间消息传递的各种方式的总结，总共有8种方式。

• 1 props和$emit
• 2 $attrs和$listeners
• 3 中央事件总线
• 4 provide和inject
• 5 v-model
• 6 $parent和$children
• 7 boradcast和dispatch
• 8 vuex处理组件之间的数据交互

JS中的DOM0和DOM2事件

JS中的事件基础及核心原理以及项目实战

事件的定义

事件：元素天生具备的行为方式（和写不写JS代码没有关系）【onclick不是事件，click才是事件，浏览器会把一些常用事件挂载到元素对象的私有属性上，让我们可以实现DOM0事件绑定】，当我们去操作元素的时候会触发元素的很多事件
事件绑定：给当前元素的某个事件绑定方法，目的是让当前元素某个事件被触发时，做出一些反应

事件绑定的两种方法

• DOM0级事件绑定
  • curEle.onclick=function(){};
• DOM2级事件绑定
  • 标准浏览器：curEle.addEventListener(‘click’,function(){},false)
  • IE6-8:curEle.attachEvent(‘onclick’,function(){})

JS中的定时器&&动画&&同步异步编程

定时器

设置一个定时器并设定一个等待时间，当到达时间，执行指定要完成的事情；JS中的定时器一共有两种：

window.setTimeout（执行一次）

window.setTimeout(function,[interval]):设置了一个定时器，当到达指定时间后执行对应的方法（执行一次定时器就结束了）；（第一个参数是函数，第二个参数是时间，a单位都是毫秒，自己不需要加单位，17是个比较理想的时间）

1
2
3

window.setTimeout(function(){
console.log('ok');//100ms后输出一次 ‘ok'，此时定时器结束，但是定时器并没有被清除；
},100);//定时器等待时间设置为0也不是立马执行，浏览器也有一个最小反应时间（13MS-14ms），

[interval]：时间因子，需要等待的时间

window.setInterval（执行多次）

window.setInterval(function,[interval])：设置一个定时器，当达到指定时间后执行对应的方法（以后每隔这么长时间就重新执行这个方法，直到定时器清除为止，执行很多次）

1
2
3
4

var n=0；
window.setInterval(function(){
console.log(n++);//每隔100ms输出一次 ，1，2，3，4。。。。
},100);//定时器等待时间设置为0也不是立马执行，浏览器也有一个最小反应时间（13MS-14ms），

JS中DOM盒子模型深入分析

CSS盒子模型

传统盒子模型

width height:不是盒子的宽高，而是盒子中的内容

盒子的宽度=width+border2+padding2//在一个对称的模型中

CSS3新增加的盒子模型

增加该属性，width和height的数值就是盒子的宽高；

1

box-sizing:border-box;

正则

正则的基础知识

什么是正则？

正则就是一个规则，用来处理字符串的规则
1、正则匹配

• 编写一个规则，验证某个字符串是否匹配这个规则，用test方法

2、正则捕获

• 编写一个规则，在一个字符串中，把符合规则的内容都获取到，使用方法：正则的exec方法、字符串中的split、replace、match等方法都支持正则

var reg=/^$/;//两个斜杠之间包含的内容就是正则，两个斜杠之间的全部内容都是元字符

关于面向对象的理解(构造函数、原型链)

OOP(面向对象编程思想)

它是一种编程思想，让我们基于类和实例的概念来编程开发和学习。

单例模式

单例设计模式是一种把对象数据类型实现把描述同一件事物的属性或者特征归纳汇总在一起，以此避免全局变量冲突问题的方式和思想。
把描述同一件事务的属性或者方法存放在某一个命名空间下，多个命名空间中的属性和方法是互不干扰的。