围脖上的鸽子-CSDN博客

原创基于vue+websocket+express+mongodb实战项目（实时聊天系统）

闲来无事搭建了一个vue(全家桶)+express+mongodb 项目，能跑通整个开发到部署流程。项目地址：https://github.com/fengjuan129/vue-chat思路：1：整理从开发到部署的思路首先我们要整理好整个工作流程：采用前后端分离，各自开发。前端用Vue开发静态页面，路由通过Vue-Router进行，后端用Node仅用于编写API给前端调用获取数据。前端...

2019-09-05 11:42:30 993 1

原创 Generator 函数的语法

1、简介Generator函数是es6提供的一种异步编程解决方案。语法上：首先可以把它理解成，Generator 函数是一个状态机，封装了多个内部状态，执行Generator函数会返回一个遍历器对象，即Generator还是一个遍历器对象生成函数。返回的遍历器对象，可以依次的遍历Generator函数内部的每一个状态。形式上：Generator函数是一个普通的函数，但是有两个特征：&nb...

2018-11-29 15:27:46 164

原创 websocker

Html5是指的一系列新的API，或者说新规范，新技术websocket：网路通信协议，是html5提供的一种在单个 TCP 连接上进行全双工通讯的协议，跟http协议基本没有关系，只是为了兼容现有浏览器的握手规范。一、http协议http是一种无状态的、无连接的、单向应用层协议。采用请求/响应模型，通信请求只能由客户端发起，服务端对请求作出应答处理。二、websocket1、ajax轮...

2018-11-28 14:24:28 305

原创 Web Worker 使用教程

web Worker 是运行在后台的javascript，是html5提供的一个多线程解决方案。不会影响页面的性能。一、背景js语言采用的是单线程模式，即：所有任务只能在一个线程上完成，一次只能做一件事，前面的任务没做完，后面的任务只能等着。随着电脑计算能力的增强，尤其是多核CPU的出现，单线程带来很大的不便，无法充分发挥计算机的计算能力。二、作用Web Workers 是 HTML5 提...

2018-11-28 11:34:16 507

原创 sass基本用法

Sass是一款强化css的辅助工具。在css的语法基础上增加了变量、嵌套、混合、导入等高级功能。一、使用变量1：变量声明 (sass使用$符号来标识变量)2、变量的引用3、变量名用中划线还是下划线分隔（一般用中划线）二、嵌套css规则（避免重复输入父选择器）1、在sass中，可以在规则块中嵌套规则块，一套 CSS 样式嵌套进另一套样式中，内层的样式将它外层的选择器作为父选择器 //...

2018-11-20 10:48:42 230

原创 js异步的几种解决方案

1、出现异步的原因js是浏览器脚本语言，js是单线程模式，也就是说会一行一行的执行，下面需要等待上面代码执行完毕，也就是说在特定的时刻只能做特定的事情，阻塞其他代码的执行。2、常用的异步：网络请求、读取文件、定时器等异步解决方案1、callback（回调函数）一般在网络请求中我们并不知道服务端啥时候返回结果，在这个等待的过程中，我们不能让页面一直卡顿或是不能操作的状态，这样会给用户很不好...

2018-11-15 10:58:58 2117

单线程：在程序执行时，所走得程序按照连续的顺序拍下去，依次处理，前面的处理好，后面的才能进行。一、为什么javascript是单线程js语言的一大特点就是单线程，也就是说：同一个时间只能做一件事。，那么为什么javascript不能有多个线程呢？这样提高效率。js是单线程与其用途有关，作为浏览器的脚本语言，js主要用途是与用户互动，以及操作DOM。这决定了他只能是单线程，否则会带了很复杂的同...

2018-11-12 14:16:03 795

原创 Promise

1、Promise概念：Promise是异步编程的一种解决方案，所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果，从语法上讲，他是一个对象，从他可以获取异步操作的消息。2、特点1：对象的状态不受外界影响。Promise对象代表一个异步操作。有三种状态：1、pending 进行中2、fulfilled 已成功3、rejected ...

2018-11-09 14:54:24 98

原创 js-常见的创建对象的几种方式

1：通过Object构造函数或对象字面量创建单个对象//字面量 var Person = { name:"张三", age:"32", getName:function(){ }, getAge:function(){ } }缺点：使用同一个接口创建很多对象（比如：有多个人员对象，需要创建多个Pers...

2018-11-08 11:12:35 140

原创 Class的继承

一、简介classt通过extends关键字实现继承，es5通过修改原型链实现继承1、es5通过修改原型链实现继承 // 定义一个Animal 构造函数，作为Dog的父类 function Animal (){ this.superType = "Animal"; } Animal.prototype.superSpeak = function(){ ...

2018-11-07 11:15:10 624

原创 Class的基本语法

一、简介1、js中，生成实例对象的传统方式是通过构造函数。 function Point1(x,y){ this.x = x; this.y = y; } Point.prototype.toStrings = function () { return this.x+this.y; } var p = new Point1(1,2); ...

2018-11-07 10:31:09 155

原创正则表达式基础知识与用法

正则表达式正则表达式是一种用来匹配字符串的强有力的武器。它的设计思想是用一种描述性的语言来给字符串定义一个规则，凡是符合规则的字符串，我们就认为它“匹配”了，否则，该字符串就是不合法的。一、正则表达式修饰符i：执行对大小写不敏感的操作g：执行全局匹配m：执行多行匹配二、正则表达式模式方括号用于查找某个范围内的字符[abc]：查找方括号之间的任意字符[0-9]：查找0至9的数...

2018-11-06 11:35:36 178

原创 Object es5-es6扩展总结

一、 Object构造函数的属性1、Object.length：2、Object.prototype：可以为所有的Object类型的对象添加属性es5扩展es5增加了数据描述符和存取描述符：数据描述符和存取描述符只能存在一种，否则会报错A、数据描述符对象是一个属性集合，对象的基本特征是属性名和属性值，es5新增可属性描述符，可以更细腻的控制属性的不同操作，属性描述符有：configur...

2018-11-05 17:01:05 231

原创 JavaScript String 对象方法总结

String对象用于处理文本一、String对象常用方法1、concat()：连接字符串，注：使用‘+ 运算符来进行字符串连接更简便2、charAt(index)：返回指定位置的字符,如果参数 index 不在 0 与 string.length 之间，该方法将返回一个空字符串3、str.indexOf（searchString,startIndex）：返回子字符串第一次出现的位置，从st...

2018-11-02 15:29:26 147

原创 Iterator 和 for...of 循环

**javascript 原有表示集合的数据结构主要是数组（Array）和对象（Object）,ES6又新增了 Set 和 Map **Iterator （遍历器）1、Iterator 概念Iterator是一种接口，为不同的数据结构提供统一的访问机制，任何数据结构只要部署Iterator接口，就可以完成遍历操作。2、作用a、为各种数据结构提供一个统一的、简单的访问接口b、是的数据结构...

2018-10-30 15:06:03 180

原创 ...ES6 扩展运算符

扩展运算符（…）1、含义：将一个数组装转为用逗号分隔的参数序列,若扩展运算符后面跟的是一个空数组，则不产生任何效果 console.log(1,...[2,4,6]) // 1,2,4,6 console.log([...document.querySelectAll('div')]) // [&lt;div&gt;,&lt;div&gt;,&lt;div&gt;] conso...

2018-10-30 14:01:09 144

原创 Array数组常用方法、ES5扩展方法、ES6新增方法

@Array数组常用方法es5新增方法forEach() :遍历循环 var arr =[1,2,3]; //forEach() arr.forEach(function(value,index,array){ //forEach方法中function回调支持三个参数：第一个：遍历的数组内容，第二个：索引，第三个：数组本身 }) //...

2018-10-29 13:59:11 479

原创 react-native 生命周期

@react-native 生命周期react-native生命周期分为三个阶段：实例化阶段、存在阶段、销毁阶段一、实例化阶段函数功能分析getDefaultProps ，利用this.prop在这里获取组件的初始值，组件初始化后，再次使用组件不会调用gerDefaultProps函数；getInitialState :用于对组件的一些状态进行初始化调用；componentWillMo...

2018-10-16 14:34:32 129

原创 jQuery 双击事件（dblclick）时，不触发单击事件(click)

Query 双击事件（dblclick）时，会触发单击事件(click)两次。事件的执行顺序：　　单击(click)：mousedown，mouseout，click；　　双击(dblclick)：mousedown，mouseout，click ， mousedown，mouseout，click，dblclick；　　在双击事件(dblclick)，触发的两次单击事件(clic...

2018-07-25 10:39:50 6483

原创 markDown基础语法

title: markDown基础知识 date: 2018-06-14 18:30:48 categories: -前端 -教程 tags: -MarkdownmarkDown简介是以普通文本编辑器编写的一种标记语言。通过简单的标记语法，是文本具有一定的标记格式markDown基础知识区块元素段落和换行一个段落：由...

2018-06-21 09:33:48 317

qq_40099141的博客