我们都知道 Vue 采用的是一种组件化开发模式，组件在 Vue 中一个非常重要的核心概念。每个组件都是一个完整的实例，组件的创建，组件间的通讯，组件如何更好的复用，以及整个的生命周期的钩子。所以你会发现它都是围绕组件展开的。我们就来说说如何创建一个灵活的高复用的组件。之前分享过一篇「slot」内容分发的文章，它可以让我们组件的内容更加的灵活。今天主要分享的是组件中另一种分发，功能的分发「mixin
2020已经最后一天了，都在说2020是不幸的一年，从年初到年尾，2020注定是不平静的一年。很快，我们就要对2020说再见了，原本想做个总结，结果发现也没什么好总结，2020没什么收获，最大的收获就是自己重新拾起了篮球。所以，在最后一天分享个知识点，elementUI组件替换。最近一直在撸JQ的代码，一直在复制粘贴，把自己都给敲懵了。最近撸的代码确实是很枯燥，不过也挺佩服之前堆叠出来的这个项目，
转载
2024-06-12 15:17:14
175阅读
从W3School找到相关资料如下：伪类： 伪类存在的意义是为了通过选择器找到那些不存在与DOM树中的信息以及不能被常规CSS选择器获取到的信息。 伪类由一个冒号:开头，冒号后面是伪类的名称和包含在圆括号中的可选参数。 任何常规选择器可以再任何位置使用伪类。伪类语法不区别大小写。一些伪类的作用会互斥，另外一些伪类可以同时被同一个元素使用。并且，为了满足用户在操作DOM
目录vue源码系列之 响应式数据处理2 数组的重写vue源码系列之 响应式数据处理1 链接: link.array.js对数组的方法进行重写
oldArrayPrototype 原始的数组方法arrayMethos = Object.create(oldArrayPrototype) 创建一个新的对象，也就是拷贝原始数组的方法methods 中的方法，是会影响原始数组的，因此需要重写这些方法
vue样式穿透 ::v-deep的具体使用 这篇文章主要介绍了vue样式穿透 ::v-deep的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧之前在项目中用到了 vant，使用特别简单，而且组建也非常的丰富。即时这样，在项目中肯定也需要用额外的样式来打造自己的应用。直接在 <style lang="sc
转载
2024-09-24 15:47:30
84阅读
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>设置字体</title>
<!--字体 font-family
语法： font-family: "字体1","字体2",...
从前往后选择字体，如果不支持字体1就选择字体2以此类推，如果都没有，那么
转载
2024-04-25 20:05:42
139阅读
1、Nginx运行工作进程数量Nginx运行工作进程个数一般设置CPU的核心或者核心数x2。如果不了解cpu的核数，可以top命令之后按1看出来，也可以查看/proc/cpuinfo文件 grep ^processor /proc/cpuinfo | wc -l[root@lx~]# vi/usr/local/nginx1.10/conf/nginx.conf
worker_processes 4
标签定义及使用说明<style> 标签定义 HTML 文档的样式信息。在 <style> 元素中，您可以规定在浏览器中如何呈现 HTML 文档。每个 HTML 文档能包含多个 <style> 标签。提示和注释提示：如需链接外部样式表，请使用 <link> 标签。注释：如果没有使用 "scoped" 属性，则每一个 <styl
样式(Style)和Unity样式表(style sheets)每个VisualElement都包含样式属性，用于设置元素的尺寸以及元素在屏幕上的绘制方式，例如backgroundColor或borderColor。样式属性可以在C＃中设置，也可以在样式表中设置。样式属性将会在其自己的数据结构（IStyle接口）中重新组装。UIElements支持用USS编写的样式表（Unity样式表）。USS文
转载
2024-10-21 18:55:06
48阅读
CSS本身没有直接提供变换HTML链接下划线的功能，但只要运用一些技巧，我们还是可以让单调的网页链接下划线变得丰富多彩。 一、基本原理 首先，自定义HTML链接下划线的第一步是创建一个图形，在水平方向重复放置这个图形即形成下划线效果。如果要显示出下划线背后的网页背景，可以使用透明的.gif图形。 其次，如果下划线图形的高度较大，则必须适当增加文本的高度，使得一行文本的底部与下一行文本的顶部之间有较
近日在开发的页面中，需要制作一个动态的圆形进度条，首先想到的是利用两个矩形，宽等于直径的一半，高等于直径，两个矩形利用浮动贴在一起，设置overflow：hidden属性，作为盒子，内部有一个与其宽高相等的子盒子，左侧的子盒子左上角和左下角以及右侧子盒子的右上角和右下角利用border-radius：半径，这样两个矩形便组成了一个完整的圆形。 我们让左侧的
转载
2024-09-04 08:54:09
112阅读
Vue.prototype.$message1 = function (msg) {
this.$message({message: msg,duration:1000})
}
原创
2023-07-12 10:02:28
108阅读
近日，我在用swiper插件写一个手游官网时，出现了一个很奇怪的问题。问题如下 如上图所示，这里是一个可以左右拖动的ul，每一个英雄介绍都是一个li标签，上图这是正常的情况。可是，它会随机不定期不定时间不限次数的出现一种很奇怪的bug，比如 上图是pc端查看的时候，11个li标签组成的英雄介绍全部挤成一团。这张图是移动端查看的时候，又会出现相
1. element-ui组件引入方式：1)完整引入在 main.js 中写入以下内容：import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';//引入全部的样式
Vue.use(ElementUI);2)按需引入 借助插件，无需再引入'elem
转载
2024-03-01 18:33:04
96阅读
ElementUI 说明文档 a {text-decoration: none; color:inherit;}
原创
2022-08-29 16:54:31
113阅读
scoped css官方文档scoped css可以直接在能跑起来的vue项目中使用。使用方法：<style scoped>
h1 {
color: #f00;
}
</style>使用scoped划分本地样式的结果编译结果如下：h1[data-v-4c3b6c1c] {
color: #f00;
}即在元素中添加了一个唯一属性用来区分。缺点一、如果用户在别处定
今晚,将上次的Demo移到毕设中的时候,发现CSS引用不到,想了大半天才发现,原来是user.aspx被我重写成user/user.aspx
原创
2022-08-15 14:07:56
18阅读
今晚,将上次的Demo移到毕设中的时候,发现CSS引用不到,想了大半天才发现,原来是user.aspx被我重写成user/user.aspx时,发生目录引用的问题,解决的方法就是用在引用CSS时加多"../"
原创
2022-08-15 18:16:20
15阅读
两列布局两列布局一般情况下是指定宽与自适应布局，两列中左列是确定的宽度，右列是自动填满剩余所有空间的一种布局效果； 左列自适应, 右列定宽float + margin 属性实现；float + overflow 属性实现；display 属性的 table 相关值实现；使用绝对定位实现；使用 flex 实现；使用 Grid 实现；方案一：float + margin 属性实现<style&g
转载
2024-04-02 10:39:30
1060阅读
Element UI 极简教程Layout 布局Container 布局容器Icon 图标Button 按钮Link 文字链接 本节主要介绍 Element UI 中的布局方式以及常用的 icon、Button、Link 组件Layout 布局通过基础的 24 栏划分，可以非常迅速便捷地创建布局。通过 <el-row> 和 <el-col> 组件，并通过 col 组件的
转载
2024-03-07 20:46:32
218阅读
