JavaScript网页自动化,网页 自动化
Javascript网页内部链接好还是外部链接好？
javascript直接写在内部就不叫链接或引用了。
各有各的好处...
js写在内部减少了多个加载请求，在性能速度上是有提升的
写在内部或外链都对seo没什么影响，有两个前提：1.你没用js作弊隐藏内容、链接，2.主要的页面文本信息不要依靠js去生成(引擎爬不爬js和爬取效果未知，毕竟原理是主要爬html的)
外部方便管理和统一引用，但多了请求。写在内部有个麻烦就是可重用的东西你每个页面都要复制一次（当然你也可以区别对待，把可反复重用的js弄成引用），或者你有网易、新浪那种规模的网站管理系统，那么写内部也肯定是自动化生成到需要的每个页面中，不需要你去手工复制到每页的。
最后建议你统一放外部，你打开无数大站看看，外部加载的js还不是一大排，现在带宽下，js能节约的那几个字节，对一个小站来说，快那么0.02秒，根本没多大实际意义，还不如去把图片优化优化也许一张图就能节约几十K。个人觉得IP没上20万/天并且你的业务不是必须靠这个网站上的功能才能做的情况下根本没需要去折腾这玩意，这个不是一般个人小站、企业宣传官网之类的站点目前该考虑的重点，当然你只是技术学习研究的话可以积累经验，建议看看web压力测试方面的书...
网页设计涉及哪些课程
初级前端
主要学习三个部分：HTML，CSS，JavaScript
一、html + css部分：
这部分特别简单，到网上搜资料，书籍视频非常多。css中盒子模型，流动，block，inline，层叠，样式优先级等这些自学起来也是非常容易。最后再深入了解下浏览器差异性，ie9以下兼容简单了解就行了，ie9以下浏览器被淘汰掉是趋势，低版本没必要浪费大量时间去学习兼容主流浏览器，google chrome浏览器、firefox浏览器、safari浏览器、opera浏览器即可。浏览器差异内容很多，建议在实践中多多积累。
二、JavaScript部分。
1.基础学习：
难点，也是重点，要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，有很多比较抽象的概念，必须要深入理解，比如闭包、原型、面向对象、封装等，要理解透彻。看书是必不可少的，找一本优秀的js书从头到尾，反复研究学习，第一遍可以快速翻阅，大体知道了解概念即可，第二三遍就需要深入学习了。另外，js面向对象编程必须要学习，非常重要，个人推荐一本书， Stoyan Stefanov著，凌杰译的《javascript面向对象指南》。边学边练，实践出真知。
2.jQuery学习：
这些基础知识掌握好之后，还需要学jQuery，这是一个非常优秀的Javascript库，大型开发必备。它简化了Javascript的复杂操作，消除了Javascript跨平台兼容问题，提供了大量实用方法，有良好的文档和帮助手册，是一个非常成熟的Javascript库。慕课网学习视频幕课网。学习方法也很简单，照着产品文档做几个页面就行了，不用面面俱到，以后遇到问题查文档就行了。
大概流程就是这样，如下图所示：
3.进阶学习：
有了以上知识，对于大多数小型网站，你应该已经可以写出能够工作的代码了。但要想成为更专业的前端，你还需继续努力。更高的要求大概还有四方面：易维护，可测试，高性能，低流量（移动端）。
中高级前端
1.工具学习习：大型项目中，前端代码构建已经不是简单的压缩一下了，依赖管理、模块合并、各种编译步步不可缺少，需要学会使用grunt、gulp等前端构建工具，要学习的还有：包管理器bower、npm，代码优化CSS Lint、JSHint、JSLint，CSS预处理器less、sass,代码管理及版本控制svn、Git，web框架/服务器Node、Express，代码规范、HTML模块化、css模块化。如果你想学习JS可以加这个群：611-428-142，每天有免费的直播课程，有录播视频回放，有专业老师解答。
2.布局框架学习如Bootstrap。
3.新技术html5学习。
4.js框架学习，requireJS、 AngularJS等，往前端架构师靠近。
5.nodejs学习。
下图非常好的表达了高级前端工程师需要学习的内容：
到招聘网站，参考任聘要求，准没错，举例如下：
1.精通html和css，能制作符合W3C标准的静态页面；
2.精通JavaScript编程，对面向对象编程思想有深刻理解；
3.精通主流Javascript库/框架jQuery；
4.理解并掌握JavaScript语言核心技术DOM、BOM有Javascript性能优化经验；
5.对浏览器兼容性有深入的研究，精通各种浏览器问题 ；
6.了解Backbone.js、AngularJs等MVC框架并有实际项目开发经验；
7.了解等服务器后台技术和拥有一定的C#编程能力者优先；
8.对交互体验、可用性、用户体验有一定程度的理解；
9.有良好的责任心和团队合作能力、能承受较大的压力；
自己动手搜索下吧，确定目标和方向，以上是个人路线，仅供参考。
Auto js自动化脚本怎么在电脑上开发
刚开始学习开发脚本，在这里我会记录我学习脚本开发碰到的一些问题。Auto js可以直接在手机上编写脚本，但是这样肯定不顺手，速度奇慢。
还好有vscode这个插件?，下面就手把手教你怎么使用这个插件。
1. 准备工作
? ? - 电脑安装了vscode
? ? - 手机上安装了auto.js
2.安装Auto.js-VSCode-Extension插件
电脑上打开vscode，点击左侧红色方框图标，输入auto.js搜索，找到如图全称Auto.js-VSCode-Ext，点击install安装
3、安装完成后按快捷键ctrl+shif+p 然后输入auto.js:start server打开它
右下角红色地方点开可以看到Auto.js server running表明开启成功
4、手机上的auto.js连接电脑，输入电脑IP地址
提示连接成功就可以了
[自动化测试]Stale Element Reference Exception
之前用Robot Framework框架做web automation时，会碰到同一个case有时pass有时fail，fail的时候抛出stale element reference exception
关于这个异常，官方给出两个可能原因：
The element has been deleted entirely.
The element is no longer attached to the DOM.
我的个人理解是，无论是否借助框架，实际上的操作都是先找到这个element，然后对它进行操作（一般就是点击），在这两个动作之前，如果JavaScript把网页给刷新了，那么操作的时候就会碰到Stale Element Reference Exception。所以这个异常并不是每次都会产生，也不是你想复现就能复现。
在用Robot Framework的时候，因为是关键词驱动，自己操作的余地比较小（当然了，可以自定义库，但是如果要那样写脚本，还不如直接不使用这个框架），我就用了Wait Until Keyword Succeds这个关键字。
我在Robot Framework里用的比较多的是，进入一个页面后，Wait Until Element Is Visible，然后Click Element，所以我就把这一系列都定义为一个用户关键字，然后用Wait Until Keyword Succeeds来执行这个关键字，一共执行5次。通常在5次中不会这么倒霉每次都碰到Stale Element Reference Exception。
不过麻烦的是，这样的话，5次中，每次失败了之后就重新打开这个页面，然后再操作。
后来直接基于WebDriver写Python脚本，不再借用Robot Framework框架（因为Selenium WebDriver里面提供了更多操作，比如右击是Robot Framework关键字里没有的，而且在Robot Framework中如果想把鼠标停留在某个ELement上，在Chrome浏览器上总出错，也Google不到解决方案），又有了更好的解决方案。
假如某个element的xpath被我简写为s，最简单的点击这个element的方法是
driver.implicitly_wait(20)
driver.find_element_by_xpath(s).click()
但是如果报了Stale Element Reference Exception，就自己写个函数
将原来的操作driver.find_element_by_xpath(s).click()改成retryingFindClick(s)
这个函数的想法就是如果出现异常，就立即重新试，因为如果页面恰好在find和click中间被刷新了，不太可能很快就再刷新一次。不过如果页面刷新非常之快，那这个问题就没法解决了。
这个函数里虽然最多尝试2次，但是再也没有出过问题。相比之前基于Robot Framework尝试5次还有可能出错，原因就在于这里面不用重新加载页面，直接用find来寻找元素，而且是立即进行的第二次操作。但是在Robot Framework里，都是直接Click Element，而不是找到元素再点击，为了保证元素已经加载在页面中，要么就是sleep，要么就是采用Wait Until Page Contains或者Wait Until Element Is Visible这些，这样如果想尝试多次，就只能重新加载页面。重新加载页面的话，那么再次发生Stale Elmenet Reference Exception的概率就大大增加了。