随笔分类 - web前端开发笔记
摘要:前端高级软件工程师笔试题A卷 一、选择题(每题4分,共20分) 1.typeof [0,1] == _____ A A.object B.array C.number D.string 2.关于session 和 cookie 描述不正确的是 C A.sessionid是一种cookie B.ses
阅读全文
摘要:我们做框架开发的时候,经常需要js文件获取的到自身的路径,在网上查了些资料,总结 了两种方式 浏览器支持docment.currentScript.src 直接用这个获取,不用支持的情况 try{ null.split() }catch(e){ e.stack // 在错误信息的栈信息里获取 }
阅读全文
摘要:background-position:right 5px top 5px
阅读全文
摘要:background-repeat: repeat-x; -webkit-background-size: 100% 1px; background-position: left bottom; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transp...
阅读全文
摘要:现在react.js如火如荼,非常火爆,昨天抽了一天来看了下这项技术。可能就看了一天,研究的不深入,但是我在看的过程中发现来了很多疑惑,这里拿出来和那家分享讨论以此共勉。 在我接触的前端以后,让我感觉眼前一亮的有一个框架,一种思想。一个框架就是jquery,解决了浏览器兼容问题;一种思想就是mv...
阅读全文
摘要:在文章开头先说明一下此方法的兼容性,IE8+以及其他现代浏览器都支持此属性。直接献上一个demo吧Table-cellDemobpdqooobpdqoootable-cell实现垂直居中中线以下是说明:将class=”box”的div设为display:table-cell,即可实现div内元素的垂...
阅读全文
摘要:前端发展了也有些年头了,曾记得很多年前,聊起前端,都觉得是很简单,那个时候都没有前端工程师这个职位。可现在,前端已经逆袭了,已经不是原来的样子了,各种技术层出不穷,显的越来越高深莫测了。前端真的变得那么难了吗?在我看来,前端还是原来的前端,虽然有些关变换,但不应该像现在一样复杂。框架太多了,新技...
阅读全文
摘要:IOS8+ -webkit-overflow-scrolling:touch 会导致webview崩溃解决方案 用js动态添加样式 比如:$("body").css("-webkit-overflow-scrolling", "touch");
阅读全文
摘要:on 用委托的形式绑定事件在ios下 父对象是body 获取 docment的时候会 不调用解决方案 在这些元素上加cursor: pointer;
阅读全文
摘要:var x = 'outer'; (function() { var x = 'inner'; eval('x'); // "inner" })();var num=9;var retNum = new Function("$", "$=5+$;return $")(num);con...
阅读全文
摘要:functionHTMLEncode(html){ vartemp=document.createElement("div"); (temp.textContent!=null)?(temp.textContent=html):(temp.innerText=html); varoutput=...
阅读全文
摘要:var _absUrl = (function () { var a; return function (url) { if (!a) a = document.createElement('a'); a.href = url; return a...
阅读全文
摘要:外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。外边距合并外边距合并(叠加)是一个相当简单的概念。但是,在实践中对网页进行布局时,它会造成许多混淆。简单地说,外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。...
阅读全文
摘要:.myclass{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
阅读全文
摘要:设置父元素 overflow:hidden
阅读全文
摘要:1..myanimate{transition-property: left;transition-duration: .3s;transition-timing-function: ease}xxx.addClass("myanimate");xxx.style.left="500"px;这样写会...
阅读全文
摘要:1..myanimate{transition-property: left;transition-duration: .3s;transition-timing-function: ease}xxx.addClass("myanimate");xxx.style.left="500"px;这样写会...
阅读全文