- 本文已参与「新人创作礼」活动，一起开启掘金创作之路。
- 由于之前做开发接触的项目，都是后端，也就是处理业务相关的工作，前端页面涉及的不多，所以在最近新接手的一个项目中，需要涉及到前端页面的开发工作，这期间遇到了一些小问题，在这里稍作记录。
- 这其中遇到的一个问题，就是对页面做了修改，但是在浏览器打开的时候，发现页面还是之前的页面，一开始我觉得是浏览器的问题，需要清除缓存，或者需要使用浏览器的无痕模式，这样可以解决问题，后来测试小伙伴问我，有没有办法在页面上做一些开发，省去每次都要清缓存的操作，后来去了解了一下，发现确实可以做到，而且发现解决这个问题的方法很简单，就是在我们HTML页面，加一个版本号即可。
- 只需要在页面最下面拼接 “?V=version号” 就可以了，这样你修改的页面，提交完之后，修改之前的页面缓存就不存在了，也不需要去清理浏览器的缓存了。
页面debug： 页面debug就是浏览器的debug，也就是浏览器调试工具。个人推荐使用Chrome的调试工具，点击F12快捷键，或者右击鼠标点击审查元素or检查都可以进入debug页面。
点击 source找到我们要调试的文件， 给要观察的代码手动打上断点，并点开watch， 在watch里面输入要观察的变量，然后刷新页面，或者重新打开页面，就可以进入debug进行调试了。
页面调试的快捷键：
F7
Step Into：跳入，如果当前有方法，进入方法内部，一般用于进入自定义的方法，不会jdk类库的方法。`
F8
Step Over:跳过，一行一行的向下走，如果当前行有方法不进入方法。`
F9
Resume Program:恢复程序，比如，你在第4行和8行各自都打了断点，当前运行到第4行，按F9,则运行到下一个断点即第8行，再按F9，如果后面没有断点了，则运行完整流程。
