企业网站建设

建站知识

今日已发布信息: 51165
累计注册用户: 75913693

jquery获取窗口高度的技巧及判断scroll滚动究竟部

窗口的高度

概述: 代码:<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){   $(".btn1").click(function(){     $("div").scrollTop(100);   });   $(".btn2").click(function(){     alert($("div").scrollTop()+" px");   }); }); </script> </head> <body> <div style="border:1px solid black;width:200px;height:200px;overflow:auto"> This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. </div> <button&

 

  漳平自助建站系统  超导暖气片厂   今日推荐免费建站   分类信息   珲春网站建设公司

 

>$(window).height()     获取的是当前可视窗口的高度,也就是用户能看到的窗口的高度,是不变的(在窗口大小不变的前提下)
$(document).height()  获取的是窗口内文档的高度,这个高度随着文档内容的高度改变而改变


当窗口滚动条滚到最低端时,$(document).height() == $(window).height() + $(window).scrollTop()。
当窗口内文档高度不足浏览器窗口高度时,$(document).height()返回的是$(window).height()。

$("body").height()   如果body没有border、margin的话,$("body").height()==$(document).height(),但是还是不建议使用这种方式去获取文档内容高度

PS:如果你发现$(window).height()值有问题,返回的不是浏览器窗口的高度,那么看看是不是网页没有加上<!DOCTYPE>声明


滚动某个div中内容的情形如下

代码:

<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){   $(".btn1").click(function(){     $("div").scrollTop(100);   });   $(".btn2").click(function(){     alert($("div").scrollTop()+" px");   }); }); </script> </head> <body> <div style="border:1px solid black;width:200px;height:200px;overflow:auto"> This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. </div> <button class="btn1">把 scroll top offset 设置为 100px</button> <br /> <button class="btn2">获得 scroll top offset</button> </body> </html>

当滚动条滚动到底部时,此时$("div").scrollTop() = 394px   $("div").height()为div的高度200px不变

 

从谷歌优化圣经所得到的SEO启示1

 

  虽然Google优化圣经已经是很早的文章,但每当看到时就会有新的收获和发现,可能随着自己接触网络的时间越来越长,对一些事情的看法也悄然的发生着变化。所以今天再度阅读优化圣经,又引起了很多思考,同时也学到了非常多的东西,故拿来与大家分享我的看法。可能文章有点长,需要分开来发。

  100页高质量内容

  网站归根到底要靠内容,只有高质量的内容才会引起读者的兴趣和共鸣,一些可有可无的内容不会得到用户的垂青和赏识,因此网站更新内容,一定要更新对用户有价值的内容。麦文文认为一篇高质量的内容要胜过10篇泛泛而谈的内容。当然100页高质量内容并不是我们的终点,而仅仅是个起点。

  有品牌潜力的域名

  域名就是网站的一张名片,一个好的域名非常利于用户记忆与传播。一些难记、长度长的域名不会让用户感兴趣,更懒得在地址栏中输入,对于用户而言,能简单就尽量简单,只有价值有创意,就是成功。至于域名中包含不包含关键词,这个不算太重要。

  网站越简单越好

  如果站在搜索引擎的角度,一个网站能为搜索引擎做的就是让蜘蛛爬取更加的顺利,争取花最少的时间可以爬行和收录最多的页面。这样同时对用户来说也非常重要。如果网站过多使用js、图片、flash等,影响的不仅仅是加载时间,也最终会影响到用户的情绪,从而让客户白白流失。

  网页大小要适中

  网页最好越小越好,保持在5k以上,10k以下。虽然有时候这个很难做到,但是我们一定要朝这个方向去努力。好好想想网页上哪些是可以减少的,哪些是可以丢掉的,这样的一个功能留在页面上是否弊大于利。如果这个问题想清楚了,对于一般的中小型企业或者个人网站,应该为页面减减肥。

  内容的持续更新

  内容的持续更新一边是为了你现在或者未来的用户,另一个方面是为了搜索引擎的爬行和收录。对于用户而言,你不可能知道他会搜索引擎什么样的关键词来到你的网站,所以尽量多准备一些相关的关键词,并进行深入的挖掘和研究,以这些词作为中心进行发散思维。这对网站的整体发展是有利而无害的。

  “位置和密度”细节

  现在搜索引擎越来越智能化,比如可以发现错别字,具有纠错功能。所以在文章中尽量不要有错别字,不要以为搜索引擎只是一个程序,做SEO最好不要抱有侥幸心理。同时,还有老生常谈的内容,在该使用标签的时候一定使用标签,在该注意网址URL的时候一定要注意网址URL。H标签和静态化的URL真的是非常有用,真的。

  记得导出链接

  导出链接也非常重要,特别对于未来而言。在适当的页面上都链接一到两个排名高的网站,在链接中加上关键词,这不仅仅方便了用户的浏览,同时也方便搜索引擎对你的内容和主题进行判断。有些站长不太舍得做导出链接,感觉这样会浪费权重,其实不然,合理的导出链接会增加你网站的权重。

  站内链接分享PR

  站内链接对于搜索引擎最大的作用就是分享权重和PR,一个网站之间会有相关的频道或内容,把相关的频道链接起来,这样对于Google而言就会分享页面的PR值。同时站内的锚链接也能提升关键词排名,特别是一些长尾关键词,效果非常不错。因为通过站内链接,可以把高权重值流向低权重值的页面。

  好了,今天先把前八个启示写出来,总共有26点,希望看完这些之后站长明白自己的网站有哪些不足,或者哪些地方需要改进。如果有好的想法或与你理念有冲突的地方,也欢迎加Q群155395753交流讨论。

学会长尾原理能让站长实现快速赚钱的思考

  说到长尾原理相信大家都有点熟悉,较真的解释就是瞄准当前市场里面的某些群体,这些人群虽然少,但是也能够构成一个成熟的市场,但是很多人并没有针对这个群体提供良好的服务,而长尾原理就是为了提供给这些小群体的服务,从而获得这些人的利润。换句话说就是将市场进行细分,然后重点经营这个细分的市场,给这个市场提供良好的产品和服务,自然就能够让你成为这个市场的领军,从而获得利润!可见长尾原理是非常合适我们中小站长的,我们的精力有限,而经营一个细分市场的网站,那还是有时间和精力的,而且也能够做好,这样就能够扩展这个市场,从而从这个市场里面获得财富,不过长尾原理看起来很有用,但是在真正实施的时候一定要有变化才能够发挥长尾原理的作用,下面我们就来分析如何吸收长尾原理的精华!

  首先是利用长尾原理来分析自己能够掌控的细分市场

  因为长尾理论的核心部分就是细分市场,这部分很多人忽略,但是却有着非常强力的需求,而我们如果能够挖掘出这样的细分市场,那么自然是很容易成功的,不过细分市场如此之多,你不可能把每个细分市场都做到位,很多的细分市场也并不适合你,因为有的细分市场需要非常高的技术门槛,而你一旦不具备,你即使加入到其中,也往往得不到这个市场用户的认可!所以我们就要学会利用长尾原理的精华,一定要挖掘出自己能够掌控的细分市场,比如你对当地的人文环境非常的熟悉,你就可以做一个地方类的网站,如果你对某一个专业非常精通,那么你就可以做这个专业类的网站,从而在这个小而精的市场里面获得财富!

  然后就是开拓小市场,做出独特的优势

  当发现自己非常合适这个小市场之后,下一步自然就要开始制定发展的措施了,毕竟对于一个细分市场往往不会就你一个人在做,或多或少都会遭受一定的竞争的,此时就一定要发挥自己的优势,想办法将自己的网站做成特色网站,从而获得更多的用户捧场,从而将这个市场转化为利润,比如很多人做淘宝客或者开淘宝店,但是很多人就没有想打给这些淘宝客或者淘宝店这些掌柜的提供服务,给淘宝提供第三方的服务,笔者的八路铺就想到了这个长尾,利用长尾理论为这方面的小市场做好服务,从而也能够获得不错的利润,大家可以通过我的思考举一反三,肯定想办法把自己的网站做的很有特色!

  最后就是持续而不断的推广,将市场转化成利润

  咱们做网站不是为了公益,更多的是为了赚钱,因为现在运营一个网站的投资也越来越多的,网站的建设费用就不说了,很多推广的费用是没有办法省的,动辄几千几万的投入,如果没有回报,那真的是大公无私了,这些和我们个人站长无缘,所以我们更多的还是需要通过持续而不断的推广,将更多的用户拉到我们的网站上,通过良好的服务,让大家心甘情愿为我的服务买单,自然就能够让网站获得一定的利润!

  最后的总结:当你做网站感到迷茫,那就要立刻拿起长尾原理的武器,让自己找到合适的细分市场!

一个搜索引擎优化人的自白

  学了计算机应用这一行业,并没有想着自己将来会从事SEO这一行业(当初根本不知道SEO是干什么用的)。毕业后被网站编辑这一职位所聘用,一开始觉得很幸运,因为现在能找到对口的工作很难,工作一两天之后,有了一种失败感,因为初认识SEO就是简单的粘贴与复制,添加资料,发发博客等。时间长了,接触的东西多了,觉得SEO是挑战,是个你一开始很盲目不知道SEO是做什么的,到最后知道做什么却又无从下手的行业。现在感觉SEO是个细活,是个在互联网的任何角落里都能做文章的行业。

  你可以从开始建站就做SEO,直到网站逐渐成熟到被大家所熟知,在这期间你要做的SEO工作很多,网页布局的优化,网站建设方案的优化,关键词的优化,页面内容的优化,网站地图的优化,固定栏目的优化以及一些细节的优化 ,这些都直接影响到网站在用户心里的整体形象,现在觉得SEO这一行业很伟大,如果没有它,那么谁会去挣百度排名,谁又会去理会PR值的大小及百度快照时间。

  其实每一行业都有它存在的价值,只要你细心去做,都会有收获,而不是投机取巧只看到眼前利益而把长远利益给葬送了。网站SEO就是一考研人毅力的工作每天重复着同样的事情,却要在内容上有一个别样的更新,这的确是没有相当耐力的人做不来的,SEO很简单,但是你却要为之做很复杂的工作。

在财付通任务的这两年

从毕业到现在,加入财付通这个大家庭已经快3年,中间经历了很多,有感悟,有反思,做个小总结~

工作岗位思考

入职前的职位是做前端开发CSS+JS,但在腾讯这样的大公司,有不少部门把前端开发划分为 web 前端开发(工程类 JS 方向)和页面重构(设计类 css 方向),分得细显得更专业,大家各司其责,效率也比较高。后来我被安排到页面重构的方向,主要写 HTML 和 CSS 代码,个人觉得非常简单,其实当时有点不愿意,考虑到才刚毕业,抱着学习的心态,很快融入了重构的道路。

入职开始半年(11年下半年),主要是发广告,广告最大的特点就是要及时响应并发布上线,经常时候一个人对着4~5个产品经理,每天被催着发广告,你一句他一句,说广告紧急.....,那时候压力挺大的,心态不是很好,激情也渐渐降低,有点抱怨。这半年让我学习最多的是如何顶着压力~

在12年,重新调整了心态,和前端的同事一起合作,完成了财付通广告发布系统,把广告接入系统后,交给产品经理去自助发布,给自己减少这份压力,也为团队节省每周3~4天发广告的工作量,那时候才感觉到自己的价值。脱离发广告后,开始了财付通小钱包重构,由于历史原因,旧的页面和框架十分复杂,有些问题甚至是解决不了,但我反而不觉得有压力,相比发广告,更喜欢这样有挑战性的工作,开始独立做项目,期间做了一套小钱包样式库来提高开发效率,半年多完成了大大小小的项目20几个,看到线上的很多页面还有我的足迹,挺自豪的。这一年最大的进步是改善工作态度,并总结了一套自己的工作方法。

在13年,离开了小钱包,鬼哥安排我到移动端项目组,那时候非常兴奋,心想可以完全使用 HTML5 和 CSS3 啦,不用为 IE6、7 的 bug 折腾了,但是做移动端并没有想象中的那么容易,遇到各种手机设备的兼容、微信的各种坑,从上半年的H5页面到下半年的微信支付的项目,过程是比较辛苦,经常加班加点边学习边做项目,在业余的时间推进形成移动端视觉设计规范和重构规范,并在移动端性能优化方面也取得了突破,如 png8 apha 的使用、碎片图、iscroll4 框架等,也因此获得“优秀员工”的称号。这一年更多是对个人发展思考,有时候做那么多事情,还不如停下来想想做这件事的意义是什么,勤反思可能有不少的感悟。

从发广告到小钱包再到微信支付的过程大致这样,除了写基本的代码外,在公司这样的环境下,还注重多方面的能力,如页面性能优化、沟通能力、解决问题能力、方法论建设、工作流程优化等,对不同职级的员工要求不同,而这些能力直接关系你的晋级和薪水。那么,除了基本的项目外,在课余时间通过学习新知识,在团队内做分享等提升能力是非常有必要的,跟我刚入职以为只是简简单单写 HTML 和 CSS 代码的有很大差别,并不是说你的职位是重构就一定只会 CSS ,重构之外还有很多可学习的,重点是对自己的定位要明确,知道自己想要什么,找到自己的兴趣。

产品成就感

说到产品成就感,当自己很用心做好一个产品上线后,看到有海量的用户访问并使用你做的产品,自己会觉得这份工作非常有激情,并不只是单纯的为了这份工资,这样的驱动比责任或者产品经理的要求更为好。如果项目组存在这样的氛围,团队合作起来非常开心,做“自己”的产品,大家都很自觉,花更多心思在它身上,如今年的微信 AA 收款项目,项目团队花了很多心思,探索多种方法来提升产品的体验,减少了 HTTPS 请求数、模拟触摸体验等,经过N个版本的迭代优化,产品最终上线得到好评并获得公司级微创新二等奖。

在公司里,并不是人人都能做自己喜欢做的产品,有时候分配自己不喜欢也得做,可以这么想,把产品分为“公司的产品”和“你的产品”去思考,那么做公司的产品,做到尽职,做自己的产品,除了尽职之外,还有用心。

为晋升做出改变

每半年结束前,鬼哥会提前发起考核,团队主要以项目需求、服务支持满意度、团队贡献为衡量标准,通过量化行为验证结果,也就是说用真实的数据说话,例如完成了某项目,优化了某流程,提高工作效率125%,每周节省1天工作量等,最终的分数由网站PM、leader决定。考核的结果直接关系到你的职级晋级、年度调薪、年终奖金,跟自己切身利益相关。平时工作中除了完成正常的需求以外,个人能力的提升和团队贡献是必不可少的,举个例子,在公司正常流程的晋级 T3 需要进行通道面试,面试条件包括做一次以上的部门级或者公司级分享,做技术的同学表达能力通常比较一般,就算储备分享的内容非常好,上台分享难免会出现紧张、忘词而导致表现不佳。那么,提升自身的表达能力、语言组织能力、分享技巧等对晋级成功是有很大的帮助。记得刚入职的半年,那时候在工作上遇到了问题,心情比较低落,鬼哥找我一起吃饭,有一句话印象很深:想混得更好,就要做出改变。

我的表达能力比较差,上台容易紧张,更何况并未参加过公司的晋级面试,只希望将来能一次通过。这2年自己也多次尝试在团队内分享来提升自己,经过努力也有取得一点进步,虽然现在上台还是紧张,但方法还是可以分享下:

多参加别人的分享,学习别人分享的技巧,尝试换位思考

分享的PPT最好带有幽默的内容,例如一张搞笑的图片可以提升现场的气氛,缓解自己紧张的情绪

对你演讲的PPT非常熟悉,最好提前1-2天做好,上台前演练下2-3遍

台上带着笑容,眼睛望着观众,可以是某一个对着你笑或者你很熟悉的人,这样会提高你的自信

分享过程中准备几个问题,也是可以缓解自己紧张的情绪

放低心态

工作中会遇到不如意的事情,如考核不理想、觉得能力不如别人好、工资没有别人高等,相信很多同学都经历过,好与不好通常是对比产生的结果,可以说这是件好事,有竞争才会有进步,但别花太多的精力去思考跟人对比,容易心急气躁,要么就是自悲,最坏的结果是对工作失去激情。

之前有个朋友跟我聊天,说到自己跟同事合作上遇到的问题,别人没有配合他的要求,项目完成结果一般,考核不理想,没有别人做得好,导致心态差,怀疑自己的能力,甚者是觉得不适合这份工作。安慰别人最好的办法是说得自己更可怜,当然我没有这么做,就简单说了自己当年入职时候的也是混得一团糟糕,并适当的给他鼓励,叫他别想太多。其实他比很多人强,只是喜欢与别人对比,可能这次的对手比较牛,只能说看开点,凡事尽力就够了,何必勉强。

我喜欢玩dota,经常遇到比自己牛逼N倍人,被虐得像狗一样,难道我要摔键盘么,只能放下心来看看是不是哪里做得不如别人好,哪方面存在不足可以改进,学习别人好的方面,才有进步。每个人都不一样,你有你不一样的东西,不一定是技术,可以是有自己方法论,或者是你烧得一手好菜。

珍惜

这2年家里发生了很多的事情,在12年底我成家了,完成了父母的心愿,自己也挺开心的,本以为是好事的开始,没想几个月后我的父亲生病离开了,很受打击,对自己十分自责。

人一辈子仅有一次,走了就只剩下回忆,多珍惜身边的亲人和朋友,虽然出门在外打工不容易,偶尔一个电话、一条短信,简简单单,满是关心。

最后

http://zp.kvov.com.cn/jzxx33557.html

今日推荐知识库
解梦
梦见看别人打网球,预示生活愉快,感情幸福。
经典语录
追随我的好奇与直觉,大部分我所投入过的事务,后来看来都成了无比珍贵的经历!
语录
向往天空的,都是寂寞的。
语录
我真怕我给你的是心,你还我的是刀子。友情也好,爱情也罢。
语录
我拉住爸爸的手往院子里走,等我们来到脸盆前,小白兔却不见了,只看见水面浮着一层白色的蜡油。看到这种情景,我“哇”的一声哭了,爸爸却笑了。爸爸把我抱在怀里,用亲切的口吻对我说:“傻孩子,这只小白兔是用蜡做的,不能用热水洗的。”我似懂非懂地点了点头,说:“你明天再给我买一个,我玩脏了就用冷水给它洗澡。”爸爸点点头,却又摇了摇头,没有说什么。