怎么实现一个平行四边形

摘要: skewX函数定义了一个转换,该转换将元素倾斜到二维平面上的水平方向。它的结果是一个<transform-function>数据类型。子元素倾斜的角度值和父元素倾斜的角度值一样,但是方向不同,在程序中-和+表示方向,正方向时省略+符号。左平行与右平行通过改变父子元素的方向实现。 方法一:嵌套元素实现 阅读全文
posted @ 2024-09-05 16:35 大毛猫熊 阅读(11) 评论(0) 推荐(0) 编辑

什么是BFC

摘要: 定义BFC (Block formatting context) 直译为 "块级格式化上下文"。它是一个独立的渲染区域,只有 Block-level box 参与,它规定了内部的 Block-level Box 如何布局,并且与这个区域外部毫不相干。 布局规则 1、内部的 Box 会在垂直方向,一个 阅读全文
posted @ 2024-09-05 15:43 大毛猫熊 阅读(6) 评论(0) 推荐(0) 编辑

rpx、px、vw、vh、em、rem、pt

摘要: 单位 特点 用途 rpx 相对于屏幕宽度的响应式单位,自适应缩放 布局和字体大小 px 固定单位,不具备响应性 边框、阴影等固定尺寸元素 vw 相对于视窗宽度的百分比,响应式单位 响应式布局 vh 相对于视窗高度的百分比,响应式单位 响应式布局 em 相对于父元素的字体大小 字体大小 rem 相对于 阅读全文
posted @ 2024-08-31 12:35 大毛猫熊 阅读(7) 评论(0) 推荐(0) 编辑

面试题——跨域问题

摘要: 跨域问题的原因‌:由于浏览器的同源策略限制,同源策略是浏览器最核心也是最基本的安全功能,Web是构建在同源策略基础之上的。同源策略会阻止一个域的JS脚本和另一个域的内容进行交互。当一个请求的URL的协议、域名、端口三者之间任意一个与当前页面URL不同即为跨域‌1。 ‌跨域解决方法‌: ‌设置docu 阅读全文
posted @ 2024-08-26 16:27 大毛猫熊 阅读(12) 评论(0) 推荐(0) 编辑

CSS-选择器

摘要: 选择器优先级 1、结构伪类选择器:可方便的选取一个或多个特定的元素 :first-child 选取属于其父元素的首个子元素:last-child 选取属于其父元素的最后一个子元素:nth-child(n) 选择第n个子元素 n=even / 2n :选取偶数孩子 n=odd / 2n+1 :选取奇数 阅读全文
posted @ 2021-05-31 17:02 大毛猫熊 阅读(1) 评论(0) 推荐(0) 编辑

面试题——JS实例化过程总结(附原型链图解)

摘要: 没有返回值的构造函数形式 function Person(name,age){ this.name = name; this.age = age; this.show = function(){ console.log('每个人的身上都有毛毛'); } } var person = new Pers 阅读全文
posted @ 2021-04-07 18:58 大毛猫熊 阅读(378) 评论(0) 推荐(0) 编辑

JS中Function构造器的length属性

摘要: length 是js函数对象的一个属性值,该值是指 “该函数有多少个必须要传入的参数”,即形参的个数es6之前,函数参数不能设置默认参数值,即存在以下情况 function fn1 () {} // length 为 0 function fn1 (a) {} // length 为 1 funct 阅读全文
posted @ 2021-03-12 16:10 大毛猫熊 阅读(332) 评论(0) 推荐(0) 编辑

vue+element自定义主题的几种方法

摘要: 本文实现了三种(也就是官方所讲的前三种,最后一种不想试了): 方法一:在项目中改变 SCSS 变量 项目使用scss时,创建自定义的scss文件,写入一下内容 /* 改变主题色变量 */ $--color-primary: teal; /* 改变 icon 字体路径变量,必需 */ $--font- 阅读全文
posted @ 2021-01-25 18:51 大毛猫熊 阅读(566) 评论(0) 推荐(0) 编辑

vue中使用echarts--markLine

摘要: 在vue中使用echart时,当图形类型为折线图时,很多时候会使用标线markline,开始的时候,数据都是从后台取出的,但是,有一天发现后台返回的数据不规范,没有数据,没有字段,那么我们需要判断下取值,当你series中data数组的元素为字符串的时候,标线取值可以是数组下标,也可以是数组中对应的 阅读全文
posted @ 2020-04-21 18:17 大毛猫熊 阅读(1453) 评论(0) 推荐(1) 编辑

关于element在vue中的使用--form表单清空验证

摘要: 情景:在弹框中使用element表单。 问题:表单先回显后表单不清空 描述及原因:在初次打开弹框新增表单内容时,表单验证方法resetFields()是可以使用的,但是在如果页面是先回显数据时,如果使用该方法,表单就不会清空,后来观察了一下,是这个方法虽然不能清空,但是再修改后会重置到最初赋值状态, 阅读全文
posted @ 2020-04-13 11:37 大毛猫熊 阅读(1258) 评论(0) 推荐(1) 编辑