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）。注意：下面大部分代码已经由各大主流最新浏览器实现，...
稿定设计去水印
// ==UserScript==// @name 稿定设计去水印// @namespace http://tampermonkey.net/// @version 0.1// @description 稿定设计去水印// @author You// @match https://www.gaoding.com/*// @grant none// @require http://code.jquery.com/jquery-1.11.0.min.js// ==/UserScript==(function() {'use strict';// Your code here...$(function(){setInterval(function(){if($('.editor-watermark')){$('.editor-watermark').remove();}}, 1000);});})();
数据库先写日志还是先写数据？
每一个SQL Server的数据库都会按照其修改数据(insert,update,delete)的顺序将对应的日志记录到日志文件.SQL Server使用了Write-Ahead logging技术来保证了事务日志的原子性和持久性.而这项技术不仅仅保证了ACID中的原子性(A)和持久性(D),还大大减少了IO操作，把对数据的修改提交到磁盘的工作交给lazy-writer和checkpoint.预写式日志（Write-Ahead Logging (WAL)）SQL Server使用了WAL来确保了事务的原子性和持久性.实际上，不光是SQL Server,基本上主流的关系数据库包括oracle,mysql,db2都使用了WAL技术.WAL的...
remove watermark of gaoding
// ==UserScript==// @name remove watermark// @namespace http://tampermonkey.net/// @version 0.1// @description try to take over the world!// @author You// @match https://www.gaoding.com/*// @grant GM_addStyle// @require https://apps.bdimg.com/libs/jquery/1.4.2/jquery.min.js// ==/UserScript== (function() { 'use strict'; //GM_addStyle('.editor-watermark{display:none;!important}'); // Your code here... var...
Angular异步HTTP拦截器(HTTPInterceptor)
Angular 附带的HttpClient API 接口是该API中最有用的功能，其中最重要的功能之一HttpInterceptor（HTTP拦截器），它使我们能够全局地拦截和转换HTTP请求。拦截器早已在AngularJS中提供，它们对于诸如身份验证之类的东西特别有用，在身份验证中，通常需要在每个请求中包含一个auth令牌。在之前，HttpInterceptor我们将为Angular的内置HttpModule应用创建一个包装服务，我们的应用程序将与之交互，而不是HttpModule直接调用方法。一切都感觉有些麻烦。现在，我们可以HttpClientModule直接使用拦截器作为管道中的...