大牛帮忙看一下JS代码大牛 一个按钮不同手机点击跳转不同链接

来源：蜘蛛抓取(WebSpider) 时间：2018-05-17 08:15 标签： 代码大牛

著作权归作者所有，转载请联系作者获得授权。

我不是大牛，只是介绍一点微小的人生经验。

我开始学前端，是w3cshool上的最基本的html、css和javascript教程，刚学完这些的时候其实也就入了个门，事实上连个毛都写不出来。“学以致用”，这些基础的知识，可能很多当时看的时候并不太明白，但是以后你碰到了具体的问题，再回想的时候，你就会恍然大悟，“原来如此”。

后来我在我的毕业设计上，需要用到一些前端操作，那个时候我主要用的是Bootstrap和jQuery，学完这两个东西你就能比较简单地写出一些还算好看的、也能动起来的页面了，不像前面那些东西，学了半天还是只能做一些很丑的页面，即使是实现一些基本的dom操作和ajax请求都很麻烦。

后来我实习了，刚开始学AngularJS的时候，它的双向绑定，前端MVC，真是让我惊为天人，简直太特么好用了。你要是前面的路都走完了，来到这里的时候你就会发现其实基本的html、css、javascript也就真的只是个基础，不一定要学得一字不落的，前端的发展日新月异，每分每秒都有很多新鲜的东西发明出来，虽然这有重复造轮子的嫌疑，但是这些新技术确实体现了现代化的软件开发思想（毕竟js是一门设计时间很短、也很不完善的语言）。

现在我主要用React+Redux+ES6写前端，感觉真是爽飞。而像gulp、webpack这些工具，其实只要稍微了解一下就行了，我个人的css不算好，所以对css方面不算太了解。

Apress出的书其实都蛮好的，例子很多，讲解又深，我推荐这几本



至于电子书的下载地址，你用谷歌搜书名就都找得到。

我个人主要的路子就是以上这样的。其实我前端的基础并不算太好，全都是自学。但是这世上很多事情，要都想等到万无一失的时候才动手，那就什么都干不了，所以学得差不多了就赶快用起来，不要拖不要等，用着用着，你就会发现，也就这样，没啥大不了的。

【专家专栏】链接提交-js代码推送进化版

关于链接提交中的js代码推送，今天曲曲小姐姐特邀专家马骏，为大家分享。

百度站长平台提供链接索引的自动提交JS脚本已经有一段时日了。用百度自己的话讲：JS链接推送代码以网页为最小对象，服务于全平台多终端，PC站和移动站均可使用。安装代码的页面在任意平台（浏览器、微信、微博）被加载时，页面链接会被第一时间推送给百度，从而提高站点新内容的发现速度。

是不是很神奇？我们再来回顾一下，这代码长成这样：


（百度JS链接推送代码）

只要把这段代码放入你的每个页面中，每当用户访问这些页面时，就会通过这段脚本从百度下载一个1x1的gif，同时记录页面此时此刻的URL地址。

自动推送脚本的性能考虑

通过这段脚本我们可以看出：

1、它先是判断了目前的协议类型是https还是其他类型（如，http，ftp等）

2、然后下载了百度官方的一个js文件

3、再然后它将js文件的内容生成一个脚本块插入到当前页面中

4、最后会运行这个脚本块

我们可以访问这两个js文件查看其内容，也就是短短的一行。它会读取这样一个gif。

这里我们可以发现两个问题：

  • 其一是这段脚本先后会调用两个百度资源，这造成了冗余，不利于页面加载速度。

  • 其二是该脚本会提交目前URL，但是许多URL会是动态URL，会带各种参数。虽然百度爬虫也有自己的判断方法，但无疑这增加了其负担。

于是，为了解决这两个问题，笔者咨询了好友柴云翔同时是前端开发的大牛。在大牛的帮助下，我们有了下面这个改良版本。

改良版本的百度索引自动推送脚本

这个改良的脚本长下面这样，如果你对js一窍不通，那么请用下图<script>...</script>部分（行6~30）替换原来百度官方的代码。


（改进后的百度索引链接自动提交脚本）

在上图中已加入了注释，下面开始代码解说。

  • 这个新脚本的作用是多了一步查看页面的canonical URL的步骤。我们知道canonical属性表示该页面纵有千种URL的花样，请搜索引擎只认准href中给出的URL值。这样一来就不会让搜索引擎为了同一个页面（或许已经索引了）多次检查你的推送页面具体内容。

  • 这个新脚本的另一个更改是直接将上述两个js的内容拿了出来。由于这两个js中的代码其实是静态的，每次都去调用并不必要。另一方面，我们需要对r的值进行更改，将它更改为canonical URL的值，因此这样解决了我们上面的第二个问题。

自动推送是一个很实用的方法，它门槛低，容易部署，但是也有一些小问题。本文只是提供了一种方法来改进自动推送的效率和效果。

需要注意的是百度随时可能更新这两个js文件的内容，虽然该功能上线后一直没有更新不代表以后不会更新，因此需要手动及时更新代码。


我要回帖

更多关于 代码大牛 的文章

 

随机推荐