利用scss快速打造属于自己的css类库
楔子 有经验的前端在新建一个项目的时候,会分析设计图抽离出基础的色系,字体大小,按钮大小,边框边距,辅助类,常用元素等,然后去定制一套属于该项目的基础css类库,便于在后面的页面搭建中更加方便统一。 想法 当然这个并不是我写此初始类库的原因...
楔子 有经验的前端在新建一个项目的时候,会分析设计图抽离出基础的色系,字体大小,按钮大小,边框边距,辅助类,常用元素等,然后去定制一套属于该项目的基础css类库,便于在后面的页面搭建中更加方便统一。 想法 当然这个并不是我写此初始类库的原因...
安装tinymce-vue npm install @tinymce/tinymce-vue -S 再安装一下tinymce npm install tinymce -S 注意:现在tinymce-vue已经更新至4.0了,需要vue3.0...
错误代码: VIDEOJS: ERROR: The “flash” tech is undefined. Skipped browser support check for that tech. VIDEOJS: E...
做移动端的布局时,我们经常会用到动态单位rem来适用不同分辨率下的设备,但是设计图与rem之间的换算着实头疼。因为最近投靠vs code编辑器门下,所以就写一篇vs code下如何实现自动换算px和rem。 一、安装cssrem插件 直接在...
this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。 它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。 ...
前言 vue组件之间的关系有父子组件、同级组件以及孙父子三级关系、还有更复杂的四级、五级关系,那他们之间的数据以及方法如何传递,也就是父子组件、同级组件、孙子组件等如何调用各自的变量、方法呢? 前面博主已经讲了同组件和父子组件的交互,那如果...
今天有个做销售的朋友向我诉苦,说大众点评电话号码不给复制。我打开一看号码不是都显示在上面吗,如图 其实我一复制就发现了猫腻,因为复制的色块都不一样,心里想着就打开了F12看一下代码,如图 这丫的,真是良心坏坏的了,你号码都显示了还不给人复制...
ProgressCircle.js是一款基于SVG的jquery圆形进度条插件。该jquery圆形进度条插件通过动态生成SVG元素和CSS3动画来制作漂亮的圆形进度条动画特效。 使用方法 在页面中引入progresscircle.css和j...
效果: 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta content="width=device-widt...
一. 父组件中获取子组件方法 $children <template> <div> <v-header></v-header> <v-content></v-content&...