我想要成为一名资深的前端工程师，都要学习什么技术，请为我完整的列出

以下是成为一名资深前端工程师需要学习的技术：

1. HTML/CSS：前端的基础，掌握HTML和CSS的语法以及布局技巧，可以构建出漂亮的网页。

2. JavaScript：掌握JavaScript的语法，理解JavaScript的事件机制、异步编程、DOM操作等，可以实现前端交互和动态效果。

3. jQuery：一款流行的JavaScript库，简化了JavaScript的操作，提供了丰富的插件和效果，可以快速实现前端交互。

4. Vue.js/React：两个流行的前端框架，用于构建单页面应用（SPA），提供了组件化、路由、状态管理等功能，可以提高开发效率和代码质量。

5. Webpack：前端构建工具，可以将多个JavaScript文件打包成一个文件，压缩文件大小，提高网页加载速度。

6. AJAX：前端异步请求技术，可以在不刷新页面的情况下向后端发送请求，获取数据，实现局部更新。

7. CSS预处理器：如Sass和Less，可以提供变量、函数、嵌套等功能，简化CSS的编写。

8. 响应式设计：可以根据不同设备的屏幕尺寸，自适应调整网页布局和样式，提高用户体验。

9. 浏览器兼容性：不同浏览器对HTML/CSS/JavaScript的解析存在差异，需要了解并解决浏览器兼容性问题。

10. 性能优化：包括网页加载速度、渲染性能、内存占用等方面的优化，可以提高网页的用户体验和SEO效果。

相关问题

请你扮演一个资深的前端开发工程师，告诉我uniapp怎么传参，列出所有传参方法

好的，作为一名资深的前端开发工程师，我很高兴回答你的问题。

在uniapp中，我们可以使用以下几种方式来进行参数传递：

1. URL传参

在uniapp中，我们可以使用URL传参的方式，将参数以键值对的形式附加在URL后面。例如：

//在A页面传递参数
uni.navigateTo({
  url: '/pages/B/B?id=123&name=uniapp'
});

//在B页面获取参数
export default {
  onLoad(options) {
    console.log(options.id);
    console.log(options.name);
  }
}

2. Vuex传参

Vuex是uniapp中非常常用的状态管理工具，我们可以使用Vuex来进行参数传递。例如：

//定义state
const state = {
  id: '',
  name: ''
}

//定义mutation
const mutations = {
  setId(state, id) {
    state.id = id;
  },
  setName(state, name) {
    state.name = name;
  }
}

//在A页面commit参数
this.$store.commit('setId', '123');
this.$store.commit('setName', 'uniapp');

//在B页面获取参数
export default {
  computed: {
    id() {
      return this.$store.state.id;
    },
    name() {
      return this.$store.state.name;
    }
  }
}

3. props传参

在uniapp中，我们可以使用Vue的props传参方式来进行参数传递。例如：

//在A页面传递参数
<template>
  <B :id="123" :name="'uniapp'"></B>
</template>

//在B页面获取参数
export default {
  props: {
    id: {
      type: Number,
      default: 0
    },
    name: {
      type: String,
      default: ''
    }
  }
}

4. EventBus传参

EventBus是uniapp中一种非常简单的事件总线机制，我们可以使用EventBus来进行参数传递。例如：

//在A页面emit事件
import Vue from 'vue';
Vue.prototype.$eventBus = new Vue();

this.$eventBus.$emit('my-event', {
  id: 123,
  name: 'uniapp'
});

//在B页面监听事件
export default {
  mounted() {
    this.$eventBus.$on('my-event', (data) => {
      console.log(data.id);
      console.log(data.name);
    });
  }
}

以上就是uniapp中常用的参数传递方式，希望能对你有所帮助。