游客17846

HTML progress标签和纯CSS实现简单进度条

标题党了一回,虽然本文主要写的是纯CSS实现简单进度条,但是却和HTML5中的新标签<progress>有很大的关系。为什么要自己实现进度条❓这是一个直击灵魂的拷问。因为不管是<progress>,还是各种UI组件中的进度条组件,仿佛都在提示我们不需要自己去实现,直接拿来用就

【CSS进阶】border-radius深入了解

如上图所示,最近碰见有个需求,需要实现上图效果。外面矩形好说,阴影部分犯了难了,不知为何,我看到第一眼居然是想用canvas中的贝塞尔曲线画出来。。。最近在入门canvas。。言归正传,其实这个效果可以用纯CSS来实现,就是本节的主角border-radius了。1.border-radius的另一

【CSS进阶】盒子模型与box-sizing属性

一、CSS盒子模型概念盒子模型(Box Model)是用来表示HTML元素的一种标准模型。所有的HTML元素都是一个盒子。一个标准的盒子模型由4部分构成,由里到外包括内容(Content)、内边距(Padding)、边框(Border)、外边距(Margin)。标准盒子模型示意图如下所示。👇(图片

CSS实用技巧集合

1.选中第n的倍数个子元素/* 选中第 5 的倍数个子元素 */.parent > .child:nth-child(5n+5) {}2.选中奇偶子元素/* 奇元素 */.parent > .child:nth-child(odd) {}/* 偶元素 */.parent > .ch

HTML实用技巧集合

1.页面加载完成后执行脚本-defer属性<script type="text/javascript" src="./demo.js" defer="defer"></script>之前的话想要页面加载完后执行的脚本

JS中的逻辑位运算符和移位运算符

前几天在某刷题网站看到一篇题解,作者用的是移位运算+逻辑位运算,当时看的有点懵逼,移位运算是知道的,逻辑位运算有些不解,故特意了解了一下。逻辑位运算符和移位运算符可以统称为位运算符,其中,逻辑位运算符有四种,移位运算符则有三种。序号类运算符名称1逻辑位运算符&位与2逻辑位运算符|位或3逻辑位

小程序学习遇到的问题汇总

之前在学习小程序的过程中碰见了不少问题,在这里汇总记录一下,本篇为第一篇。1.小程序中切换tab传值/通信问题这是切换tab遇见的问题,应用情景:每次点击某一tab时传入设定值。由于小程序每一个页面都是独立的个体,那么需要通过一个全局的东西来保存值。小程序提供了唯一的一个全局的应用实例,可以通过ge

ArcGIS 3.x常用方法整理

版本信息:ArcGIS API for JS 3.x本文记录3.x版本API的一些常用方法,不断整理更新!📝参考资料:API Reference Overview | API Reference | ArcGIS API for JavaScript 3.321.计算区域的中心点坐标/** 计算区

ArcGIS 4.x与3.x的常用API的区别

版本信息:ArcGIS API for JS 4.x4.x和3.x的版本相比有了不小的变化,很多API的写法发生了变化,此文记录常用API的写法和用法区别。不断整理更新!📝参考资料:API Reference | ArcGIS API for JavaScript 4.151.获取图层// 3.x

JS中如何对多维数组(矩阵)去重

今天碰到了一个问题,需要对一个数组矩阵进行去重处理。比如如下数组矩阵:[ [1, 2, 3], [2, 3, 4], [2, 1, 3], [5, 6, 7] ]接下来是去重处理的方法。1.适用于纯数字数组矩阵和字符数字数组矩阵// 本节用例:// 1.纯数字数组矩阵[ [1, 2, 3], [