拂晓dawn-CSDN博客

原创节点门面和自定义事件研究

借点击和轻触来研究节点门面和自定义事件function addTapListener(node, callback) { //start by supporting mousevents var startEvent = 'mousedown', endEvent = 'mouseup'; //if touch events are available use them inst

2017-02-07 15:59:43 271 1

原创 HTML5触摸界面设计与开发--笔记--javaScript性能优化

一 : 本文中使用的性能优化策略1 只写入DOM，因为DOM交互式相当慢的测试： console.time('test'); var test=document.getElementById('index-bn').title ; console.timeEnd('test'); test: 0.091ms var cache=['111'];

2017-01-23 15:55:22 491

原创 input使用replce禁止输入，在字符串中间添加字符光标会跳转到字符串最后解决办法

解决用replace替换时（在字符串中间删除）光标会跳转到Input框最后，但会出现光标跳转到字符串最后再跳转到删除位置（光标闪烁），不知道怎么解决闪烁问题，希望有网友能有好的解决办法。var card={ cardValue : "",//保存银行卡 pos : ""//光标位置}//银行卡号 $(document).on('input', '.cardList .account',

2016-12-23 10:56:16 2369 2

转载 CSS揭秘--笔记--紧贴底部的页脚

body元素内的结构代码如下<header>***</header><main>***</main><footer>***</footer>1 对body元素设置样式body{ display:flex; flex-flow:column; min-height:100vh;}2 对main容器设置样式main{ flex:1;}

2016-12-17 20:53:23 451

转载 CSS揭秘--笔记--扩大可点击区域

根据Fitts法则，可以得出:目标越大，越容易到达。因此,对于那些较小的，难以瞄准的控件来说,如果不能把他的视觉尺寸直接扩大,将其可点击区域扩大也能提高用户体验。1 设置一层透明边框border:10px solid transparent;background-clip:padding-box;2 使用伪元素我们可以在按钮的上层覆盖一层透明的为元素，并让伪元素在4个方向上都比宿主元素大but

2016-12-10 21:41:18 1445

实现这种特效的关键点在background-attachment属性，If a background-image is specified, the background-attachment CSS property determines whether that image's position is fixed within the viewport, or scrolls along with its co

2016-12-01 19:56:47 447

转载 CSS揭秘--笔记--自适应内部元素

figure{max-width:300px;max-width:min-content;margin:auto;}figure > img{max-width:inherit;}

2016-11-28 19:54:54 316

原创 css揭秘--笔记--垂直居中

css揭秘第40个小技巧整篇文章所使用的的结构代码如下:<main> <h1>an i center yet </h1> <p>center me !please</p><main>1 基于绝对定位的解决方案main{position:absolete;top：50%；left:50%;height:6em;width:18em;margin-top:-3em;margin-

2016-11-20 12:10:54 374

原创 js worker 解决移动端定时器锁屏后不继续执行的问题

一直知道在js里面使用计时器会阻塞ui渲染，并且在移动端锁屏后计时器不会继续执行。网络上常用的思路是启动定时器时记录当前时间，当锁屏进来后通过当前时间和记录时间对比去解决锁屏后不继续执行的问题，个人觉得这种解决办法不优雅。最近看了关于worker的知识，就想着用worker写是不是能解决这个问题，试了试，还真行，代码附上。worker.jsfunction timeout(time)

2016-08-12 14:14:48 10300 7

u013284661的博客