Front-end
前端相关知识技术整理记录
无调缪斯
这个作者很懒,什么都没留下…
展开
-
秋招学习 - CSS 实现自适应正方形
实现一个自适应正方形关键就是使这个div的height=width。利用CSS3新增的 vw, vh, vmin, vmaxvw - 1/100视口宽度为一个单元;vh - 1/100视口高度为一个单元;vmin - 1/100 Min{视口宽,视口高}为一个单元;vmax - 1/100 Max{视口宽,视口高}为一个单元; .square{ width: 50%; /*50%父元素宽*/ height: 50vw; /*视口宽度的50%*/ background-color:原创 2020-10-23 16:46:04 · 310 阅读 · 0 评论 -
JavaScript 学习笔记(Array篇)
之前写前端都是因为被分配了项目,直接在网上现查了setup级别的基础直接上手,遇到问题查查stackOverflow好像都能搞出来,为了弥补理论上的漏洞才最近开始系统学习前端,从最重要的原生JavaScript开始。这里总结一下JS中用途最广的数据类型之一:Array。创建:1) 构造函数var colors1 = new Array();var colors2 = new Array(20);//预先知道数量var colors3 = new Array("red", "blue", "gr原创 2020-08-07 00:24:21 · 218 阅读 · 0 评论 -
CSS 画三角、扇形、圆形
<div> 元素为矩形,而它的每个border为一个等腰梯形, 上底为<div>的width / height, 高为border的粗细。把四边的上底设为0, 即width = 0, height=0 时,梯形就变成三角形了。.divideRect{ height: 0px; width: 0px; border-left: 20px solid red; border-right: 20px原创 2020-08-06 23:22:59 · 291 阅读 · 1 评论