摘要：
html, body { height: 100%; // overflow-y: auto; // position: relative; } #root { height: 100%; position: relative; } * { margin: 0; padding: 0; border 阅读全文
摘要：
class绑定多个 // isActive 为true就会加active的class，同理isRed <div :class="{'active':isActive,'red':isRed}"></div> // 也可以这样写 <div class="red" :class="{'active':i 阅读全文
摘要：
一个完整的进度条效果其实可以拆分一下 一段背景 一小段的静态的斜纹进度条 斜纹进度条用线性渐变 linear-gradient 类实现，原理很好理解，2个参数： 1、角度 2、关键点（包含2个参数，1是颜色，2是长度位置） display: inline-block; width: 100px; h 阅读全文
摘要：
axios是一个库，并不是vue中的第三方插件，使用时不能通过Vue.use()安装插件，需要在原型上进行绑定 $npm install --save axios 在mian.js中引用axios，并邦到原型链上。使用插件的时候，一般要在入口文件main.js中引入，因为mian.js是项目首先运行 阅读全文
摘要：
页面中设置了定时器，如果组件销毁是没有关闭定时器，他还会一直执行，会非常耗性能，所以需要及时关闭定时器。 activated,deactivated生命周期的用法 关闭定时器 vue项目中，正常情况下，我们在生命周期 destroyed 中关闭即可，一旦页面中使用了keep-alive 进行缓存，此 阅读全文
摘要：
01 为元素添加on方法 Element.prototype.on = Element.prototype.addEventListener; NodeList.prototype.on = function (event, fn) {、 []['forEach'].call(this, funct 阅读全文
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>地域</title> <style type="text/css"> dl { padding: 0; margin: 0; clear: left; } dl dt { floa 阅读全文
摘要：
效果图 - 在线案例 css3中的属性：transform: translate(x,y) <style> .box { width: 100px; height: 100px; background: orange; position: absolute; left: 50%; top: 50%; 阅读全文
摘要：
方法封装 function formatDecimal(num, decimal) { num = num.toString() let index = num.indexOf('.') if (index !== -1) { num = num.substring(0, decimal + ind 阅读全文
摘要：
通过 CSS 画一个哆啦A梦，一起找回童年的回忆！ 效果图-在线演示-可右键查看完整源码 代码分解 border-radius 允许你设置元素的外边框圆角。当使用一个半径时确定一个圆形，当使用两个半径时确定一个椭圆。这个(椭)圆与边框的交集形成圆角效果。 开发过程中经常只用一个属性值，例如 bord 阅读全文