node-sass安装失败解决方法,终有一款适合我们
项目中常常遇到node-sass安装失败,动不动就是报各种错误。以前我一次也没有失败过,自从系统重装我的天呀,node-sass就没有成功过,我能做的node卸载,sass重装各种版,以及换了淘宝镜像和用了vpn都安装失败。我也是无语,今天没事特意搜搜了看,一次复制了别人的文章进行总结,可以尝试一下
css宽高自适应
css宽高自适应
vue项目 移动端适配——rem
vue项目,使用rem解决移动端适配问题,插件。
CSS实现文字垂直居中
CSS实现文字垂直居中
前端知识——css之flex布局
1.基本概念flex布局是一种布局模型,经常被称之为flexbox,使用flex布局之后,他会给子元素提供强大空间分配和对齐能力。 在没有使用flex布局之前,常用布局有:流式布局,浮动布局,定位布局等等。缺陷是子元素需要自己控制自己在父元素中的位置,还要注意父元素高度坍塌。 flex的优点
使用 CSS 创建自定义鼠标光标
我们已经每天都在与自定义光标进行交互。当您将鼠标悬停在按钮上并且指针光标变为手形时,或者您将鼠标悬停在文本上并且光标变为文本光标时,这种交互性是通过自定义光标来实现的。但是,我们可以通过光标为用户提供许多其他的创意体验。在我们深入创建自己的自定义光标之前,您应该知道 CSS 为您提供了一些开箱即用的
css-两种画弧线方法
css-两种画弧线方法
HTML页面知识点小总结(巨详细)
HTML页面最基础的东西总汇,建议刚开始接触前端页面的小伙伴们收藏哦,可以随时拿出来学习或者复习加深印象。
Selenium-css_selector详解
css_selector作为我们比较常用的一种元素定位方法,总结了以下一些方法和要点:1. 右键直接copy css_selector的方法2. 如果元素某个属性是唯一的——那么直接在该属性两边加上中括号,就可以定位该元素。 例:<input value="1"> 应用:driver
CSS把图片设置为背景
先列出几种常用的搭配,方便CV,想了解具体的可以看后面详细介绍第 1 组:刚好填充整个背景区域,不重复background-image : url("~@/路径");第 2 组:从左上角开始,垂直水平重复填充background-image : url("~@/路径");// 宽度 30px ,高度
vue3 自定义全局loading组件 (PC和移动端都非常适用)
在开发的过程中,点击提交按钮,或者是一些其它场景总会遇到loading加载框,PC的一些ui库也没有这样的加载框,无法满足业务需求,因此可以自己自定义一个
CSS过渡动画
transition是css3新增的⼀个功能,可以实现元素不同状态间的平滑过渡(当元素从⼀个状态进⼊到另⼀个状态时),经常⽤来制作⼀些动画效果。之前元素->元素hover状态直接切换,从开始状态到结束状态,瞬间完成,中间过程⼏乎不可⻅。过渡从开始状态到结束状态的中间过程可以查看格式transitio
Sass 和 SCSS
▣Sass (Syntactically Awesome StyleSheets),是由编写的一款,和html一样有,和css编写规范有着很大的出入,是不使用花括号和分号的,所以不被广为接受。Sass 是一款强化 CSS 的辅助工具,是对,它在 CSS 语法的基础上增加了(mixins)、(exte
工作中常用且容易遗忘的css样式整理,建议收藏
last-child last-child 表示选择列表中的最后一个标签nth-child(3) 表示选择列表中的第 3 个标签nth-child(2n) 这个表示选择列表中的偶数标签nth-child(2n-1) 这个表示选择列表中的奇数标签nth-child(n+3) 这个表示选择列表中的标签从
CSS盒子居中的6种方法!
1.flex布局设置居中常见的一种方式就是使用flex布局设置居中。利用弹性布局(flex),实现水平居中,其中justify-content用于设置弹性盒子元素在主轴(横轴)方向上的对齐方式写在父元素上这就是定义了一个伸缩容器主轴对齐方式,默认是横轴纵轴对齐方式,默认是纵轴优点: 简单、方便、快速
如何让img标签在父元素中自适应宽度或者高度,按比例显示
如何让img标签在父元素中自适应宽度或者高度,按比例显示
CSS实现文字凹凸效果
CSS实现文字凹凸效果。
原生JS实现拖拽排序
最近还整理一份JavaScript与ES的笔记,一共25个重要的知识点,对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识,提升工作效率。
背景图片相关应用-铺满,自适应
数值,或者top,right,bottom,left等,center:距离页面左边的定位,0px:距离页面上面的定位auto:默认值,保持背景图片的原始高度和宽度。contain:缩放为尽可能大的尺寸(但其宽度和高度都必须适合内容区域)。宽跟父级一样高后,就不会缩放了,当宽度或高度和盒子尺寸相等,图
原来CSS 也可以节流啊
pointer-events 属性值 :all : 可以触发该元素绑定的监听事件 ;none : 无法触发绑定的监听事件 ;