摘要:
Echarts官网 在这个官网中有详细教程以及API,很容易入手Echarts,从个人刚学习Echarts图表来看,它的难度在于它有自己的一套属性,这和我们平时用的css是不同的,因而我们需要什么效果就得去遵守它的属性 对柱形图各部分分析:(重点) 根据柱形每个部分的专业名称去寻找官网中的配置项手册 阅读全文
摘要:
垂直对齐方式(文字和图片之间的对齐方式)针对行内或行内块,还能解决行内块之间的空白, vertical-align: baseline 默认 第三条线对齐 middle 中间对齐 < top 顶部对齐 bottom 底部对齐 px 具体像素 解决行内块间空白问题的三种方式--如img标签间有间距 v 阅读全文
摘要:
<span class="times">{{ time }}</span> export default { data() { return { time: "2020年08月31日 10:29" }; }, mounted() { this.currentTime(); }, methods: { 阅读全文
摘要:
效果 两句css代码实现全屏滚动效果 html代码 <body> <div class="container"> <section> <h3>第一屏内容</h3> <p> 在父容器上使用scroll-snap-type 属性 <br> 第一个参数y 是y轴捕捉位置 <br> mandatory 超过 阅读全文
摘要:
html结构中——左右两个盒子; 左边固定宽度,右侧宽度100%; 为左侧盒子设置position:absolute; 右侧盒子添加子盒,设置padding-left,属性值为左侧盒子的宽度 示例1 <!DOCTYPE html> <html> <head> <meta charset="utf-8 阅读全文
摘要:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function(){ //倒计时原理 时间差 = 未来时间 - 阅读全文
摘要:
vuex 用处:管理全局状态(类似全局变量,每个组件都能访问到) 结构: state 存放状态mutations state成员操作(修改state值唯一的方法)getters 加工state成员给外界actions 异步操作modules 模块化状态管理 vuex 用法: 1. 安装:npm in 阅读全文
摘要:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; list-style: none; border:none; } #box 阅读全文
摘要:
Vue常见错误解析 vue.js:634 [Vue warn]: Do not mount Vue to <html> or <body> - mount to normal elements instead. vue实例只能挂在到普通的元素标签上,不能是html、body标签,而且推荐使用id选择 阅读全文
摘要:
首先,移动端的适配,还是要先做好的,不管你是使用rem布局,还是使用media进行适配布局(只是单纯的宽度上),布局好了,这里只是宽度自适应了,如果是流式布局的话,这样就已经足够了,对于我们这里的单屏布局,就略显不足了。 所以这里就要用的:device-aspect-ratio和aspect-rat 阅读全文