项目开发过程中踩坑和填坑

1、问题:写JS过程中一直没有效果。引入JS的路径也没有问题,alert和console都检查测试过了,都没有效果。后面发现,是因为引入JS的位置不对,JS放的地方是head标签里,那时候页面样式还没有加载,所以没有效果。

解决:第一种,在页面结构写完后的位置引入JS。第二种,在js外层代码包裹一层JavaScript代码, window.onload(),用于在网页加载完毕后执行,这时候就会等页面结构加载完成再执行JS代码。

2、问题:修改代码后,页面效果仍然没有变化。

解决:页面效果没有发生变化。浏览器在运行一个文件多次时,会自动取之前运行的,所以尽管修改了代码,但是页面展示的人可能是未修改之前的,建议清除浏览器缓存。

3、问题:前后端集中部署时出现前端页面布局错乱,数据丢失没有显示在页面上的问题

解决:布局错乱和数据丢失,可能是后端将前端代码综合时,少引了css样式文件或者js文件,或者忽略了一些要放的文件。之前做过一个项目,前端是原生js开发,后端是php开发,后面前后端集中部署,前后端联调时出现很多细节问题,前端不知道后端代码,后端也不知道前端操作,致使大家都费了很多心思去对数据,加了许多班,后面换成前后端分离部署就轻松了许多。现在做项目,个人更倾向于前后端分离部署,建议代码分开,这样前端和后端更容易找自己的bug。

4、声明了变量,控制台打印出来却是undefined

解决:原生项JS写项目过程中,发起ajax获取数据,因为填充的数据比较多,代码显得庞大而杂乱,在一个位置声明了变量,后面用的时候一直取不到,打印出来是undefined,后来检查才发现,变量是在一个for循环里用let声明的,而使用是在for 循环外,因为let和const都是在一个块级作用域起作用,所以在块级作用域之外就不能使用了,这时候我们就用了var来声明变量。

原文地址:https://www.cnblogs.com/afafaa/p/12165517.html