-
Sep092018
JS常见的六类错误类型
1、SyntaxError SyntaxError是解析代码时发生的语法错误 // 变量名错误 var 1a; // 缺少括号 console.log 'hello'); 2、ReferenceError ReferenceError是引用一个不存在的变量时发生的错误。 unknownVariable // ReferenceError: unknownVariable is not defined 另一种触发场景是,将一个值分配给无法分配的对象,...阅读全文作者:cywcd | 分类:javascript | 阅读: 3,143 次 |抢沙发
-
Jul252018
前端PWA技术实现,突破用户体验枷锁
一、 PWA登场背景 很长时间以来我们对项目采用web app 还是 native app的选择上有一些不可调和的矛盾点,究其实质就是用户体验和性能成本问题。 Web App vs Native App 优缺点对比: 理想很美好,优点: 开发成本较低:使用web开发技术就可以轻松的完成web app的开发。 维护比较轻松:web app和一般的web一样,维护比较简单,它其实就是一个站点。 跨平台:一套代码实现a...阅读全文
-
Jun272018
websocket断线重连实践解决方案
最近做的在线竞答的项目需要使用websocket保持实时通讯,实现同步推题多用户在线竞答。在做过的过程中发现websocket断线频率较高,通过网上查询资料了解到nginx代理的websocket转发,无消息连接会出现超时断开问题。网上资料提到解决方案两种,一种是修改nginx配置信息,第二种是websocket发送心跳包。 下面就来总结一下本次项目中实践中解决的websocket的断线 和 重连 这两个问题的解...阅读全文作者:cywcd | 分类:javascript, web技术 | 阅读: 30,276 次 |
-
Jun272018
HTTP2协议特性解析
随着web技术的飞速发展,1999年制定的HTTP 1.1已经无法满足大家对性能的要求,Google推出协议SPDY,旨在解决HTTP 1.1中广为人知的性能问题。SPDY得到了Chrome、Firefox和Opera的支持,很多大型网站(如谷歌、Twitter、Facebook、淘宝)都对兼容客户端使用SPDY。SPDY在被行业采用并证明能够大幅提升性能之后,已经具备了成为一个标准的条件。 HTTP工作组采用了SPDY v2草案作为制定HTTP 2....阅读全文作者:cywcd | 分类:javascript, web技术 | 阅读: 4,001 次 |
-
May092018
前端页面表格控件handsontable在vue项目中的应用
handsontable是目前在前端界最接近excel的插件,可以执行编辑,复制粘贴,插入删除行列,排序等复杂操作。拥有jQuery、react、ng和vue版本,功能强大,是复杂表格的不二之选。 下面介绍一下handsontable表格控件在vue项目中的使用方法: 1.安装模块包 npm install @handsontable/vue --save npm install handsontable --save 这样安装完handsontable依赖的各模块(moment、...阅读全文作者:cywcd | 分类:javascript | 阅读: 8,217 次 |
-
Jan042018
页面添加水印文字背景jquery.watermark插件使用
插件支持多个水印文字,水印文字每行错开,通过canvas实现动态文字背景平铺比网上其他dom方式实现性能较优。 网页文字水印背景插件地址: https://github.com/codingforme/jquery-watermark 使用方法: 1.引入js库 2. 调用jquery.watermark插件方法 $('body').watermark({ texts : ["webzsky蓝戒博客", "文字水印插件"], //水印文字 tex...阅读全文
-
Nov302017
jquery.chosen下拉框多选插件使用详解
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/jqu...阅读全文
-
Nov142017
vue项目开发的一些总结
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) 2.v...阅读全文
-
Jul192017
js原型和原型链解析
什么是js原型? js每声明一个function,都有prototype原型,prototype原型是函数的一个默认属性,在函数的创建过程中由js编译器自动添加。 也就是说:当生产一个function对象的时候,就有一个原型prototype。 什么是原型链? 原型链是实现继承的主要方法。其基本思想是:利用原型让一个引用类型继承另一个应用类型的属性和方法。 简单回顾一下构造函数、原型和实例的关系:每个构造函数都有...阅读全文作者:cywcd | 分类:javascript | 阅读: 3,104 次 | 标签:原型
-
Jul122017
深入全面理解JavaScript的执行上下文
1.什么是javascript的执行上下文(e xecution context)? 执行上下文可以认为是 代码的执行环境。 在JavaScript中有三种代码运行环境: 1)全局级别的代码 – 这个是默认的代码运行环境,一旦代码被载入,js引擎最先进入的就是这个环境,js解释器 创建一个 全局的执行上下文。 2)函数级别的代码 – 当执行一个函数时,运行函数体中的代码,会创建一个 函数的执行上下文。 3)Eval的代码 – 在Eva...阅读全文