![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端相关
前端相关
DN金猿
大佬级别的小沙弥
展开
-
vue页面前端初始化表格数据时报错TypeError: data.reduce is not a function
意思就是无效的服务器 ,找不到org的实例,这就是后端的问题了,其实是后端的org服务没有注册到注册中心,找后端同事查查原因。这些报错,其实看第一段代码就可以了,意思就是需要的数组,但是你给了一个object,所以造成了下面一连串的报错。我用的注册中心是nacos,问题原因是org服务配置文件中namespace的值 填错了,改正之后正常。我们定位到代码中报错的那行代码,打印出data的数据看下。这是初始化表格数据时报的错。原创 2024-06-18 11:51:45 · 171 阅读 · 0 评论 -
2024最新版Node.js下载安装及环境配置教程(非常详细)
选择对应你系统的Node.js版本。原创 2024-06-17 15:49:04 · 686 阅读 · 1 评论 -
form表单name以点(.)分割如何转json?
原数据:let form = { 'data': { 'user.title': '标题', 'data.name': '名字', }, }; 最终效果:let json = { 'data': { 'user': { 'title': '标题', }, 'data': { 'name': '名字转载 2021-11-01 17:34:12 · 162 阅读 · 0 评论 -
vue大屏可视化开源组件
文档:DataV原创 2021-11-01 10:59:53 · 2164 阅读 · 0 评论 -
VUE——实现点击按钮让页面的某一个元素全屏展示
一、先上效果图项目情况:vue+screenfull插件其实文档上写的很清楚:screenfull文档点击页面的全屏图标,使包裹地图的div实现全屏。二、安装依赖npm install --save screenfull三、引入依赖import screenfull from "screenfull"; // 引入全屏显示四、页面结构五、在页面加载时添加监听mounted () { const element = document.getElemen转载 2021-11-02 14:29:36 · 1454 阅读 · 0 评论 -
js获取一个月的第一天和最后一天
1. 获取本月第一天[输出结果]setDate(day) 方法将月份中的某一天设置为日期对象,day 必需是整数,表示月中的某一天。预期值是 1-31,但允许其他值:0 将导致上个月的最后一天-1 将导致上个月的最后一天的前一天如果一个月有 31 天:32 将导致下个月的第一天如果一个月有 30 天:32 将导致下个月的第二天2. 本月最后一天[输出结果]NOTE:new Date() 传入的时间为整数的时候返回的是当前月份下一个月的时间。转载 2023-05-16 17:36:37 · 7697 阅读 · 1 评论 -
VUE项目实现全屏显示功能---screenfull
摘要:使用screenfull 插件大多数开发项目中都需要全屏显示功能,在vue项目中有比较方便的插件 screenfull。npm地址:https://www.npmjs.com/package/screenfull点击图标 全屏显示再次点击退出全屏或者Esc 退出使用方法npm install screenfull --save首先安装npm install screenfull --save 在使用.vue文件中 引入import screenfull fr...转载 2021-11-02 14:22:42 · 3061 阅读 · 0 评论 -
vue中使用iframe嵌套html页面并传值到html
前言:在网上找了很多,大多给出的方式,只是在页面上首次加载的时候才会有值,以后再刷新网页,值就变成了undefined,甚至不走子页面中的方法。下面给出的方法,每次刷新都会有数据到子页面html.vue页面<iframe scrolling="no" ref="vueIframe" @load="loaded" frameborder="0" :src="`${publicPath}/html5/monitor.html`" style="width: 100%;height: 100%原创 2021-11-03 18:01:37 · 1635 阅读 · 8 评论 -
【layui】设置select只向下展开
加css.layui-form-selectup dl { bottom: auto;}转载 2021-06-15 10:14:15 · 1043 阅读 · 0 评论 -
解决vue表格列错位问题
使用v-if切换tab选项卡的时候,子内容表格的列可能会出现错位问题,官方给出的解决办法是使用doLayout方法,在这里总结了两种方法:1.使用doLayout()<el-table :data="table" ref="table" >oLayout方法进行强制重新渲染this.$nextTick(() => { this.$refs.table.doLayout()})2.给表格的每个列添加一个key值<el-table-column ...转载 2021-11-19 15:29:21 · 3516 阅读 · 0 评论 -
一图看懂JQuery
一图看懂jquery原创 2022-08-12 13:19:43 · 276 阅读 · 0 评论 -
一图了解JSP基本语法
一图了解JSP基本语法原创 2022-08-12 13:24:25 · 95 阅读 · 0 评论 -
vue---组件引入及使用的几种方式
在vue的项目开发过程中,基本都是基于组件化开发项目,总结下使用组件的几个点:一、@符号的使用在vue项目中 @ 符号代表的是根目录,即 src 目录。二、组件的放置位置在项目中,公用的组件放置在 components 目录下,项目组件新建 views 目录来存放:三、组件的引和使用方法1、第一种引入和使用方法:import navs from '@/views/nav/index'使用组件:components:{ 'v-nav':navs}模板中使用转载 2021-10-28 15:42:59 · 4218 阅读 · 0 评论 -
给js动态添加版本号解决浏览器的缓存问题
但是,这样有一个问题,就是当程序猿更新了网页内容后,因为浏览器缓存的存在,可能没有办法显示出更新后的内容。今天我就遇到了这样的问题,做了一个小游戏的网页,用到了大量的图片和音频,测试时更新的js不能立刻反馈,总是需要清除缓存后刷新才能看到更新。谷歌浏览器对document.write()发出了警告,查看了谷歌浏览器的警告页,了解到了使用document.write()方式链接js文件会导致加载变慢,对网速不好的用户体验会变差,不过谷歌举的例子是使用2g的用户。添加一段代码,动态添加时间戳。原创 2023-03-14 15:00:45 · 1967 阅读 · 0 评论