input:focus{ outline: none; border-style:solid; border-color: #03a9f4; box-shadow: 0 0 15px #03a9f4; }
作用 如果在浏览器需要运行耗时的js程序 现象 js执行的过程中,按钮1可见,按钮2在按钮1显示后可见 原因 浏览器执行js和渲染页面的一个线程 解决 方案一 将所有js程序执行放在body最后一个元素上 方案二 创建新的线程,由他来执行耗时的js任务,UI主线程执行后续的HTML渲染 <button>1</button> …
HTTP协议 属于"请求-响应"模型,一次请求一次响应 解决方案: 方案一 长轮询(Long-Polling) / 心跳请求定时器 + AJAX --- 请求过于频繁,服务器压力大,不够频繁,客户端延迟会变大 方案二 属于"广播--收听",客户端连接到服务器就不在断开,双方就随时向对方发送消息,且是全双方不对等发送; 原理 ws协议的应用程序分为客…
定义 在浏览器中存储当前用户专用的数据: 访问历史; 内容定制 ; 样式定制 在客户端存储数据可以使用的技术 cookie浏览器兼容性好,不能超过4kb,操作复杂flash依赖falsh播放器H5 webStorage:不能超过8MB,操作简单IndexDB可存储大量数据但不是标准的技术 session 浏览器从打开某个网页的一个页面开始,中间可能…
placehoder占位字符autofocus自动获取输入焦点multiple允许输入框中出现多个值form用于把表单域防止在form外部 验证相关 required必填项,内容不能为空max / min length字符转最大/最小长度max / min数字的最大最小值pattern正则表达式
HTML5 为拖放行为提供了7个事件 拖动源对象 : (会动)会触发事件dragstart 拖动开始drag 拖动中dragend 拖动结束拖动的目标对象 (不动) 会触发事件dragenter 拖动着进入draover 拖动着悬停上方dragleave 拖动着离开drop 在上方释放注意必须阻止 dragove 的默认行为 drop 才能触发e.…
视频 <video> <source src="res/birs.mp4"> <source src="res/birs.ogg"> <source src="res/birs.webm"> </video> HTML 成员属性 属性描述autoplay是否自动播放controls是否显示…