用js实现元素两个元素位置对齐
一、问题描述 使得填表单位那一行字与下面的表格左对齐，对表格使用css中的margin:auto实现了居中，但是对那一行字（用div包裹的）使用margin:auto不生效；并且2021年下面对应的月份是动态变化的，月份的个数不定； 二、解决方案 （1）把那行字放在表格里，再把这行表格的边框去掉； ...
前端常用布局方式大全——细致讲解
盒模型 点击打开视频教程 标准盒模型、怪异盒模型（IE盒模型） 什么是盒模型？ 盒模型的作用：规定了网页元素如何显示以及元素间的相互关系 盒模型的概念：盒模型是css布局的基石，它规定了网页元素如何显示以及元素间的相互关系。 css定义所有的元素都可以拥有像盒子一样的外形和平面空间。即都包含内容区、 ...
什么是组件
组件的出现是为了实现以下两个目标： 降低整体复杂度，提升代码的可读性和可维护性 提升局部代码的可复用性 绝大部分情况下，一个组件就是页面中某个区域，组件包含该区域的： 功能（JS代码） 内容（模板代码） 样式（CSS代码） 要在组件中包含样式，需要构建工具的支撑 组件开发 创建组件 组件是根据一个普 ...
vue3自定义指令的使用
定义指令的变化 根据vue3文档的描述 https://v3.cn.vuejs.org/guide/migration/introduction.html#%E6%B8%B2%E6%9F%93%E5%87%BD%E6%95%B0 自定义指令的 API 已更改为与组件生命周期一致。 且 binding ...
CSS SandBox
引言 本篇文章主要介绍的是关于CSS Sandbox的一些事情，为什么要介绍这个呢？在我们日常的开发中，样式问题其实一直是一个比较耗时的事情，一方面我们根据 UI 稿不断的去调整，另一方面随着项目越来越大可能哪一次开发就发现——诶，我的样式怎么不起作用了，亦或是怎么被另一个样式所覆盖了。原因可能有很 ...
有意思的鼠标指针交互探究
今天，来实现这样一个有意思的交互效果： 将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。 修改鼠标样式 首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点： 正常而言应该是这样： 当然，这里比较简单，在 CSS 中，我们可以通过 cursor 样式，对 ...
CSS 选择器 权重 特性
1、css 选择器有哪些？ 类选器（class）,id选择器，标签选择器，通配符选择器（*）,伪元素选择器，子选择器 ul > li，分组选择器 （class,div,li { }），后代选择器（li a{ }）; 2、ccs 权重 。 ! important > 行内样式 style > id 选 ...
【面试题】为什么有时用Vue.use()？及Vue.use()的作用及原理是什么？
Vue.use()的作用及原理 点击打开视频讲解 在Vue中引入使用第三方库通常我们都会采用import的形式引入进来 但是有的组件在引入之后又做了Vue.use()操作 有的组件引入进来又进行了Vue.prototype.$axios = axios 那么它们之间有什么联系呢？ 例如：Vue.us ...
CSS画三角形，圆形，椭圆，圆角长方形
1、CSS画一个三角形：（div宽高为0，border存在且颜色不一） step1: 设置宽度，高度为 0 的一个div盒子； step2: 为了方便理解，将盒子的 4 个边框分别设置一样的宽度boder，不同的颜色； step3: transparent将其他三个 边框隐藏掉，就能看到效果了。 如 ...
【H5/CSS】标签与语法
1.HTML语法规范 1.1 基本语法概述 HTML 标签是由尖括号包围的关键词，例如<html>。 HTML 标签 通常成对出现，例如 开始标签 和 结束标签 ，当然也有单标签</br> 1.2 标签关系 包含关系： 比如 head标签包含title标签 并列关系： 比如 head标签跟body标 ...
CSS Houdini：用浏览器引擎实现高级CSS效果
CSS的任何新特性从诞生到被浏览器普遍支持，要经历漫长的周期，而CSS Houdini开放了底层接口，让开发者直接接触、开发原生的CSS效果，实现更为复杂、流畅的效果和动画，无需等待，快学起来吧！ ...
sass语法嵌套规则与注释讲解
语法嵌套规则 选择器嵌套 例如有这么一段css，正常CSS的写法 .container{width:1200px; margin: 0 auto;} .container .header{height: 90px; line-height: 90px;} .container .header .lo ...