Karl

摘要： 1、什么是跨域问题 在页面中使用js访问其他网站的数据时，就会出现跨域问题，比如在网站中使用ajax请求其他网站的天气、快递或者其他数据接口时，以及hybrid app中请求数据，浏览器会提 示一下错误： XMLHttpRequest cannot load http://你请求的域名. No 'A 阅读全文

摘要： 如今的JavaScript技术界里最火热的一项技术应该是‘事件委托(event delegation)’了。使用事件委托技术能让你避免对特定的每个节点添加事件监听器；相反，事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件，找到是哪个子元素的事件。基本概念非常简单，但仍有很多 阅读全文

摘要： 基本用法 ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 上面代码在代码块之中，分别用let和var声明了两个变量。然后在代码块之外调用这两个变量，结果let声明的变量报错，var声明的变量返回了正确的值。这表明，let声明的变量只在 阅读全文

摘要： 客户端验证是网页客户端程序最常用的功能之一，我们之前使用了各种各样的js库来进行表单的验证。HTML5其实早已为我们提供了表单验证的功能。至于为啥没有流行起来估计是兼容性的问题还有就是样式太丑陋了吧。 下面我们将来一步一步创造一个HTML5和CSS3的表单验证，只使用HTML和CSS。 完成后的如下 阅读全文

摘要： 1、什么是闭包 闭包是有权访问另一个函数作用域的变量的函数。 简单的说，Javascript允许使用内部函数 即函数定义和函数表达式位于另一个函数的函数体内。而且，这些内部函数可以访问它们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数。当其中一个这样的内部函数在包含它们的外部函数之外被 阅读全文

摘要： webview加载时有5个事件。触发顺序为loading、titleUpdate、rendering、rendered、loaded。webview开始载入页面时触发loading，载入过程中如果<title>节点已经解析并赋予新值，触发titleUpdate，页面开始渲染，触发rend 阅读全文

摘要： 原生UI的设计目的 HTML和css有一个优势就是灵活的样式设计。在大多数情况下，我们都应该使用HTML+css来负责UI。但是有些情况下，我们发现HTML+css的UI不满足需求。1. 绝对置顶HTML的video等元素，以及5+的map等原生元素，这些原生控件的层级高于div。对于一些弹出的需要 阅读全文

摘要： 下拉刷新 为实现下拉刷新功能，大多H5框架都是通过DIV模拟下拉回弹动画，在低端android手机（Android4.4以下）上，DIV动画经常出现卡顿现象（特别是图文列表的情况）。解决方案还是webview。 既然拉div卡，那就不拉div，改拉webview。webview的拉动是原生的，回弹效 阅读全文

摘要： App的顶部一般有titlebar，下面是list。常见的一个需求是要在list滚动时，titlebar不动。这个简单的需求，实现起来其实并不简单。 在普通web上的做法是使用div的滚动条，把list放到div里。但是很不幸的是，div滚动条在Android4.4以下的手机上非常非常卡，滚动完全无 阅读全文

摘要： 窗体切换白屏的现实问题 HTML5的性能比原生差很多，比如切页时白屏、列表滚动不流畅、下拉刷新和上拉翻页卡顿。在低端Android手机上，很多原生App常用的功能和体验效果都很难使用HTML5技术模拟。我们首先来看第一个问题，如何避免切页白屏。 浏览器的页面在切换时，由于其页面加载机制，在跳转到下一 阅读全文