- 博客(8)
- 收藏
- 关注
RSS订阅原创 执行npm run serve/build的时候到底执行了什么？
举一反三，npm run serve也就不难理解了，node_modules/.bin下面一定有两个vue-cli-service的文件，然后很容易就会找到vue-cli-service.js 这个文件（未完待续）众所周知，npm run 执行的是package.json里面scripts对象的key对应的value值，npm run serve实际执行的就是npm run vue-cli-service serve。我们再换个写法，毋庸置疑，肯定会报错，因为找不到自定义的my-npm-test。
2024-04-25 15:34:49
532
原创 SessionStorage多窗口到底能不能共享信息
其实不仅window.open("同源页面")这种方式新开的页面会复制之前的，通过a标签新开的页面同样也会，原理相同，在这就不赘述了。
2024-03-15 11:05:03
954
1
原创 面试官：如何实现在浏览商品时，进入详情，再返回，列表刷新，滚动条还在之前的位置？
当用户点击商品详情时，我们记录当前的滚动条位置，然后在返回列表页时，首先触发列表的刷新操作，然后再将之前记录的滚动条位置重新设置回去。利用Vue Router来管理页面跳转，使用了VueX来存储和恢复滚动条位置。在浏览商品时，点击商品详情，然后返回，要求列表刷新，同时滚动条还在之前的位置，怎么实现？组件更新时，检查是否有之前保存的滚动条位置，并将滚动条位置恢复到之前的状态。页面时，记录当前滚动条位置并将其保存在Vuex store 中。action来保存当前滚动条位置，在返回列表页时，再使用。
2024-01-25 11:32:05
872
原创 一个页面同时发出百条请求时怎么处理？
在这种情况下，可以将一部分内容延迟加载，例如将广告或某些推荐文章放置在用户滚动到页面底部时才加载，而不是在页面初始加载时就全部请求和展示。在发送批量请求时，前端可以将多个独立的请求合并为一个请求发送给后端，通常使用类似于RESTful API的方式。如果不使用批量请求和数据合并，页面可能会发出100条单独的请求来获取每个用户的动态信息，导致大量的网络开销和响应时间延长。在处理多个请求时，可以根据请求的重要性和紧急程度为它们设置优先级，以确保重要内容能够优先加载，从而提高用户感知的加载速度。
2024-01-19 11:00:02
2048
1
原创 高质量的前端代码
有良好的可读性，代码应易于理解。如使用清晰的命名、保持函数和方法简短、使用注释来解释复杂的代码段等。应该尽可能地简洁，避免不必要的复杂性和冗余。在一个项目中，代码应该有一致的风格和模式。这使得代码更易于阅读和理解。可为维护性高，应该易于修改和扩展。这通常意味着代码应该遵循某种设计模式，避免过度复杂的依赖关系，并且有良好的模块化。好的代码应该是直观的，当有人需要进行修改时，他们应能迅速找到需要修改的部分，能够快速进行更改，而且不容易引入新的错误。健壮性有考量，对于边界场景有覆盖和处理。
2024-01-16 11:00:50
2645
原创 beforeRouterEnter为data赋值未生效
之前在mounted或在created中写的方法通通放在next的回调函数中，赋值操作进来写在方法中，问题就解决了。从不同来源跳转该页面，为isView赋boolen值，进而判断是否显示某些操作。当执行next里面的时候，该组件内生命周期几乎已经执行完毕（异步除外）
2024-01-15 15:35:18
408
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人