1.思索如何完成页面局部的刷新
2.考虑应用jquery+ajax完成局部刷新
.get(),(id).html()
但是发现在应用的时候出现跨域问题,而这些文件都是在一个目录夹下,怀疑是因为纯静态页面不支持,
上网进一步search,果然如此。
3.思索除了ajax外其他方案,与tony讨论,得出结论是利用原生js,拼装html的方式。
但是这个方式很繁琐,考虑使用iframe,但是iframe也无法实现动态引用,突然灵感一现,通过css显示/隐藏的方式进行控制。
4.进一步探索3中方式的可行性,发现可行,进一步开始局部改造,工作,开始全部改造。
5.在编写相关js代码时,最初是直来直去的写,没有进行任何抽象,代码冗余很大。考虑将类似部分抽象进公用方法中。起初,抽象第一个时
很顺利,但是在抽象剩下其他的按钮时,却总是有几个按钮不工作,考虑到可能是在进行循环时,var相互覆盖。
6.退一步,降低抽象成都,不对click方法进行抽象,工作良好。突然想到,可以利用let代替var,let是块作用域,for循环中let只在循环过程中有效,
不会对其他作用域产生不良影响。果然工作。
网友评论