摘要:
在以往的认知中,一直以为用原生JS写轮播是件很难得事情,今天上班仿照网上的写了一个小demo。小试牛刀。 大致效果: html结构很简单,两个列表,一个代表图片列表,一个是右下角序号列表。 布局的大致想法是图片全部绝对定位重合,透明度为1,右下角序号给选中的添加样式。样式都很简单。 关于JS方面,自 阅读全文
摘要:
本篇文章转载于http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html,原作者阮一峰。 网页布局(layout)是CSS的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。 阅读全文
摘要:
今天谈一个小知识点,三元运算符。三元运算,顾名思义会有三个要素,表达式的大致组成为condition ? expr1 : expr2;一个语句加两个表达式。问号之前为判断语句。如果为真,则执行第一个表达式,如果为假,则执行第二个表达式。我的理解其实就是简化的if else语句,举个栗子,经常看到的一 阅读全文
摘要:
还是昨天的那个简单的小项目,已经花了一天的时间了 - - 。从&&的用法,到CSStext,到今天马上要谈的闭包(closure),通过一个小东西,真真发现了自己的各方面不足。昨天发完源码之后,自己手写一遍,还是碰到了一些问题,最主要的就是for循环中的闭包问题。 这是我之前的代码,大致就是这样: 阅读全文
摘要:
写在前面: 从事前端工作已有一年之久,因为工作的性质,不太涉及JS方面,所以自己的JS水平一直处于小白阶段,工作闲暇之余,在网上找了一些小项目,希望练练手,促进自己成长。这是第一篇,后续还会有很多记录自己慢慢走过来的路程,文章纯属记录自己的所思所想,谨个人想法,存在不足,欢迎指正。 项目介绍: 从最 阅读全文
摘要:
思路: 无序列表加载图片文件。用img标签加载一张图片作为占位符。当点击照片链接时,改变<a>元素的href属性。并且阻止浏览器的默认行为。 动态改变描述文字,在图片下方增加P标签。通过获取p标签内容,换成图片的title属性。 用到JS的DOM属性: childNodes:获取父节点下的所有子节点 阅读全文