最近在开发一个Online Judge系统,其中有一个“挑战模式”模块,如图所示 由于是第一次使用ECharts做开发,所以完成整个模块的过程也是边写边学了,记录一下问题: 遇到的问题:在最开始进行测试的时候,一共有107个模块作为节点,节点之间还未设置关联关系,但是加载完全的用时达到了2s至3s. 解决的思路: (1)毫无疑问,ECharts的渲染成为了我第一个怀疑的对象,我认为是渲染的配置没有配置好,所以我通过查阅ECharts的相关文档,修改了一些参数,但是效果并不明显. (2)我重新设计…

通过多次爬坑,发现了这些监听滚动来加载更多的组件的共同点, 因为这些加载更多的方法是绑定在需要加载更多的内容的元素上的, 所以是进入页面则直接触发一次,当监听到滚动事件之后,继续加载更多, 所以对于无限滚动加载不需要写首次载入列表的函数, 代码如下: html: //父组件 <div v-infinite-scroll="loadMore" infinite-scroll-disabled="loading" infinite-scroll-distance=…

路由管理:保留滚动位置 其实现与组件的keep-alive相关,仅设置了keep-aive的页面,实施保留回退位置能力. keep-alive介绍 作用 把切换出去的组件保留在内存中,可以保留它的状态或避免重新渲染,提升切换性能. 相关的生命周期 created() { console.log('created') }, activated() { console.log('activated') }, deactivated() { console.log('deactivated') },…

---恢复内容开始--- 一.前言                                                                                                                                1.使用mint-ui实现上拉加载                                             2.出现的坑(当按住鼠标左键然后拖动,会进入一个检测机制) 二.主要内容       …

最近在做一个树形结构的组件,使用了Vue和element UI中el-tree组件.因为树中每个节点都需要显示一个图标图片,并且需要根据后台传入的数据类型动态地显示,所以图片的路径需要动态地加载.下面是核心组件代码: <el-tree :data="data" class="tree-view" node-key="id" :props="defaultProps" @node-click="click&quo…

最近做项目,一页图片很多,加载的时候效果很差. 通过学习借鉴其他大神的方法,使用了插件vue-lazyload,使用这个插件,界面更美观了,加载的效果好起来. 安装 npm i vue-lazyload --save 在main.js中加入下面代码 import VueLazyload from 'vue-lazyload' // 引入这个懒加载插件 // Vue.use(VueLazyload) // 直接使用 Vue.use(VueLazyload, { // 添加自定义选项 preLoad…

本项目地址:https://github.com/OceanBBBBbb/ocean-code-generator 项目简介 ocean-code-generator采用(适用):     ,并使用maven构建.支持自动生成一个业务逻辑增删改查的后端controller.service.dao的代码,前端列表查询和单条数据的增删改查的vue代码.这里是后端代码,前端在https://github.com/OceanBBBBbb/ocean-code-generator-fe.如果你不会前端,也…

修改nginx主配置文件:/usr/local/nginx/conf/nginx.conf proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $remote_addr; 修改tomcat配置文件:server.conf,注意在 里面添加 <Valve className="org.apache.catalina.valves.Acces…

1.  webpack只识别js文件,其他文件都需要转换成js文件.所有文件都是模块; 2. css解析      css需要css-loader  --->style-loader ----->less-loader less文件还需要less-loader (注意书写顺序) 3. plugins:他是一个数组,四个属性中唯一一个数组,它的子元素需要提前require进来. 我不明白loader们不需要require而插件需要require?????????? 这是官方文档,loader相当…

转载 2017年06月14日 22:36:59 8485 问题现象: nginx配置反向代理后,网页可以正常访问,但是页面上的js css文件无法加载,页面样式乱了. (1)nginx配置如下: (2)域名访问:js css文件无法加载: (3)IP访问:js css文件可以正常加载: 解决方法: nginx配置文件中,增加如下配置: location ~ .*\.(js|css|jpg)$ { proxy_pass http://127.0.0.1:8866; } 原因分析: 反向代理的路径下…