ZhangCheng15737

基于Vue.js的2.5.13版本和TypeScript编写的模仿原生应用的WebApp. 建议直接添加到主屏幕(ios端体验差一些). 学习vue全家桶，本人很长一段时间在用React。 利用PWA技术来模仿原生应用,来探究PWA与原生的差异。 作者声称2.5之后vue增强了…

焦点事件会在页面获得或失去焦点时触发。利用这些事件并与document.hasFocus()方法及document.activeElement属性配合，可以知晓用户在页面上的行踪，有以下6个焦点事件。 blur：在元素失去焦点时触发。这个事件不会冒泡；所有浏览器都支持它。 这一…

DOM2级和3级的目的在于扩展DOM API，以满足操作XML的所有需求，同时提供更好的错误处理及特性检测能力。从某种意义上讲，实现这一目的的很大程度意味着对命名空间的支持。 有了XML命名空间，不同XML文档的元素就可以混合一起，共同构成格式良好的文档，而不必担心发生命名冲突…

事件流描述的是从页面中接受事件的顺序。但有意思的是，IE和Netscape开发团队居然提出了差不多完全相反的事件流的概念。IE的事件流是事件冒泡流，而Netscape Communicator的事件流是事件捕获流。 即事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的…

在这个例子中，单击按钮就会调用showMessage()函数。这个函数是在一个独立的<script>元素中定义的，当然也可以被包含在一个外部文件中。事件处理程序中的代码在执行时，有权访问全局作用域中的任何代码。 这样指定事件处理程序具有一些独到之处。首先，这样会创建一个封装着元…

对DOM的两个主要扩展是Selectors API和HTML5。 Selectors API致力于让浏览器原生支持CSS查询。在没有原生支持之前，只能通过javascript代码来完成查询操作。之后，解析和树查询操作可以在浏览器内部通过编译后的代码来完成，极大地改善了性能。 q…

很多时候我们点击按钮来提交数据，但是在网络条件不好或者交互提示不明确的情况下，用户会在段时间内多次点击按钮，如果没有对按钮做保护就会造成重复的数据提交，造成数据异常，今天就分享一个比较通用的解决方案。 解决这个问题的思路就是增加一个变量来维护现有按钮的状态，但是一个页面里如果有…

今天 去啊 App 5.1.1 已经发布了，航旅 Hybrid 混合架构有了更进一步的落地，这轮优化目标是搞定H5真正的“无缝秒出”。 先来看效果，去啊App 2G 网络下购买国际机票，30秒完成，除了搜索入口页，列表往下到付款页的前端都是H5 Page，大家感受一下： 目测性…