前端
前端各项知识
练习一下
这个作者很懒,什么都没留下…
展开
-
uniapp webview注入代码
【代码】uniapp webview注入代码。原创 2023-02-02 11:35:30 · 1609 阅读 · 0 评论 -
JavaScript - 监听节点变化
【代码】JavaScript - 监听节点变化。原创 2022-10-27 17:26:05 · 511 阅读 · 0 评论 -
AntDesignVue table的customRender(style动态赋值)
AntDesignVue table的customRender(style动态赋值)原创 2022-08-19 18:30:33 · 2380 阅读 · 0 评论 -
CSS 行数超出显示三个点
overflow: hidden;text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;原创 2021-10-22 09:26:20 · 372 阅读 · 0 评论 -
elementUI联级选框el-cascader的选项重置
// 数据修改时,因为数据的层级不同,所以可选的层级也不同let panel = this.$refs.cascader.panel// id为需要修改的数据的id, oldId为上一条被修改的数据的id// 不同时,需要清空已选择的选项if (id !== oldId) { panel.clearCheckedNodes() panel.activePath = [] panel.syncActivePath()}// 上面提到的层级不同,需要重置选项面板,重新获取数据if (l原创 2021-10-15 08:51:11 · 1720 阅读 · 0 评论 -
elementUI中table的树形结构的刷新、增加、修改、删除
// 刷新 refreshHandle() { this.dataListLoading = true const store = this.$refs.table.store store.states.data = [] setTimeout(async () => { await this.getDataList() }, 500) }, //点击新增按钮的新增方法:item为行数据 ...原创 2021-10-15 08:42:25 · 3823 阅读 · 3 评论 -
import实现动态路由时不能使用变量的问题
情景开发模式下路由跳转很正常,但是打包后,点击菜单路由视图并不加载,说Cannot find module解决方法一将component = import('@/views/' + path + '.vue')替换为:// resolve不能省略component = resolve => require([`@/views/${path}.vue`], resolve)方法二使用dynamic-import插件(这并不是一个插件的名字)。原因webpack 编译es6原创 2021-09-25 11:19:14 · 2569 阅读 · 3 评论 -
Vue+Element 一个表头对应两列
以elementui表格下的第一个示例为基础做的修改,header-cell-style的使用HTML<el-table :data="tableData" style="width: 100%" :header-cell-style="rowClass"> <el-table-column label="日期"> <el-table-column prop="date" width="180"></el-table-column>原创 2021-09-10 15:49:30 · 4267 阅读 · 0 评论 -
Vue 一个网站如何实现两个菜单路由
极少有这种奇怪的需求,去年遇到的,一直没有整理,现在有时间整理了,尴尬的是项目的登录密码忘了。。。没办法调试了。。但是大体的思路是这样的需求网站原本有一个菜单列,现在用户希望点击某行数据的时候,弹出一个新的页面,同时左侧加载一个新的菜单。之前的菜单对应的是项目的各种信息列表,新菜单对应的是单个项目的各项信息明细。步骤首先熟悉当前项目的路由相关的代码:加载位置,是否格式化数据等;先写个固定路由,这些路由可以使用,但不会影响当前目录,所以登录页面的路由在哪里,这些路由就可以写在哪里(当时没主要原创 2021-09-09 09:22:19 · 3278 阅读 · 0 评论 -
vue项目根据不同环境配置接口
创建env文件在main.js的同级目录下,创建三个文件,.env.development、.env.test、.env.production,分别代表开发环境、测试环境和生产环境,里面的内容依次是:// 开发环境VUE_BASE_URL = 'http://....'// 测试环境VUE_BASE_URL = 'http://....'// 生产环境VUE_BASE_URL = 'http://....'配置package.json "serve": "vue-cli-ser原创 2021-08-19 08:28:28 · 265 阅读 · 0 评论 -
vue3.0 + openLayer,实现图层切换
第一步:npm安装npm install ol因为涉及兄弟组件传值,所以还引入mittnpm install mittmain.js中,配置如下:import { createApp } from 'vue'import App from './App.vue'import router from './router'import store from './store'import Mitt from 'mitt'const app = createApp(App)// 挂.原创 2021-08-18 16:24:13 · 1199 阅读 · 0 评论 -
请求被挂起导致页面加载缓慢
前提提要系统内存在两个服务器的接口,一个是己方,一个是他方,某一天很多客户反应页面加载缓慢,但是最终会显示,经过排查,发现他方的接口一直处于pending状态,导致我方接口被迫挂起。奇葩的是,超时不会报错!!!登录对方的官网,发现也进不去。。。初步猜测是对方的服务器挂了,但是这种情况会返回相应的报错,然后猜测是对方的后端一直未返回数据。排雷网上说的几种情况:1.并发量问题:浏览器对同一域名存在一个最大并发连接数,建议将资源分布在多台主机上(我们虽然调用了两个接口,但是不同域名,排除);2.系统原创 2021-08-14 18:24:03 · 10544 阅读 · 0 评论 -
CSS-不设置div宽度,使div里面的内容居中
不设置div宽度,使div里面的内容居中不设置div宽度,使div里面的内容居中<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width.原创 2020-08-28 10:23:51 · 441 阅读 · 0 评论