前端经验

Vue-Cli项目优化操作的实现

起源 由Vue-Cli(2.X)生成的Vue项目中存在着首屏加载过慢,编译资源过大等问题,主要针对这些问题对项目进行相应的优化,提升项目响应速度,优化项目性能。 操作 路由懒加载 在V...

前端经验

vue 父组件通过v-model接收子组件的值的代码

具体代码如下所述: template div el-select v-model = typeValue placeholder = 请选择包类型 @ change = typeValChange el-option v-for = item in typeData :key = item.id :label = item.label :value = item.id :disabled = item.disable...

前端经验

echarts折线图给数据加单位

主要位以下代码,其中{b0} {a0} {c0}代表不同的变量(echarts内自带的),br为换行的意思,不需要的变量可以自行删除。 tooltip : { trigger : axis , //在这里设置单位 formatter: {b0}/br{a0}:{c0}万...

前端经验

屏幕大小改变时echarts图表自动重新渲染

其实也很简单,下面有实例,直接粘贴就可以用,主要原理是屏幕大小改变的事件内写了一下下代码 window .onresize = function () { myChart.resize();} 完整示例: !DOCTYPE html html head meta charset =...

前端经验

Bootstrap简单布局

!DOCTYPE html html head meta charset = utf-8 title / title link rel = stylesheet type = text/css href = https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css / script src = https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jq...

前端经验

LayUi数据表格自定义赋值方式

官方写的非常抽象,反正我是没看懂,可能还没到能看懂前端的级别 自己也是百度的 一开始想去实现一个 用的是 定义表头参数: { field : status , title: 状态 , width: 150 , templet: #manager_s...