小说项目最后一周遇到的问题

今天是五一劳动节了，放假一天，虽然是放假一天，但是小伙伴们却都早早的到了啊，都太卷了，这一周没上周失误的多了，不过还是有几个失误的点。总之一切都在慢慢变好吧！这个项目快结束了，剩下几个交互的地方了，争取快点弄完，赶快去测试bug，美化页面！接下来看看这周遇到的几个问题！

1，写到一个小说内容输入框的地方，一开始用的是textarea，但是感觉有的麻烦，就去找了一下别的方法，发现：

可以将p，div等一些元素变成是可以编辑的，这个比那个textarea好用多了啊，另外他没有paceholder属性，可以给它自定义一个css

 div[contenteditable]:empty:before{

​        content: attr(placeholder);

​        color: #CCCCCC;

​      }

​      div[contenteditable]:focus{

​        content:none;

​      }

//直接用div或p就行

 <div contenteditable="true" placeholder="请输入章节内容"></div> //html里面像这样就行了

2，还有就是我们小说页面之间的连贯用到返回上一个页面，一开始还以为要再用一window.location.href呢，然后突然想到了a标签上的herf有办法弄哎

<a href="javascript:history.go(-1)">返回上一页的</a>

<a href="javascript:location.reload())">重新加载页面，本地刷新</a>

//还可以将上面两个合并使用
<a href="javascript:history.go(-1)；locaation.reload()">返回上一页的,重新加载页面，本地刷新</a>

3，以前写提示框的时候我都还要写一个阴影盒子，现在我终于悟到了，还可以不用写防止冒泡事件的产生的js了

$(document).mouseup(function (e) {
    var area = document.getElement('area');   // 设置目标区域，点击该区域下面的代码不发生
    if (!area.is(e.target) && area.has(e.target).length === 0) { //点击非area区域下面代码才执行
        // rule_aces.style.display = 'none'
        enlarge_font.style.display = 'none'
        warnpushs[0].style.display = 'none'
        warnpushs[1].style.display = 'none'
    }
})

一起加油，下次考核顺利！！！