原文地址：https://www.xksblog.top/the-p... text-overflow是CSS3中的属性，它规定了当文本溢出其包含元素时以何种方式显示。但在使用的时候，有时会发现这个text-overflow设置了属性怎么不起作用呀？现在我们就来踩踩这里面的坑。 text-overf ...
分类：
其他好文 时间：
2020-06-01 13:33:26
阅读次数：
54
each循环 1 循环标签对象数组 2 $('li').each(function(k,v){ 3 console.log(k,v); 4 }); 5 6 循环普通数组 7 var d1 = ['aa','bb','cc']; 8 $.each(d1,function(k,v){ 9 console ...
分类：
其他好文 时间：
2020-06-01 00:48:11
阅读次数：
64
前言:canvas是HTML5出来的绘图API容器，对于图形的处理非常强大，下面使用canvas配合JavaScript来做一下动态画圆效果。可以用它来做圆形进度条来使用。arc()实现画圆通过设置的开始角度和结束角度来做限定，然后通过累加临时的角度变量实现动画效果。相关函数： context.ar ...
分类：
其他好文 时间：
2020-06-01 00:42:36
阅读次数：
80
弹性盒子基础 弹性盒子(Flexible Box)是css3中盒子模型的弹性布局，在传统的布局方式上增加了很多灵活性。 定义一个弹性盒子 在父盒子上定义display属性： #box{ display: -webkit-flex; //webkit内核浏览器的兼容设置，下同 display: fle ...
分类：
Web程序 时间：
2020-06-01 00:26:13
阅读次数：
92
css3动画 animation 使用css3动画需要2步 为指定元素添加animation属性及属性值。各浏览器私有属性在前，通用属性在最后。 使用@keyframes定义动画过程名称。各浏览器私有属性在前，通用属性在最后。 animation定义动画的属性值。 @keyframes规则内指定一个 ...
分类：
其他好文 时间：
2020-05-31 16:30:10
阅读次数：
53
基础准备对于这个实现，我们需要一个简单的 div ，并且样式类名为 ball ： HTML 代码: <div class="ball"></div> 我们将使用 Flexbox 布局，把球放到页面中间，尺寸为 100px * 100px，背景色为橘黄色。 CSS 代码: body { display ...
分类：
Web程序 时间：
2020-05-31 11:22:13
阅读次数：
78
在flex出现之前我们做页面都是使用的左右浮动，inline-block，表格等布局方式来实现页面的各种布局，在这些写法中由于浏览器的兼容问题还需要写很多的hack来解决兼容问题。','2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已... ...
分类：
Web程序 时间：
2020-05-31 10:49:47
阅读次数：
83
css3的渐变属性已经在各种网页设计中被广泛使用，在没有css3的渐变属性之前，要实现一些多种颜色切换的效果图，你可能别无他法，只能用一个图片来显示，虽然你知道使用图片需要网络请求，既耗带宽又耗时间，下面我将介绍用css3的渐变来改善这一问题。 linear-gradient 基本用法 想要知道线性 ...
分类：
Web程序 时间：
2020-05-30 20:18:00
阅读次数：
69
option = { // 全图默认背景 // backgroundColor: 'rgba(0,0,0,0)', // 默认色板 color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5 ...
分类：
其他好文 时间：
2020-05-30 15:27:23
阅读次数：
50
这里是修真院前端小课堂，每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能，本篇分享的是： 【渐进增强和优雅降级之间有什么不同?】 一.背景介绍： 渐进增强和优雅降级是在CSS3出现之后才火起来的。由于低级浏 ...
分类：
其他好文 时间：
2020-05-30 11:04:08
阅读次数：
58
