自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 资源 (1)
  • 收藏
  • 关注

原创 基于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

转载 js的单线程和异步

单线程:在程序执行时,所走得程序按照连续的顺序拍下去,依次处理,前面的处理好,后面的才能进行。一、为什么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')]) // [<div>,<div>,<div>] 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

html5shiv.min.js

html5shiv.min.js,在开发html5的时候要用到html5.js。但是现在google很难连接了所以只有本地引用来的好点 所以提供给大家下载

2018-03-21

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除