前端开发过程中遇到过什么困难？

前端开发过程中遇到的困难还是很多1、面试中前端开发过程中遇到的困难这个问题主要是相看面试者是不是有独立解决问题的能力及解决问题的方案以及工作中的的一些两点2、遇到这样的问题可以说出一个自己解决的比较完美的问题，如：vue不适合做cms，因为单页面应用对seo很不友好，解决的方法就是：我们使用nuxt技术，在保证使用vue语法开发的同时，也使用了服务端渲染技术保证了seo效果，这个过程突出了自己的学习nuxt等新技术的能力3、另外也是有很多实际的开发问题不好解决，的但是那些自己解决不好的问题不适合 在面试的过程中说的

github地址： https://github.com/surmon-china/vue-awesome-swiper

Ⅰ. 什么是Nuxt.js:

Nuxt.js 是一个基于 Vue.js 的通用应用框架，通过对客户端/服务端基础架构的抽象组织，预设了利用 Vue.js 开发服务端渲染的应用所需要的各种配置。（开箱即用）

官方地址： https://zh.nuxtjs.org/guide

Ⅱ. Nuxt安装使用

Ⅲ. Nuxt模板目录结构分析

重点关注 ：components、layouts、pages、plugins、nust.config.js目录及文件

Ⅳ.Nuxt路由

➀.pages目录结构自动生成对应的路由配置

➁路由跳转

注意 ：不能用a标签代替nuxt-link组件，虽然最终的显示效果一样，但是a标签会刷新页面

③动态路由

④路由参数校验

Nuxt.js 可以让你在动态路由对应的页面组件中配置一个 validate 方法用于校验动态路由参数的有效性。该函数有一个布尔类型的返回值，如果返回true则表示校验通过，如果返回false则表示校验未通过。

⑤嵌套路由

Ⅴ.布局组件

特殊的布局组件 ：error布局组件（error是关键字，只能取这个名字）

Ⅵ.设置全局样式

Ⅶ.ElementUI使用

测试的时候不要范如下错误 ：

Ⅷ.发送请求

➀.生命周期函数：

在nuxt中，只有created以及beforeCreate两个能够在服务端正常使用

但是发异步请求不能在created生命周期函数中去发送，因为它会在前端执行（打印一下，发送前端和服务器端都会有打印信息）

那么如何发送异步请求呢？

➁.asyncData的方法:可以在服务端或路由更新之前被调用, 需要注意这个函数中 不能 使用 this

③. axios的使用

Ⅸ.SEO优化

➀.全局优化:在nuxt.config.js配置文件中修改

➁.局部优化:去每个页面直接加入head() 方法

Ⅹ.实战项目：豆瓣电影小案例

➀.案例源码：

复制这段内容后打开百度网盘手机App，操作更方便哦

链接： https://pan.baidu.com/s/1YFdpQIGUMF28uEm8oBUfbw

提取码：iqjb

➁.获取源码后项目跑动

后记： 解决SEO问题不一定非得用服务端渲染来处理，特别是项目已经开发完毕，突然告诉你添加个SEO优化，这时候可以考虑vue-meta-info ，官方地址： https://github.com/muwoo/vue-meta-info

常用的有路由、vue 指令、axios(用于后端数据请求)、vuebus、时间处理（moment）结合过滤器使用、拦截器、监视、走后门（特殊情况用一下 DOM）、还有一些 ui(element、mint、mui)以及其他一些业务上需要的第三方插件等。

或者还可以回答以下技术。

1、vue 的脚手架可以从自行搭建与 webpack 的原理 。

2、vue 项目路由、状态管理、axios、ApI 的封装。

3、vue 服务端渲染 ssr 原理与完整的 SEO 处理点。

4、vue 多页面原理。

5、vue 的响应式原理。

---