蓝戒的博客_逐梦天空-专注于web前端开发|用户体验_Page 3
Sep 20 2018
概念理解
函数节流和函数防抖，两者都是优化高频率执行js代码的一种手段。
函数节流（throttle）与 函数防抖（debounce）都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现象。
函数防抖（debounce）
当调用动作过n毫秒后，才会执行该动作，若在这n毫秒内又调用此动作则将重新计算执行时间
函数节流（throttle）
预先设定... 阅读全文
Sep 09 2018
1、SyntaxError
SyntaxError是解析代码时发生的语法错误
// 变量名错误
var 1a;
// 缺少括号
console.log 'hello');
2、ReferenceError
ReferenceError是引用一个不存在的变量时发生的错误。
unknownVariable
// ReferenceError: unknownVariable is not defined
另一种触发场景是，将一个值分配给无法分... 阅读全文
Jul 25 2018
一、 PWA登场背景
很长时间以来我们对项目采用web app 还是 native app的选择上有一些不可调和的矛盾点，究其实质就是用户体验和性能成本问题。
Web App vs Native App 优缺点对比：
理想很美好，优点：
开发成本较低：使用web开发技术就可以轻松的完成web app的开发。
维护比较轻松：web app和一般的web一样，维护比较简单，它其实就是一个站点。
跨平台：一套代码实现a... 阅读全文
Jun 27 2018
最近做的在线竞答的项目需要使用websocket保持实时通讯，实现同步推题多用户在线竞答。在做过的过程中发现websocket断线频率较高，通过网上查询资料了解到nginx代理的websocket转发，无消息连接会出现超时断开问题。网上资料提到解决方案两种，一种是修改nginx配置信息，第二种是websocket发送心跳包。
下面就来总结一下本次项目中实践中解决的websocket的断线 和 重连 这两个问题的解... 阅读全文
Jun 27 2018
随着web技术的飞速发展，1999年制定的HTTP 1.1已经无法满足大家对性能的要求，Google推出协议SPDY，旨在解决HTTP 1.1中广为人知的性能问题。SPDY得到了Chrome、Firefox和Opera的支持，很多大型网站（如谷歌、Twitter、Facebook、淘宝）都对兼容客户端使用SPDY。SPDY在被行业采用并证明能够大幅提升性能之后，已经具备了成为一个标准的条件。
HTTP工作组采用了SPDY v2草案作为制定HTTP 2.... 阅读全文
May 09 2018
handsontable是目前在前端界最接近excel的插件，可以执行编辑，复制粘贴，插入删除行列，排序等复杂操作。拥有jQuery、react、ng和vue版本，功能强大，是复杂表格的不二之选。
下面介绍一下handsontable表格控件在vue项目中的使用方法：
1.安装模块包
npm install @handsontable/vue --save
npm install handsontable --save
这样安装完handsontable依赖的各模块（moment、... 阅读全文
Jan 04 2018
插件支持多个水印文字，水印文字每行错开，通过canvas实现动态文字背景平铺比网上其他dom方式实现性能较优。
网页文字水印背景插件地址：
https://github.com/codingforme/jquery-watermark
使用方法：
1.引入js库
<script src="js/jquery.min.js"></script>
<script src="js/jquery.watermark.js"></script>
2... 阅读全文
Dec 11 2017
人工智能十问
一、人工智能是机器人吗?
人们对“人工智能”的理解误区
1.AI的外形和智慧水平和人类一样
2.AI像科幻片里那样，很聪明，精于算计且 控制伤害对抗人类
3.AI是一种很久以后才会发展的技术
对人工智能的错误定义
1.AI是一种让人觉得不可思议计算机的程序
2.AI与人类大脑的思考方式一样
3.AI是与人类行为相似的计算机-
4.AI就是会学习的计算机程序
对人工智能的正确定义
... 阅读全文
作者：cywcd | 分类：
互联网 | 阅读： 2,388 次 | 标签：
AI ,
人工智能
Nov 30 2017
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... 阅读全文
Nov 14 2017
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... 阅读全文
来自的朋友,欢迎您
点击这里 订阅我的博客 o(∩_∩)o~~~
概念理解 函数节流和函数防抖，两者都是优化高频率执行js代码的一种手段。 函数节流（throttle）与 函数防抖（debounce）都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现象。 函数防抖（debounce） 当调用动作过n毫秒后，才会执行该动作，若在这n毫秒内又调用此动作则将重新计算执行时间 函数节流（throttle） 预先设定...阅读全文作者：cywcd | 分类：javascript | 阅读： 3,283 次 |抢沙发
1、SyntaxError SyntaxError是解析代码时发生的语法错误 // 变量名错误 var 1a; // 缺少括号 console.log 'hello'); 2、ReferenceError ReferenceError是引用一个不存在的变量时发生的错误。 unknownVariable // ReferenceError: unknownVariable is not defined 另一种触发场景是，将一个值分配给无法分...阅读全文作者：cywcd | 分类：javascript | 阅读： 2,536 次 |
一、 PWA登场背景 很长时间以来我们对项目采用web app 还是 native app的选择上有一些不可调和的矛盾点，究其实质就是用户体验和性能成本问题。 Web App vs Native App 优缺点对比： 理想很美好，优点： 开发成本较低：使用web开发技术就可以轻松的完成web app的开发。 维护比较轻松：web app和一般的web一样，维护比较简单，它其实就是一个站点。 跨平台：一套代码实现a...阅读全文
最近做的在线竞答的项目需要使用websocket保持实时通讯，实现同步推题多用户在线竞答。在做过的过程中发现websocket断线频率较高，通过网上查询资料了解到nginx代理的websocket转发，无消息连接会出现超时断开问题。网上资料提到解决方案两种，一种是修改nginx配置信息，第二种是websocket发送心跳包。 下面就来总结一下本次项目中实践中解决的websocket的断线 和 重连 这两个问题的解...阅读全文作者：cywcd | 分类：javascript, web技术 | 阅读： 26,666 次 |
随着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技术 | 阅读： 3,100 次 |
插件支持多个水印文字，水印文字每行错开，通过canvas实现动态文字背景平铺比网上其他dom方式实现性能较优。 网页文字水印背景插件地址： https://github.com/codingforme/jquery-watermark 使用方法： 1.引入js库 <script src="js/jquery.min.js"></script> <script src="js/jquery.watermark.js"></script> 2...阅读全文
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...阅读全文
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...阅读全文