2020年3月17日

SpringBoot 错误和异常捕获

摘要: 全局异常处理: @ControllerAdvice 最常见的使用场景就是全局异常处理。比如上传文件超过了限制大小,就会抛出异常,此时可以通过@ControllerAdvice结合@ExceptionHandler定义全局异常捕获机制。 当我们没有定义异常捕获机制的时候,控制台会报错: 在src中添加 阅读全文

posted @ 2020-03-17 12:09 atomgame的记事本 阅读(880) 评论(0) 推荐(0) 编辑

2020年3月15日

svg-icon的使用

摘要: 1.webpack.base.conf中配置svg的依赖和loader { test: /\.svg$/, loader: 'svg-sprite-loader', include: [resolve('src/icon')], options: { symbolId: 'icon-[name]' 阅读全文

posted @ 2020-03-15 15:00 atomgame的记事本 阅读(863) 评论(0) 推荐(0) 编辑

使用vue router 的过程中抱Error in render: "TypeError: Cannot read property 'matched' of undefined"的错误

摘要: 最近遇到这样一个问题,百思不得其解: 原因肯定是出在router上,但是具体哪里不清楚,于是百度一番,终于发现解决方法: 其实这是因为创建的router实例是有命名规范的 import Vue from 'vue' import App from './App.vue' import rou fro 阅读全文

posted @ 2020-03-15 14:28 atomgame的记事本 阅读(551) 评论(0) 推荐(0) 编辑

VUE 提示 Failed to resolve Loader: sass-loader

摘要: 说明项目中没有 sass-loader依赖,由于sass-loader需要node-sass组件,所以我们需要安装的是两个组件: node-sass sass-loader 分别: npm i node-sass -D npm i sass-loader -D 注:这里吧这两个组件安装到开发依赖下, 阅读全文

posted @ 2020-03-15 13:28 atomgame的记事本 阅读(38165) 评论(0) 推荐(2) 编辑

vue 官方换肤实现

摘要: 演示地址: https://elementui.github.io/theme-chalk-preview/#/zh-CN 原理: element ui 2.0版本之后是基于scss实现的,所有到颜色都是通过变量进行定义,所以我们可以通过修改变量来达到动态换肤的目的. 代码: 1.换肤组件: The 阅读全文

posted @ 2020-03-15 11:26 atomgame的记事本 阅读(1574) 评论(0) 推荐(0) 编辑

Vue 之 Mixins (混入)

摘要: Mixins Mixins是一种分发Vue组件中可复用功能的非常灵活的一种方式。 什么时候使用Mixins 1. 页面的风格不用,但是执行的方法和需要的数据类似,我们是选择每个都写呢还是提取出公共部分呢? 基础实例 我们有一对不同的组件,它们的作用是切换一个状态布尔值,一个模态框和一个提示框。这些提 阅读全文

posted @ 2020-03-15 10:38 atomgame的记事本 阅读(208) 评论(0) 推荐(0) 编辑

normalize.css在vue中使用

摘要: css样式初始化 normalize在vue中使用 1、Normalize.css只是一个很小的css文件,但它在磨人的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。总之,Normalize.cs 阅读全文

posted @ 2020-03-15 10:20 atomgame的记事本 阅读(211) 评论(0) 推荐(0) 编辑

2020年3月14日

vue系列教程:vue路由 vue-router

摘要: 传统意义上,路由是定义一系列的访问地址规则,路由引擎根据这些规则匹配并找到对应的处理页面,然后将请求转发给页面进行处理。所有的后端开发都是这样做的,但前端路由不存在请求一说。前端路由是直接找到与地址匹配的组件或对象并将其渲染出来。改变浏览器地址而不向服务器发出请求有两种做法:一是在地址中加入#以欺骗 阅读全文

posted @ 2020-03-14 16:20 atomgame的记事本 阅读(186) 评论(0) 推荐(0) 编辑

npm install 常用的-S 、-D 、-g 有什么区别?

摘要: npm install 本身就有一个别名 npm i npm i module_name -S 即 npm install module_name --save 写入dependencies,发布到生产环境npm i module_name -D 即 npm install module_name 阅读全文

posted @ 2020-03-14 15:43 atomgame的记事本 阅读(1372) 评论(0) 推荐(0) 编辑

vue系列教程:插值

摘要: vue中的插值,简单来说,就是通过更改script中定义的属性的值,来达到修改html中的值这样一个效果。例如: 我们在div中添加了一个h1标签,看到没有,{{ title }} 这块代码就叫插值。插值的语法是{{}}中加上变量名的形式。 这里的title是我们在script的data函数里边定义 阅读全文

posted @ 2020-03-14 13:50 atomgame的记事本 阅读(190) 评论(0) 推荐(0) 编辑

导航