When the whole world is about to rain, let's make it clear in our heart together

热爱前端开发，专注于前端

文章分类 -  JAvascript

闭包的写法
摘要：// for(var i=0;i<data.length;i++){ // var eles = document.getElementsByClassName('a_priceList'); // (function(i){ // eles[i].onclick = fun... 阅读全文
posted @ 2017-06-14 09:37 婷风 阅读(209) 评论(0) 推荐(0)
jquery中的$.extend（）详解
摘要：参考文章： http://www.cnblogs.com/RascallySnake/archive/2010/05/07/1729563.html 正则去掉括号里面的文字 '襄阳(中国) 杭州（中国）'.replace(/[(（][^)）]*[)）]/g, '') 阅读全文
posted @ 2017-02-16 10:14 婷风 阅读(202) 评论(0) 推荐(0)
js注意的细节问题--onscroll事件
摘要：做页面的时候可能会用到位置固定的层，读取 document.body.scrollTop 来设置层的位置，像这样：­ window.onscroll = function (){ var oFix = document.getElementById("divfix"); oFix.style.top 阅读全文
posted @ 2016-05-10 11:00 婷风 阅读(2572) 评论(0) 推荐(0)
定时器和parseFloat的细节原理
摘要：parseFloat()运行原理是： 逐个读取字符串中的字符，当它发现一个非数字符时，就停止。如果出现多个小数点的情况，则非数字符就是第二个小数点。（比如：1.4.5版本的数字符） 定时器的理解：是多少秒后加入执行队列，而不是多少秒后开始立即执行。 阅读全文
posted @ 2016-05-04 16:01 婷风 阅读(177) 评论(0) 推荐(0)
面试的一些基础问题
摘要：如果使用display和hidden则变为下面这样： <ul> <li style="display: none">1</li> <li>2</li> <li style="visibility: hidden">3</li> <li>4</li> <li>5</li> <li>6</li> </u 阅读全文
posted @ 2016-03-31 13:25 婷风 阅读(176) 评论(0) 推荐(0)
选项卡的制作
摘要：今天做了一个选项卡，实现界面如下：鼠标移入不同导航中，出现不同的内容 代码设计部分如下： <html> <head> <meta charset='utf-8'> <title>选项卡</title> <style> * { padding: 0; margin: 0; } li { list-st 阅读全文
posted @ 2016-03-06 13:05 婷风 阅读(224) 评论(0) 推荐(0)
淘宝购物车
摘要：今天做了个淘宝购物车的界面；界面如下： 代码如下： HTML部分： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title></title> <style> *{ margin:0; padding:0} body{ font:12p 阅读全文
posted @ 2016-03-06 13:05 婷风 阅读(184) 评论(0) 推荐(0)
简易日历的做法
摘要：<html> <head> <meta charset='utf-8'> <title>简易日历</title> <style> .div1{ width: 280px; height: 500px; background: #ccc; margin-left: 300px; } .div1 ul{ 阅读全文
posted @ 2016-03-06 13:04 婷风 阅读(302) 评论(0) 推荐(0)
小图大图切换技巧
摘要：今天做了个大图小图切换的效果，出现很多问题，总结一下，制作该效果的逻辑。这个代码好像是目前写的最长的一个。如果碰到多个属性共用一个效果的时候，需要将其封装为函数的形式，直接调用，牢记各种方法的作用。 js部分代码如下： <script type="text/javascript"> function 阅读全文
posted @ 2016-03-06 12:16 婷风 阅读(436) 评论(0) 推荐(0)