前端经验分享之上传工具的使用和扒改网页

在竞价公司干快一年了，提升最大的两方面就是抗压能力和扒站改网页的能力，同行都清楚页面都是互相扒的。

抗压方面,不像网站开发人员，一段时间只做一个项目，安心按时把项目完成就行了，我会同时干几件事：

绑定域名：服务器下面的主机众多，你得听清楚是绑定哪个，绑定错了推广链接打不开；

修改网页：最多的是修改logo、导航、banner图、版权，听着很简单，但是网页被改过来改过去源码已经面目全非了，标签要么多一个要么少一个，你想把结构理清楚，no,根本没时间，户一下来马上就要页面，你得用最快的速度改出来，这对div+css水平的要求是很高的。有时候会让你复制某个去改，有时候会让你在源文件上修改，这两点在忙的时候一定要分清楚。一旦出错，就是大事。

微信号：户多的话可能会无休止的加微信号、下微信号，不仅如此，还会把这个页面里面的微信号下了放到另一个页面里面，给一批微信号是换还是加还是下都得听清楚。换错一个微信号，几分钟时间几百块钱就白花了，甚至更多，少一个标点符号微信号会加载不出来。虽然代码编辑器会报错，但忙的时候直接从服务器用记事本打开修改更方便，记事本不会报错，这就需要你足够的细心。

这几件事会同时交叉出现，再忙脑子得清楚，任何时候都得细心，一旦出错就是大错。

下面说一下我在ftp工具的使用和扒改网站方面的经验：

这是flashfxp上传工具，这是刚打开的界面，我们注意看左上角的框，默认位置并不是在桌面，很多人下载文件喜欢把此处的位置调到桌面，从右上角往左一拖，文件就到桌面了，这是一种错误的做法。如果我们把文件改错了传上去覆盖了服务器原有的，连个备份的都没有，而不改变默认位置，虽然需要拖拽两次文件才能到桌面，但默认的位置还有一个备份的，即便是有失误，也是有备无患。

也许有人会觉得这个无关紧要，但经验就是经验，因为经验不会出错。

扒改网页方面我以两个案例来说，请看案例1：

首先我提供三样东西，一个by9的文件夹，一个juda的文件夹，一个相关链接www.slsjk.net/by9（链接是竞价页面的链接，可能会失效）。

要求：在by9的基础上修改，把juda里的头部和版权加到by9页面，也就是下面我截图的部分：

我把这三个东西的下载链接提供出来，感兴趣的朋友先不要看下面的经验，先改，如果你能在30-50分钟之内改完，说明你的div+css已经处于中上等水平了。

案例1下载链接：https://pan.baidu.com/s/1bWXRT8

这个案例的难点在于你用代码编辑器打开by9的页面看到的三个js文件全是远程文件、css文件也不在本地磁盘上，logo图片的路径明明是对的，就是不出来。这个时候你就应该想到查看原页面了，打开相关链接www.slsjk.net/by9，右键查看源代码，点开360/home.css,可以看到两串代码@import url(index.css);@import url(main.css)，到这大家就应该知道怎么修改了，把这个网页扒下来找到这两个css文件，这两个文件才是修改页面样式的，扒下来之后你会发现main.css也没什么用，真正有用的是index.css，但是用外部样式也起不到作用，把index.css里面所有的复制换成内部样式就起作用了，到此也就没什么难度了。

做by9页面的人在网页防扒上是下了功夫的，但我想说网页真没必要去做防扒，千辛万苦做防扒，还不是分分钟就扒了，就是扒不下来也可以写一个一模一样的，无非花点时间而已。

案例2：同样提供两个文件夹，一个daoli，一个cs

要求：daoli里面下面截图的部分加到cs里，cs里原来的首页不动。

案例2下载链接：https://pan.baidu.com/s/1c15P04o，感兴趣的朋友，同样自己改不要看下面的经验。

从图中可以看出提供的东西都是用浏览器扒的，比如复制index.html，index_files文件夹也会跟着走，要求cs里面原来的首页不动，但你把chanpin.html、gongsijianjie.html和lianxiwomen.html以及他们的文件夹复制到cs里后再打开页面是乱的

通过查找我发现这三个页面里面有样式在index_files文件夹下，这个时候你再去把index_files文件夹复制过来就大错特错了，因为index.html跟着index_files文件夹走，复制过来系统也不提示是否重复，直接就把原index.html覆盖，Ctrl+z，那就更错了，会直接删除index.html和index_files文件夹，之前首页修改的都没了！

我们要做的是新建一个文件夹，把index_files里面的东西复制进去，然后修改复制过来三个页面里样式的路径，如此，所有页面打开正常显示。

技术这个东西多练才可以提升，做的东西越多遇到的问题就越多，解决了这些问题，技术自然而然会得到提高，这也是“工作锻炼人”这句话的由来。

最后介绍两个自学的方法：

1.对于有时间的朋友，可以加几个群，去群里回答别人的问题，有把握的给个承诺多长时间内解决，逼自己加快速度解决，提升技术；没把握的也接，不会解决的找人解决，别人解决了向人家请教，如此，也可提高技术。

2.对于没时间的朋友，像我一样做一个技术博客，做博客本身可以提高技术，博客做好之后坚持发文章，文章可以发自己不熟练的，边发边学，学会了再发，一举两得。