Vue开发环境安装并集成element-ui示例
补充：element-ui的组件的用法可以访问官网，里面的介绍很详细，非常适合初学者。传送门。 首先要求事先安装node和npm 没有安装的自行百度或在论坛里面搜索！ 提示：在命令行分别输入node -v（node和-v之间有个空格） 和npm -v（同样有个空格）可查看当前的node和npm版本 创建vue项目 1.创建一个项目文件夹,记住文件夹路径，如我的是F:\AppCode 2.打开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）。 注意：下面大部分代码已经由各大主流最新浏览器实现，...
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...
详解css3 pointer-events(阻止hover、active、onclick等触发事件)
pointer-events 更像是JavaScript，它能够： 阻止用户的点击动作产生任何效果 阻止缺省鼠标指针的显示 阻止CSS里的 hover 和 active 状态的变化触发事件 阻止JavaScript点击动作触发的事件 实际代码使用中案例： 1、提交页面，提交按钮点击后，添加这个样式属性（style="pointer-events"），来防止重复提交。 2、一些层的绝对定位，覆盖按钮，穿透可以点击它。等等。 来看下具体用法： pointer-events: auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all...
:host 和::ng-deep的使用
:host 表示选择当前的组件。 ::ng-deep 可以忽略中间className的嵌套层级关系。直接找到你要修改的className。 1.修改样式 :host { background: #F5F5F5; overflow: hidden; padding: 24px; display: block; } .card-container ::ng-deep .ant-tabs-card .ant-tabs-content { height: 120px; margin-top: -16px; } 2.阻止默认事件 ::ng-deep .mat-horizontal-stepper-header{ pointer-events: none!important; } 3.
node-sass 安装失败 win32-x64-57_binding.node
用这行命令： node -p "[process.platform, process.arch, process.versions.modules].join('-')" 复制输出的结果，去 Release 列表 找到对应的版本，Ctrl+F 粘贴，找到那个文件，下载（必要的时候挂代理，浏览器下载通常都比 node 下载更快更稳定），然后文件存到一个稳定的路径，并复制路径 设置sass路径 <span class="token keyword">set</span> <span class="token constant">SASS_BINARY_PATH</span><span class="token operator">...
Flex 布局教程：语法篇
作者： 阮一峰 日期： 2015年7月10日 网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 Flex 布局将成为未来布局的首选方案。本文介绍它的语法，下一篇文章给出常见布局的 Flex 写法。...
分享一个CSS3边框旋转特效
效果如下： <style>.bb, .bb::before, .bb::after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius:100%; } .bb { width: 100px; height: 100px; margin: auto; background: url("img/Button-White-Large.png") no-repeat 50%/70% rgba(0, 0, 0, 0.1); color: #69ca62; box-shadow: inset 0 0 0 1px rgba(105, 202, 9...
Angular http.get 404
Angular2 http.get（url）正在返回404的有效网址 - 而不是CORS问题(Angular2 http.get(url) is returning 404 on a valid url - not a CORS issue) 问题是使用InMemoryWebApiModule，解决方案是对我的app.module.ts文件进行以下配置修改： + InMemoryWebApiModule.forRoot（InMemoryDataService，{passThruUnknownUrl：true}），
CSS布局奇淫技巧之–各种居中
一种使用绝对定位来居中的方法 此法同样只适用于那些我们已经知道它们的宽度或高度的元素，并且遗憾的是它只支持IE9+,谷歌，火狐等符合w3c标准的现代浏览器。 下面用一段代码来了解这种方法： 运行效果： 这里如果不定义元素的宽和高的话，那么他的宽就会由left,right的值来决定，高会由top,bottom的值来决定，所以必须要设置元素的高和宽。同时如果改变left，right , top , bottom的值还能让元素向某个方向偏移，大家可以自己去尝试。