最近做的在线竞答的项目需要使用websocket保持实时通讯，实现同步推题多用户在线竞答。在做过的过程中发现websocket断线频率较高，通过网上查询资料了解到nginx代理的websocket转发，无消息连接会出现超时断开问题。网上资料提到解决方案两种，一种是修改nginx配置信息，第二种是websocket发送心跳包。 下面就来总结一下本次项目中实践中解决的websocket的断线 和 重连 这两个问题的解决方案。 首先我们来看看websocket的断线问题处理，在说明这个问题之前先来说说websocket，…
随着web技术的飞速发展，1999年制定的HTTP 1.1已经无法满足大家对性能的要求，Google推出协议SPDY，旨在解决HTTP 1.1中广为人知的性能问题。SPDY得到了Chrome、Firefox和Opera的支持，很多大型网站（如谷歌、Twitter、Facebook、淘宝）都对兼容客户端使用SPDY。SPDY在被行业采用并证明能够大幅提升性能之后，已经具备了成为一个标准的条件。 HTTP工作组采用了SPDY v2草案作为制定HTTP 2.0标准的起点，2014年12月将HTTP/2标准提议递交至IES…
handsontable是目前在前端界最接近excel的插件，可以执行编辑，复制粘贴，插入删除行列，排序等复杂操作。拥有jQuery、react、ng和vue版本，功能强大，是复杂表格的不二之选。 下面介绍一下handsontable表格控件在vue项目中的使用方法： 1.安装模块包 这样安装完handsontable依赖的各模块（moment、numbro、pikaday 、zeroclipboard）也一起安装完了，不必再单独安装 页面如果使用相关的模块方法，可以直接import引入，例如使用moment中的格…
插件支持多个水印文字，水印文字每行错开，通过canvas实现动态文字背景平铺比网上其他dom方式实现性能较优。 网页文字水印背景插件地址： https://github.com/codingforme/jquery-watermark 使用方法： 1.引入js库 2. 调用jquery.watermark插件方法 $('body').watermark({ texts : ["webzsky蓝戒博客", "文字水印插件"], //水印文字 textColor : "#dedede", //文字颜色 t…
Chosen 是一个支持jquery的selec t下拉框美化插件，它能让丑陋的、很长的selec t选择框变的更好看、更方便。不仅如此，它更扩展了selec t， 增加了自动筛选的功能。它可对列表进行分组，同时也可禁用某些选择项。 demo：https://harvesthq.github.io/chosen/ chosen的使用方法： 1. 引入jquery库和脚本 <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.mi…
vue项目开发总结 vue项目搭建使用的官方脚手架：vue-cli；UI库是vux；打包工具使用webpack；状态管理vuex。 1.npm在国内的网络环境下可能会比较慢，解决方案： 使用淘宝镜像: 1>.官方网址：http://npm.taobao.org； 2>.安装，使用config命令： npm config set registry https://registry.npm.taobao.org npm info underscore （如果上面配置正确这个命令会有字符串response） …
什么是js原型？ js每声明一个function，都有prototype原型，prototype原型是函数的一个默认属性，在函数的创建过程中由js编译器自动添加。 也就是说：当生产一个function对象的时候，就有一个原型prototype。 什么是原型链？ 原型链是实现继承的主要方法。其基本思想是：利用原型让一个引用类型继承另一个应用类型的属性和方法。 简单回顾一下构造函数、原型和实例的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。 原型和原型…
1.什么是javascript的执行上下文(e xecution context)？ 执行上下文可以认为是 代码的执行环境。 在JavaScript中有三种代码运行环境： 1）全局级别的代码 – 这个是默认的代码运行环境，一旦代码被载入，js引擎最先进入的就是这个环境,js解释器 创建一个 全局的执行上下文。 2）函数级别的代码 – 当执行一个函数时，运行函数体中的代码,会创建一个 函数的执行上下文。 3）Eval的代码 – 在Eval函数内运行的代码,创建 一个 eval 执行上下文。 为了表示不同的运行环境，J…
通常而言在JS中, this的值取决于调用的模式, 而JS中共有4中调用模式: 1.方法调用模式 当一个函数被保存为对象的一个属性时, 我们称它为一个方法, 当一个方法被调用时, this指向该对象, 如: var obj = { value: 1, getValue: function() { alert(this.value); } }; obj.getValue(); // 输出1, 此时的this指向obj 注意: 该模式中, this到对象的绑定发生在方法被调用的时候. 2、函数调用模式 当一个函数并非一…
什么是变量提升？ JavaScript引擎的工作方式是，先解析代码，获取所有的声明，然后再一行一行地运行。这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升（hoisting）。JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。 关于声明提升是指：js在解析的时候总是会将var, function这类关键词的声明语句提升至该作用域的最顶部(注意：这里只会提升声明部分)。 变量提升只对var命令声明的变量有效，如果一个变量不是用var命令声明的，就不会发生变量提升。 什…