向前端js大师请教一下经验？

Question

通常web开发中，javascript是很重要的，但是对于我一个小菜来说，很多常规或开发的主流方式都不懂，求大师们给予一些指点，非常感激！！！

我能想到的问题：
1.比如一个页面中都会有很多点击事件，切换数据，比如不同类别的文章列表，下拉显示下一页或更多文章内容，这些数据是通过js在网页开始就用json保存在页面中，还是每一个事件都现从后端拉数据？或者有没什么界定规则？
2.看一些大网站中的js都是a,b,c这样的方法名，是用的什么框架写的js？或者说有没有一些主流而易学的js框架等？比如写css有sass
3.对于图片懒加载，图片（htm块）轮播等常规操作有没有好的源码推荐？
目前想到的问题，大师们有什么高招或好的建议点，请指教说明，感谢！！！

Answer 1

逐个回答你的问题。

1. 在网页开始就用json保存在页面中，还是每一个事件都现从后端拉数据？或者有没什么界定规则？

没什么必然的规则，根据需求来定。不过大部分应该是后加载的，因为存 json 没什么用，即消耗数据库、带宽，也对 SEO、速度没什么好处。

2. 看一些大网站中的js都是a,b,c这样的方法名，是用的什么框架写的js？或者说有没有一些主流而易学的js框架等？

这些是转译构建后的代码，所以变量名被压缩了，正常写不是这样的。

至于说主流易学的框架，国内 Vue，国外 React，还有衍生出来的组件库。

不过要搞开发，更多要学的是工具链，比如你问到的转译工具、脚手架工具，等等。另外新的一年，建议不要再用 Sass 了，直接 postcss+TailwindCSS 吧。

3. 图片懒加载，图片（htm块）轮播

没什么源码推荐，这些东西要么已经原生化（loading="lazy"），要么基本都被组件库包含了，随便看看就行。

Answer 2

被邀请回答受宠若惊

1. 下拉显示下一页或更多文章内容一般是获取第一页数据显示, 用户即将滚动到底部时, 请求后续内容. 至于绑定事件, 只要有同一个类名, 就可以方便绑定, 如果使用Vue, React就更容易了
2. 大网站中的js都是a,b,c这样的方法名 这个是打包时代码压缩的结果, 单个字母比多个字母占用空间小, Vue 相对易学, React 也很不错, sass不是框架, 是CSS的预处理语言, 学什么框架都无所谓, 重要的是前端基本功: JS HTML CSS, 以及在开发中提升经验, 解决问题的能力
3. 图片（htm块）轮播的基本原理百度一大堆, 各样组件也差不多, 图片懒加载也有组件, 不同的组件库都有的, 百度一下很多的

Answer 3

1、一般所有的动态数据都是从后台获取数据实时更新，包括分页也是请求后端接口，偶尔也有前端进行分页，但是也是后端把所有的数据返回
2、打包进行代码压缩，一般在本地开发可以看到自己定义的变量方法什么的，但是在线上都会进行代码压缩，变量名和方法名都会转化为a,b,c等等
3、目前国内开发，一般大厂用的是react技术，小厂用的是vue，所以这两个必须会其中一个
4、图片懒加载、图片轮播这种网上比较多，看下源码就行，实际开发中都是用第三方库引入使用就行