zoukankan      html  css  js  c++  java
  • 八月份总结+项目总结

    八月份主要在看权威指南,还看了javascript语言精粹。发现一个问题,看了之后在实际工作中应用太少。主要可能是因为原生的js相对来说比较难一点。很多工作中遇到都是MVC中C层的东西,直接调用M层的东西,自己写M层的太少,或者直接用其他库,比如jQuery。很多具体的功能,用jQuery可能很简单就实现了,事实上,我工作中遇到问题也都是用jQuery来解决的。

    一直在纠结一个问题,我们公司用的是mootools库,然后我看了公司一些base层的代码都是用原生的js写的。很多同事在解决问题的时候要么调用一些base层和其他层的一些方法,要么用jQuery,也没见他们用mootools啊。这其中到底有什么关系呢?一直没明白mootools主要用在公司代码哪些地方。

    八月份还看了控制台的一些内容。现在百度,豆瓣都喜欢在控制台上玩一些东西。豆瓣在控制台上的内容是:喜欢看豆瓣的代码还是发现了什么bug?不如来豆瓣添砖加瓦吧!

    八月份还看了五月天的演唱会,参加了前端的一个峰会,都说html5是主流,前端的人可以朝那块发展。Js就是基础了,所以现在在补。也许是平时接触的太少,看了书没有很多机会实践,或者说不知道怎么实践?总感觉自己一直是在切图,填填smarty,有一些交互就用jQuery实现,自己压根和js没什么关系?更不用说移动前端,html5了。

    最近最的一个页面印象比较深。

    http://snowinmay.net/6rooms/html/jygsh.php#

    关于结构和js的问题。其实结构和js也是有比较密切的联系。因为js操作的都是dom元素,那么一个好的结构可以在写js的时候剩下不少时间和精力。

     所以又归结到html元素的语意问题了。理论上来说一个元素通过css的渲染可以实现所有的表现形式。但是我们不建议这么做,就像如果一个文档里面全都是div和span的话,那么css的样式内容肯定非常大,我们也不建议这么做。

     下面是一个小例子,如果结构写的符合语意,同时class按照规律来命名,那么写js的时候就非常方便。Tab中的命名最好和下面内容中有所关联,那么js操作起来也比较方便。

    小结:

    1.页面中如果是纯用于js操作的class可以用 J_ 开头。

    2.写结构的时候一定要根据语意来写,遇到一些特殊处理的时候,可以用class来归类。(而不是没有语意,完全用class来处理)

    3.原来对于右侧悬浮的导航纯粹用fixed来从右边定位,IE6则绝对定位。这样的一个问题是如果显示器分辨率过高的话,导航就会不断往右边走。所以需要用js来算出屏幕宽度,然后计算元素位置:

    var leftValue = pageWidth/2 + 490 +15;//pageWidth 屏幕宽度 ,980内容宽度,15右侧偏移 用于针对内容绝对定位
    var leftValueFixed = pageWidth/2 + 980 +15; //用于针对视窗 fixed定位,取左边的距离

    这样一来不管屏幕再宽,悬浮导航始终是跟着内容走,在内容右侧15px处。

    4.考虑导航滚动时的位置,当初始化的时候,导航的top值是180,鼠标滚动后,如果$(window).scrollTop()>100那么让元素变成相对视窗定位:

    $(window).scroll(function(){
    if ($(window).scrollTop()>100){
    $(".gsh_9nav").css({
    position: 'fixed',
    left: "leftValueFixed",
    top: "50px"
    });
    }else{
    $(".gsh_9nav").css({
    position: 'absolute',
    left: "leftValue",
    top: "180px"
    });
    };
    });

    但是这一来IE6就有问题了,所以不建议这么做。

  • 相关阅读:
    mysql 分页查询及优化
    Mabatis中#{}和${}的区别
    mybatis 缓存(cache)的使用
    mac下安装 rabbitMq
    maven profile动态选择配置文件
    在pom.xml中使用distributionManagement将项目打包上传到nexus私服
    ConfigFileApplicationListener
    【Ubuntu 16】安装nginx
    【Ubuntu 16】安装ssh
    使用XMLHttpRequest异步通信
  • 原文地址:https://www.cnblogs.com/snowinmay/p/3295985.html
Copyright © 2011-2022 走看看