摘要：
在移动端，网页上的点击穿透问题导致了非常糟糕的用户体验。那么该如何解决这个问题呢？ 问题产生的原因 移动端浏览器的点击事件存在300ms的延迟执行，这个延迟是由于移动端需要通过在这个时间段用户是否两次触摸屏幕而触发放大屏幕的功能。那么由于click事件将延迟300ms的存在，开发者在页面上做一些交互 阅读全文
摘要：
近来看到个不错的按钮点击效果，当点击时产生一次水波涟漪效果，挺好玩的，于是简单的实现了下(没考虑低版本浏览器兼容问题) 先看看效果吧，如下图（录制gif软件有点渣，看起来卡卡的...） 这种效果可以由元素内嵌套canves实现，也可以由css3实现。 Canves实现 网上摘了一份canves实现的 阅读全文
摘要：
HTTP基础的简单理解 在了解HTTP协议之前，我们先了解下TCP/IP的参考模型，TCP/IP参考模型分为四层：应用层、传输层、网络层、链路层(数据链路层)。 应用层：为不同的网络应用提供所需的服务。 传输层：为应用层实体提供端到端的通信/传输功能，确保数据包的按顺序传送及数据的完整性。 网络层： 阅读全文
摘要：
请求跨域问题的产生原因是浏览器的同源策略(Same origin policy)，这是有Netscape提出的一个著名的安全策略，对于浏览器而言，它提供了最基本也是最核心的安全功能。它所指的同源是域名、协议、端口都相同。 从wiki百科上截了个例子说明： 从图中可以看出，三者只要任何一个不相同，都会 阅读全文
摘要：
之前有说到Element，Console，Sources大多运用于debug，Network可用于debug和查看性能，今天的主角Timeline(现已更名Performance)更多的是用在性能优化方面，它的作用就是记录与分析应用程序运行过程中所产生的活动。 认识Timeline 接下来开始详细的 阅读全文
摘要：
经常会听到比如"为什么我的js代码没执行啊？","我明明发送了请求，为什么反应？","我这个网站怎么加载的这么慢？"这类的问题，那么问题既然存在，就需要去解决它，需要解决它，首先我们得找对导致问题的原因，才能"对症下药"。 每个文件的载入、每次发送的请求也都是一次网络交互，所以在这个面板中，我们能够 阅读全文
摘要：
Sources面板主要用于查看web站点的资源列表及javascript代码的debug 熟悉面板 了解完面板之后，下面来试试这些功能都是如何使用的。 文件列表 展示当前页面内所引用资源的列表，和平常的文件tree一样。 内容区域 可在该区域查看打开的文件的脚本，也可以在区域内下断点，打断指定执行代 阅读全文
摘要：
友情提示:全文图片高能，如使用手机阅读，请确保在wifi情况下或者流量充足。图片有点渣，也算辛苦做出来的，请别嫌弃～ Elements面板主要展示当前页面的组织结构，在如今的应用程序中，HTML页面初始化时加载的不一定就是之后看到的DOM树，有一个页面结构的实时调试工具可以很好的帮助开发者调试开发和 阅读全文
摘要：
前段时间看git的相关，记的笔记也大致写到了博客上，还有些因为运用不熟，或者还有一些疑惑点，暂时也不做过多纠缠，之后在实践中多运用得出结论再整理分享吧。 工欲善其事，必先利其器。要想做好前端的工作，也应该多了解浏览器开发工具的使用，近来几天在看html和css的一些技巧性知识，顺便也把chrome一 阅读全文
摘要：
本来想先瞎扯些什么，然后又不知道讲什么的好，那就直接进入正题吧。 参考资料： Using CSS gradients (以及该页面内的大部分链接页面的资料) 首先区分下，平常给的纯色background，指的是background-color属性，而渐变色所指向的是background-image属 阅读全文