摘要：
HTTPS 是 HTTP over Secure Socket Layer，以安全为目标的 HTTP 通道，所以在 HTTPS 承载的页面上不允许出现 http 请求，一旦出现就是提示或报错：Mixed Content: The page at ‘https://www.taobao.com/‘ w... 阅读全文
阅读排行榜
细说websocket - php篇
2013-12-25 11:24 by Barret李靖, 61402 阅读, 收藏,
摘要：
下面我画了一个图演示 client 和 server 之间建立 websocket 连接时握手部分，这个部分在 node 中可以十分轻松的完成，因为 node 提供的 net 模块已经对 socket 套接字做了封装处理，开发者使用的时候只需要考虑数据的交互而不用处理连接的建立。而 php 没有，从 socket 的连接、建立、绑定、监听等，这些都需要我们自己去操作，所以有必要拿出来再说一说。 +--------+ 1.发送Sec-WebSocket-Key +---------+ | | -----------------------------... 阅读全文
前端代码异常日志收集与监控
2015-08-20 00:20 by Barret李靖, 56332 阅读, 收藏,
摘要：
在复杂的网络环境和浏览器环境下，自测、QA测试以及 Code Review 都是不够的，如果对页面稳定性和准确性要求较高，就必须有一套完善的代码异常监控体系，本文从前端代码异常监控的方法和问题着手，尽量全面地阐述错误日志收集各个阶段中可能遇到的阻碍和处理方案。☞ 收集日志的方法平时收集日志的手段，可... 阅读全文
修改Hosts为何不生效，是DNS缓存？
2015-05-11 10:47 by Barret李靖, 50449 阅读, 收藏,
摘要：
Update:如果浏览器使用了代理工具，修改 Hosts 也不会生效。这里是因为，浏览器会优先考虑代理工具（如添加 pac 文件、SwitchySharp等）的代理，建议调试的时候先关闭这些代理。使用 pac 文件代理有的时候部分文件的代理不生效，应该是 pac 对应的代理服务器上，做了部分处理。部... 阅读全文
PJAX的实现与应用
2013-12-06 10:14 by Barret李靖, 41818 阅读, 收藏,
摘要：
一、前言web发展经历了一个漫长的周期，最开始很多人认为Javascript这们语言是前端开发的累赘，是个鸡肋，那个时候人们还享受着从一个a链接蹦到另一个页面的web神奇魔术。后来随着JavaScript的不断更新换代，他的功能不仅仅是为网页添加一点特效了，语言本身的加强以及对DOM操作能力的提升让他在前端大放光彩。尤其是ajax的出现，让JavaScript以及整个web的发展翻开了崭新的一页。利用ajax局部刷新页面，相信很多人玩得相当熟练了。如果整个页面的刷新都是使用ajax，我们可以称之为一个webapp，所有的逻辑都是在当页处理，这种形式的页面带来的体验是十分不错的，减少了那些比较“ 阅读全文
细说WebSocket - Node篇
2013-12-20 13:42 by Barret李靖, 41669 阅读, 收藏,
摘要：
在上一篇提高到了 web 通信的各种方式，包括 轮询、长连接 以及各种 HTML5 中提到的手段。本文将详细描述 WebSocket协议 在 web通讯 中的实现。 一、WebSocket 协议 1. 概述 websocket协议允许不受信用的客户端代码在可控的网络环境中控制远程主机。该协议包含一个 阅读全文
JavaScript多文件下载
2014-02-12 21:50 by Barret李靖, 41050 阅读, 收藏,
摘要：
对于文件的下载，可以说是一个十分常见的话题，前端的很多项目中都会有这样的需求，比如 highChart 统计图的导出，在线图片编辑中的图片保存，在线代码编辑的代码导出等等。而很多时候，我们只给了一个链接，用户需要右键点击链接，然后选择“另存为”，这个过程虽说不麻烦，但还是需要两步操作，倘若用户想保存... 阅读全文
从登录框看前端
2014-01-13 15:30 by Barret李靖, 36895 阅读, 收藏,
摘要：
我们会骂 12306 的网站界面挫，效果差，速度慢，回头看看自己写的代码，是不是也一样的狗血！在前端，很多看似简单的东西，内藏无数玄机。本文将以一个小小的登录框为入口，谈一谈如何完善自己的程序。在很多人眼里，前端就是 DIV+CSS+JQuery，甚至还有些人停留在 table 布局的迷雾当中（这些... 阅读全文
JavaScript模板引擎原理，几行代码的事儿
2013-12-03 16:35 by Barret李靖, 33646 阅读, 收藏,
摘要：
一、前言什么是模板引擎，说的简单点，就是一个字符串中有几个变量待定。比如：var tpl = 'Hei, my name is , and I\'m years old.';通过模板引擎函数把数据塞进去，var data = { "name": "Barret Lee", "age":... 阅读全文
JavaScript异步编程原理
2014-01-05 11:01 by Barret李靖, 24598 阅读, 收藏,
摘要：
众所周知，JavaScript 的执行环境是单线程的，所谓的单线程就是一次只能完成一个任务，其任务的调度方式就是排队，这就和火车站洗手间门口的等待一样，前面的那个人没有搞定，你就只能站在后面排队等着。在事件队列中加一个延时，这样的问题便可以得到缓解。A: 嘿，哥们儿，快点！B: 我要三分钟，你先等着，完了叫你~A: 好的，记得叫我啊~ 你（C）也等着吧，完了叫你~C: 嗯！...告诉后面排队的人一个准确的时间，这样后面的人就可以利用这段时间去干点别的事情，而不是所有的人都排在队列后抱怨。我写了一段程序来解决这个问题：/*** @author Barret Lee* @email barret. 阅读全文
浙公网安备 33010602011771号