站内信最佳通信方案:WebSocket

作者: 日期:2019-05-08 点击: 168

你不知道websocketwebsocket已经满大街都是了,我今天用我们之前的管理后台的站内信为例,今天给大家扒一把源代码,顺便聊一聊你不知道的细节。本文不讨论ws是什么,也不讨论轮询、长连接与websocket的区别,这些在网络上屡见不鲜,如果年你还不知道ws是什么,那么赶紧去求助搜索引擎吧。等搞懂本段前面的内容再来看向下看吧。首先呢给大

webpack4 打包优化策略(图文)

作者: 日期:2019-03-18 点击: 371

Webpack 是一个前端资源加载和打包工具。所谓的模块就是在平时的前端开发中,用到一些静态资源,如JavaScript、CSS、图片等文件,webpack就将这些静态资源文件称之为模块。 webpack支持AMD和CommonJS,以及其他的一些模块系统,并且兼容多种JS书写规范,可以处理模块间的依赖关系,所以具有更强大的JS模块化的功能,它能对静态资源进行统一的管理以及打包发布。 作为一款 Grunt和Gulp的替代产品,Webpack受到大多数开发者的喜爱,因为它能

git 基础知识精讲

作者: 日期:2018-05-26 点击: 788

Linux花了 两周时间 自己用 C 写了一个分布式版本控制系统,这就是Git!一个月之内,Linux系统的源码已经由Git管理了! Git迅速成为最流行的分布式版本控制系统,尤其是 2008 年 GitHub 网站上线了,它为开源项目 免费 提供Git存储 ,无数开源项目开始迁移至GitHub,包括jQuery,PHP,Ruby等等。

正则详解一

作者: 日期:2018-03-31 点击: 588

正则 什么是正则?正则就是一个规则,用来处理字符串的规则 1、正则匹配 编写一个规则,验证某个字符串是否符合这个规则,正则匹配使用的是 test 方法2、正则捕获 编写一个规则,在一个字符串中把符合规则的内容都获取到,正则捕获使用的方法:正则的exec方法、字符串中的split、replace、match等方法都支持正则1.var reg = /^$/; //=>

JS中的 变量提升、作用域、闭包 核心原理解读

作者: 日期:2018-03-25 点击: 666

JS中的 变量提升、作用域、闭包 核心原理解读 数据类型的操作原理基本数据类型1.var a=12;2.var b=a;3.b=13;4.console.log(a); //=>12直接在当前作用域中创建了基本数据类型的值(或者说基本类型值直接存储在当前作用域中),然后把这个值和变量关联起来(一个变量只能关联一个值,关联下一个值后和之前关联的值就没关系了),我们把关联

面向对象深入解读

作者: 日期:2018-03-25 点击: 507

面向对象深入解读函数的三种角色第一种角色:普通函数 栈内存(私有作用域) 作用域链 形参 arguments return …第二种角色:类 类 实例 私有和公有属性 prototype __proto__ …第三种角色:普通对象 键值对操作 …三种角色之间没有直接的关系1.function Fn(){2. var name='珠峰培训

Ajax基础知识

作者: 日期:2018-03-18 点击: 618

AJAX基础知识什么是AJAX? async javascript and xml,异步的JS和XMLxml:可扩展的标记语言作用是用来存储数据的(通过自己扩展的标记名称清晰的展示出数据结构)ajax之所以称为异步的js和xml,主要原因是:当初最开始用ajax实现客户端和服务器端数据通信的时候,传输的数据格式一般都是xml格式的数据,我们我们把它称之为异步js和xml(现在一般

关于React脚手架的一点研究

作者: 日期:2018-02-05 点击: 400

React是Facebook研发的一款前端框架(MVC框架:侧重于view层操作),目前在行业内广泛使用。为了让框架的体积变的更轻量级,设计者们把其定义为 “渐进式” 框架,也就是:

深入理解Virtual DOM 算法

作者: 日期:2018-01-21 点击: 257

真正的 DOM 元素非常庞大,这是因为标准就是这么设计的。而且操作它们的时候你要小心翼翼,轻微的触碰可能就会导致页面重排,这可是杀死性能的罪魁祸首。 相对于 DOM 对象,原生的 JavaScript 对象处理起来更快,而且更简单。DOM 树上的结构、属性信息我们都可以很容易地用 JavaScript 对象表示出来:

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

作者: 日期:2017-12-05 点击: 176

事件基础:全新认识事件 1、什么是事件? 事件是元素天生具备的行为方式(和写不写JS代码没关系),当我们去操作元素的时候会触发元素的很多事件 2、事件绑定 给当前元素的某一个事件绑定方法,目的是为了让当前元素某个事件被触发的时候,可以做一些事情 给某一个事件绑定方法,目前常用的有两种方式: 1、DOM0级事件绑定

JavaScript中的数组基础精讲

作者: 日期:2017-11-23 点击: 183

JavaScript中的数组基础精讲以及t数组常用方法,想看更多视频或者想了解更多关于前端技术的文章,请关注"zhufeng-peixun"的微信公告号

JavaScript常用的操作语句

作者: 日期:2017-11-23 点击: 162

JavaScript常用的操作语句,想看更多视频或者想了解更多关于前端技术的文章,请关注"zhufeng-peixun"的微信公告号

JQ源码解读和插件封装

作者: 日期:2017-11-23 点击: 163

Jquery源码解读和Jquery插件的封装,,想看更多视频或者想了解更多关于前端技术的文章,请关注"zhufeng-peixun"的微信公告号

详解JavaScript中的严格模式

作者: 日期:2017-08-24 点击: 241

JavaScript 严格模式除了正常运行模式,ECMAscript 5添加了第二种运行模式:”严格模式”(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。设立”严格模式”的目的,主要有以下几个: 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为; 消除代码运行的一些不安全之处,保证

最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等

作者: 日期:2017-08-08 点击: 321

什么是 RegExp? RegExp 是正则表达式(Regular expression)的缩写,作用是对字符串执行模式匹配。 通常用于格式验证、正则替换、查找子串等 各种编程语言的正则表达式基本相同,不同的语言可能会有一些细小的差别 RegExp 语法1.// 直接实例化2.var reg = new RegExp(pattern [, flags]);3.// 隐式

前端事件绑定知识点(面试常考)

作者: 日期:2017-08-04 点击: 272

简介事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。事件通常与函数配合使用,当事件发生时函数才会执行。执行JS 事件的方式: HTML 事件属性可以直接执行 JavaScript 代码 HTML 事件属性可以调用 JavaScript 函数 你可以为 HTML 元素指定自己的事件处

JavaScript 中的尾调用优化

作者: 日期:2017-07-30 点击: 167

JavaScript 中的尾调用优化(tail call optimization)我在学习尾调用优化的过程中,有两个误解:第一个是,我们一谈优化,经常说时间的优化。但是尾调用优化却主要是指空间的优化。第二个是,既然尾调用优化是在 es6 中支持的,那么可能又要学新的语法了。然而,尾调用优化并不需要新的语法,而只是是在解释器(如V8)中做的改进。尾调用是一直

19种JavaScript常用简写方法

作者: 日期:2017-07-26 点击: 234

1.三元操作符当想写if…else语句时,使用三元操作符来代替。1.const x = 20;2.let answer;3.if (x > 10) {4. answer = 'is greater';5.} else {6. answer = 'is lesser';7.}简写:1.const answer = x > 10 ? 'is greater' :

 200    1 2 3 4 5 6 7 8 下一页 尾页