vue使用element-ui中的Message 、MessageBox 、Notification
import Vue from 'vue';import ElementUI from 'element-ui';// 添加响应拦截器axios.interceptors.response.use(function (response) {// 对响应数据做点什么// console.log('对响应数据做点什么')return response;}, function (error) {// 对响应错误做点什么console.log(ElementUI)//Message 消息提示ElementUI.Message({message: '恭喜你，这是一条成功消息',type: 'success'});//Notification 通知ElementUI.Notification({title: '警告',message: '这是一条警告的提示消息',type: 'warni...
Asp.Net Core Filter 深入浅出的那些事-AOP
一、前言在分享ASP.NET Core Filter 使用之前，先来谈谈AOP,什么是AOP 呢？AOP全称Aspect Oriented Programming意为面向切面编程，也叫做面向方法编程，是通过预编译方式和运行期动态代理的方式实现不修改源代码的情况下给程序动态统一添加功能的技术。AOP技术利用一种称为“横切”的技术，剖解开封装对象的内部，将影响多个类的公共行为封装到一个可重用的模块中，并将其命名为Aspect切面。所谓的切面，简单来说就是与业务无关，却为业务模块所共同调用的逻辑，将其封装起来便于减少系统的重复代码，降低模块的...
vue import .scss报错
新版本的vue-cli已经帮我们把sass-loader配置好了，放在了util.js里面。原来我们需要在webpack.base.config.js中去配置以下这段代码：{ <span class="hljs-attr">test</span>: <span class="hljs-regexp">/\.scss$/</span>, <span class="hljs-attr">use</span>: [ { <span class="hljs-attr">loader</span>: <span class="hljs-string">'style-loader'</span>...
vue中引入.svg图标，使用iconfont图标库（SvgIcon组件使用）
阿里巴巴的iconfont是一个很好的图标库，海量的素材可以快速满足开发人员日常对图标的诉求，我们采用symbol引用，官方介绍创建SvgIcon组件<template><svg :class="svgClass" aria-hidden="true"><use :xlink:href="iconName"></use></svg></template><script>export default {name: 'svg-icon',props: {iconClass: {type: String,required: true},className: {type: String}},computed: {iconName() {return `#icon-${this.iconClass}`},svgC...
vue 安装sass，运行后报错loaderContext.getResolve is not a function
今天自己搭建vue-cli框架，安装了element-ui，运行没有任何问题，修改了下样式，为了避免修改ele里面组件的样式出现样式污染，想着装个sass写嵌套的，这样既方便又能很好的解决问题，那么动起来：1.安装需要的依赖： npm install node<span class="token operator">-</span>sass <span class="token operator">--</span>save<span class="token operator">-</span>dev <span class="token comment">//安...
vue中无法加载scss
今天重装了vue-cli脚手架这次我安装了node-sass+sass-loader之后还是不行，进入webpack.base.config.js发现没有配置scss。所以增加如下：<span class="token punctuation">{</span> <span class="token property">test</span><span class="token punctuation">:</span> /\.sass$/<span class="token punctuation">,</span> <span class="token property">loaders</span><span ...
Vue开发环境安装并集成element-ui示例
补充：element-ui的组件的用法可以访问官网，里面的介绍很详细，非常适合初学者。传送门。首先要求事先安装node和npm没有安装的自行百度或在论坛里面搜索！提示：在命令行分别输入node -v（node和-v之间有个空格） 和npm -v（同样有个空格）可查看当前的node和npm版本创建vue项目1.创建一个项目文件夹,记住文件夹路径，如我的是F:\AppCode2.打开cmd命令通过cd指令进入到刚才创建的文件夹路径F:\AppCode。输入npm install -g cnpm –registry=https://registry.npm.taobao.org安装淘宝镜像3.继续输入npm inst...
如何用一行 CSS 分别实现 10 种现代布局？
前言更新于 2020/7/12，和 Una Kravets 邮件确认了下，最近她在 web.dev 也发布了新的关于视频里面布局的 blog，有兴趣的可以前去一观 one line layouts周日在家看 web.dev 的 2020 三天 live，发现不少有意思的东西，其中有一项是关于 CSS 的，主播是 Una Kravets（chrome team 成员）。虽然我已经好几个月没有深入研究 CSS 的东西了，不过以前的底子还在（有兴趣的可以看我一年前发布的关于 CSS 的东西，虽然由于太过底层没啥人愿意看, sad）。注意：下面大部分代码已经由各大主流最新浏览器实现，...