概述 这个问题常出现在移动web开发中聊天或者留言页面的绝对定位输入框上,页面超过屏幕大小时候输入框focus状态下(键盘弹出)绝对定位的元素失效,导致页面滚动时候把定位元素一并带走,体验十分不好,在此留下一自己的方法,…
分类:html5
移动端——touch事件
1.touchstart 当手指触碰屏幕时候触发 dom.addEventListener('touchstart',function(e){}); startX=e.touches[0].clientX; 事件返回的e…
【每日一包0026】delegates
[github地址:https://github.com/ABCDdouyae…] delegates (koa2源码依赖) 委托机制,用于对象属性代理 Delegate(proto, prop)创建一个代理…
ES6、7、8常用新特性总结(超实用)
ES6常用新特性 1. let && const let 命令也用于变量声明,但是作用域为局部 { let a = 10; var b = 1; } 在函数外部可以获取到b,获取不到a,因此例如for循环…
DOM 元素中的焦点管理
DOM 元素中的焦点管理 1. 焦点元素 表单元素(input、select 或者 textarea 等) 以及 document.body 2. 如何查看当前焦点元素 document.activeElement:返回…
html5调用手机摄像头
曾经做过一个项目,仿照当下最火的军装照页面,做出图片融合效果。当时的整个项目组都动容了,太难了,总共用了三种方案 1、canvas 2、python opencv3、C++ 这些不是重点,重点是在上传照片调取摄像头功能 …
#思考# 移动端绝对定位在不同设备适配问题
需求:需要展示的数据已在数据库设置好,并且是以大屏幕为准,现在需要在不同设备上显示出来 实现:所有物体都采用绝对定位,根据实际屏幕与数据库设置的屏幕尺寸比例,对数据进行缩放 背景 居中铺满 background-posi…
大前端必备知识
一、vue的基础知识 vue实现双向绑定原理 1、Object.defineProperty()中的set/get设置属性值/获取属性值 2、过程 Observer劫持并监听所有属性 发生变化,通知Dep观察者(upda…
前端面试每日3+1——第112天
今天的知识点 (2019.08.06) —— 第112天 [html] 你知道checkbox有几种状态吗?它们分别用来表示什么? [css] 举例说明时间、频率、角度、弧度、百分度的单位分别是哪些? [js] 函数声明…
HTNL5新特性 之 拖放
拖放API是H5专门为了鼠标拖放而新提供了7个事件,可以分成三个部分。 一、拖动的源对象(source)可以触发的事件 dragstart:拖动开始 drag:拖动进行中 dragend:拖动结束…
Angular网络请求的封装
很多时候,我很喜欢angular的编码风格,特别是angular支持typescript之后,完整的生命周期,完美的钩子函数,都是别的语言所无法替代的。这里我来说说我自己的网络请求封装,某种意义上来说,angular自己…
css样式
居中 布局中居中是很重要的技术,掌握居中的技巧,对布局相当重要 /* flex 垂直 居中 */ *{ margin: 0; padding: 0; } .container{ height: 100vh; /* 重要语…