分类目录

链接

2020年七月
« 6月    
 12345
6789101112
13141516171819
20212223242526
2728293031  

近期文章

热门标签

博主推荐

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...

前端 暂无评论 阅读(27)

详解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...

前端 暂无评论 阅读(52)

: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.  

前端 暂无评论 阅读(66)

node-sass 安装失败 win32-x64-57_binding.node

用这行命令: node -p "[process.platform, process.arch, process.versions.modules].join('-')" 复制输出的结果,去 Release 列表 找到对应的版本,Ctrl+F 粘贴,找到那个文件,下载(必要的时候挂代理,浏览器下载通常都比 node 下载更快更稳定),然后文件存到一个稳定的路径,并复制路径 设置sass路径 set SASS_BINARY_PATH=D:/nodejs/.nodes/win32-x64-57_binding.node 然后安装node-sass模块 npm i node-sass -D --verbose 之后重新install就可以了 win32-x64-57_binding.node 下载地址: 链接: http...

前端 暂无评论 阅读(76)

Flex 布局教程:语法篇

作者: 阮一峰 日期: 2015年7月10日 网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。 Flex 布局将成为未来布局的首选方案。本文介绍它的语法,下一篇文章给出常见布局的 Flex 写法。...

前端 暂无评论 阅读(93)

分享一个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...

前端 暂无评论 阅读(145)

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}),

前端 暂无评论 阅读(122)

CSS布局奇淫技巧之–各种居中

一种使用绝对定位来居中的方法 此法同样只适用于那些我们已经知道它们的宽度或高度的元素,并且遗憾的是它只支持IE9+,谷歌,火狐等符合w3c标准的现代浏览器。 下面用一段代码来了解这种方法: 运行效果: 这里如果不定义元素的宽和高的话,那么他的宽就会由left,right的值来决定,高会由top,bottom的值来决定,所以必须要设置元素的高和宽。同时如果改变left,right , top , bottom的值还能让元素向某个方向偏移,大家可以自己去尝试。

前端 暂无评论 阅读(139)

小程序动画实现旋转

.question .desc .image-rotate {   position: absolute;   z-index: 2;   margin-left: 20rpx;   margin-top: 20rpx;   height: 280rpx;   width: 280rpx;   border-radius: 140rpx;   animation: headRotate 6s linear infinite }   /* 头像旋转效果  */ @keyframes headRotate{   0% {transform: rotate(0deg);}   50% {transform: rotate(180deg);}   100% {transform: rotate(360deg);} } 

前端 暂无评论 阅读(166)

js数组排序

  Array.prototype.sortBy = function (attr, rev) {     return this.sort(sortByKey(attr, rev)); }        var sortByKey = function (attr, rev) {     //第二个参数没有传递 默认升序排列     if (rev == undefined) {         rev = 1;     } else {         rev = (rev) ? 1 : -1;     }       return function (a, b) {         a = a[attr].toLowerCase();         b = b[attr].toLowerCase();         if (a < b) {             return rev * -1;         }         if (a > b) {             r...

前端 暂无评论 阅读(224)