首先java转前端是一件很easy的一件事情,其次是nuxt学起来也不是很难
首先科普一下什么是nuxt,为什么那么好用?
Nuxt.js 是一个基于 Vue.js 的轻量级应用框架,可用来创建服务端渲染 (SSR) 应用,也可充当静态站点引擎生成静态站点应用,具有优雅的代码结构分层和热加载等特性。
1、创建项目命令雷同vue脚手架
npx create-nuxt-app 项目名称
或者
yarn create nuxt-app <项目名>
2、开发模式如何debug
cd 项目目录 然后
npm run dev
3、熟悉项目的目录结构
Nuxt.js 的默认应用目录架构提供了良好的代码分层结构,适用于开发或大或小的应用。当然,你也可以根据自己的偏好组织应用代码。
4、更多目录结构学习
资源目录 assets
组件目录 components
布局目录 layouts
中间件目录 middleware
页面目录 pages
插件目录 plugins
静态文件目录 static
Store 目录
nuxt.config.js 文件
package.json 文件
其他文件
别名 目录
~ 或 @ srcDir
~~ 或 @@ rootDir
默认情况下,srcDir 和 rootDir 相同。
提示: 在您的 vue 模板中, 如果你需要引入 assets 或者 static 目录, 使用 ~/assets/your_image.png 和 ~/static/your_image.png方式。
5、进阶问题
根据浏览器的版本拦截进入系统,比如低于IE11以下 跳转 提示浏览器升级 页面,直接在中间件中处理
const userAgent = process.server ? context.req.headers[‘user-agent’] : navigator.userAgent;
let re = new RegExp(“MSIE ([0-9]{1,}[.0-9]{0,})”);
if (re.exec(userAgent) != null) {
//该升级浏览器拉
}
附一道前端面试题