模拟菜单选中效果

当被最接近的李彪元素或其子后代元素被点击时,会切换背景颜色,之前写这种效果用的removeClaa和addClass,今天发现了一个更简洁的方法。直接上代码吧!

<style>
    .pink{background-color: pink;}
    li{margin-top:10px;}
</style>
<body>
    <ul id="box">
        <li>第一行</li>
        <li>第二行</li>
        <li>第三行</li>
    </ul>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script>
        //菜单点击标识 clisest从当前元素开始向上遍历
        $(document).bind("click",function(e){
            $(e.target).closest("li").toggleClass("pink");
        })
    </script>
</body>

more >>

json.parse()和json.stringify()

parse()

字符串解析为json对象单引号写在{}外,每个属性名都必须用双引号

var str = '{"name":"jone","age":"18"}'
JSON.parse(str);
//结果
name:"jone",
age:"18"

stringify()

对象解析成字符串

var a = {name:"jone",age:"18"}
JSON.stringify(a)
//结果
'{name:"jone",age:"18"}'

2017年的一天

公司年中团建结束,这两天想的最多的是如何提升效率,工作上的,生活上的。

9点到公司,时间一晃就过去了,今天特别留意了自己的时间分配:

9点-10点:打开项目,代码整理更新,昨天的代码提交。中途后台需要一个年龄的小图标,然后又去找图标,口头确认是否满意

10点-11点:开会了解新需求,会议15分钟,回到工位了解需求,需求整理中途遇到问题又花了10分钟,与ui沟通为什么要这么做,在组长沟通为什么要这么做

11点-12点:收到UI提供的切图,ui反馈的背景图没办法按照效果图实现,思考想办法解决。

心情十分烦闷,基金会又有前端bug需要调试,羽毛球签到又有显示问题,aed网点需求今天已经在开始算开发工期了,现在11点05分,再去上个厕所回来,11点10分,把音乐调到听不到外界声音为止,终于可以开始专心写代码了。

然后12点又要开始吃饭了

more >>

localStorage和sessionStorage的用法

  • localStorage:没有时间限制
  • sessionStorage:针对一个session的数据存储,关闭浏览器即被清除。

localStorage属性

不涉及到登录业务时采用此存储方式,有存储定有值。

localStorage.setItem('openid','aaa');
localStorage.getItem('openid');//aaa

sessionStorage属性

后台登录管理系统,必须从登录页面跳转实现,登录页面存储,后面页面取值。即实现登录功能。有存储重新打开无值。

sessionStorage.setItem('openid','aaa');
sessionStorage.getItem('openid');//aaa

select下拉值的选取

select的下拉框的值一般通过value直接获取就可以,但在项目中遇到了需要设置特定选项的选取,这时可以采用 selectedIndex 属性。

直接获取

js方法

var obj = document.getElementsByTagName('select')[0]; //select
obj.value();

jquery方法

var obj = $('select');
obj.val();
//或者将fn()绑定select节点的onchange事件
function fn(){
    var obj = $('select');
    var text = obj.find('option:selected').text();
    var value = obj.find('option:selected').val();
}

more >>

小彭子 <br> 记性不太好的<br>前端开发妹子一枚 <br> 博客记录前端知识学习<br>笔记和平时生活七七八八