![](https://img-blog.csdnimg.cn/20190927151132530.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端相关
前端相关
DN金猿
大佬级别的小沙弥
展开
-
解决vue项目目录名字更改后启动异常问题:code: ‘ERR_MODULE_NOT_FOUND‘
我更改了项目根目录的名字,然后在 package.json 中的 name 属性也改了相同的名字。把项目目录中的 node_modules 文件夹删除,然后执行命令 cnpm i 重新安装依赖即可。原创 2024-07-16 11:29:45 · 147 阅读 · 0 评论 -
vue3在 setup 中访问路由和当前路由
所以如果你只在模板中使用这些对象的话,是不需要。对象是一个响应式对象。在多数情况下,你应该。对象,同时直接监听你期望改变的参数。请注意,在模板中我们仍然可以访问。,所以我们不能直接访问。原创 2024-07-15 20:17:08 · 317 阅读 · 0 评论 -
解决vue3引入ref后页面报错:The requested module ‘/xx/vue.js‘ does not provide an export named ‘default‘
【代码】解决vue3引入ref后页面报错:The requested module ‘/xx/vue.js‘ does not provide an export named ‘default‘原创 2024-07-14 22:53:14 · 155 阅读 · 0 评论 -
vite5+vue3+vant4+ts函数参数报错:TS7006: Parameter ‘data‘ implicitly has an ‘any‘ type.
报错截图: 这句话翻译过来就是参数暗指是any类型在TS中等同于以下代码:在TS中如果没有定义参数类型的话就会报这个信息。这是属于是JS的编码风格,但在TS当中,你需要给它赋上类型。方案二(非常不提倡): 在tsconfig.json当中使用 “noImplicitAny”: false 或者 “strict”: false 或者使用tsc命令带上以上两个参数使用这个意味着将TS的类型检测给屏蔽了,也就是说,你写的语法还是JS语法,与TS没什么关系(无意义的行为)文档中对这两个原创 2024-07-11 23:13:49 · 255 阅读 · 0 评论 -
解决:Failed to load PostCSS config: Failed to load PostCSS config
相反,请更改使用import()所需的代码,或者从D:\project\vite-vue-project\package.json中删除“type”:“module”。xxx.js是一个ES模块文件,因为它是一个.ts文件,其最近的父包.json包含“type”:“module”,它将该包范围内的所有.ts文件定义为ES模块。但vite5有的可能仍然提示cjs已经过时。原创 2024-07-10 22:44:11 · 281 阅读 · 0 评论 -
解决->autoprefixer配置 警告:Replace Autoprefixer browsers option to Browserslist config. Use browserslist
解决:vite->postcss->autoprefixer配置 警告:Replace Autoprefixer browsers option to Browserslist config. Use browserslist。当打包时,会提示警告:Replace Autoprefixer browsers option to Browserslist config. Use browserslis。方法4:根目录新建.browserslistrc 文件,将配置内容贴到文件中。原创 2024-07-10 22:03:52 · 160 阅读 · 0 评论 -
idea或vscode支持vue语法,ts可解析*.vue
方式一、在tsconfig.json中配置 "compilerOptions": {.... "allowJs": true, }方式二、找到vite-env.d.ts文件或者env.d.ts文件,添加如下代码。刚开始导入时,在vscode中的vue文件中内容都是灰色的。1.idea或webstorm安装vue.js插件。2.在vscode中。原创 2024-06-23 13:02:35 · 492 阅读 · 0 评论 -
在idea或vsCode中的Terminal命令窗口执行命令运行vue项目时报错cnpm : 无法加载文件 D:\xxx\nodejs\node_global\cnpm.ps1,因在此系统上禁止运行脚
在idea或vsCode中的Terminal命令窗口执行命令运行vue项目时报错:npm : 无法加载文件 D:\xxx\nodejs\node_global\cnpm.ps1,因在此系统上禁止运行脚。原创 2024-06-23 11:07:12 · 217 阅读 · 0 评论 -
使用Rsbuild构建基于Vue3+Vant4开发h5应用
Rsbuild 是基于 Rspack 的构建工具,由 Vant 作者开发,具备一流的构建速度和开发体验,对 Vant 提供第一优先级支持。使用文档:快速上手 - RsbuildVue (发音为 /vjuː/,类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。原创 2024-06-21 15:55:41 · 1114 阅读 · 0 评论 -
vue页面前端初始化表格数据时报错TypeError: data.reduce is not a function
意思就是无效的服务器 ,找不到org的实例,这就是后端的问题了,其实是后端的org服务没有注册到注册中心,找后端同事查查原因。这些报错,其实看第一段代码就可以了,意思就是需要的数组,但是你给了一个object,所以造成了下面一连串的报错。我用的注册中心是nacos,问题原因是org服务配置文件中namespace的值 填错了,改正之后正常。我们定位到代码中报错的那行代码,打印出data的数据看下。这是初始化表格数据时报的错。原创 2024-06-18 11:51:45 · 347 阅读 · 0 评论 -
2024最新版Node.js下载安装及环境配置教程(非常详细)
选择对应你系统的Node.js版本。原创 2024-06-17 15:49:04 · 6840 阅读 · 3 评论 -
form表单name以点(.)分割如何转json?
原数据:let form = { 'data': { 'user.title': '标题', 'data.name': '名字', }, }; 最终效果:let json = { 'data': { 'user': { 'title': '标题', }, 'data': { 'name': '名字转载 2021-11-01 17:34:12 · 165 阅读 · 0 评论 -
vue大屏可视化开源组件
文档:DataV原创 2021-11-01 10:59:53 · 2177 阅读 · 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 · 1463 阅读 · 0 评论 -
js获取一个月的第一天和最后一天
1. 获取本月第一天[输出结果]setDate(day) 方法将月份中的某一天设置为日期对象,day 必需是整数,表示月中的某一天。预期值是 1-31,但允许其他值:0 将导致上个月的最后一天-1 将导致上个月的最后一天的前一天如果一个月有 31 天:32 将导致下个月的第一天如果一个月有 30 天:32 将导致下个月的第二天2. 本月最后一天[输出结果]NOTE:new Date() 传入的时间为整数的时候返回的是当前月份下一个月的时间。转载 2023-05-16 17:36:37 · 7786 阅读 · 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 · 3065 阅读 · 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 · 1660 阅读 · 8 评论 -
【layui】设置select只向下展开
加css.layui-form-selectup dl { bottom: auto;}转载 2021-06-15 10:14:15 · 1065 阅读 · 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 · 3570 阅读 · 0 评论 -
一图看懂JQuery
一图看懂jquery原创 2022-08-12 13:19:43 · 277 阅读 · 0 评论 -
一图了解JSP基本语法
一图了解JSP基本语法原创 2022-08-12 13:24:25 · 99 阅读 · 0 评论 -
vue---组件引入及使用的几种方式
在vue的项目开发过程中,基本都是基于组件化开发项目,总结下使用组件的几个点:一、@符号的使用在vue项目中 @ 符号代表的是根目录,即 src 目录。二、组件的放置位置在项目中,公用的组件放置在 components 目录下,项目组件新建 views 目录来存放:三、组件的引和使用方法1、第一种引入和使用方法:import navs from '@/views/nav/index'使用组件:components:{ 'v-nav':navs}模板中使用转载 2021-10-28 15:42:59 · 4243 阅读 · 0 评论 -
给js动态添加版本号解决浏览器的缓存问题
但是,这样有一个问题,就是当程序猿更新了网页内容后,因为浏览器缓存的存在,可能没有办法显示出更新后的内容。今天我就遇到了这样的问题,做了一个小游戏的网页,用到了大量的图片和音频,测试时更新的js不能立刻反馈,总是需要清除缓存后刷新才能看到更新。谷歌浏览器对document.write()发出了警告,查看了谷歌浏览器的警告页,了解到了使用document.write()方式链接js文件会导致加载变慢,对网速不好的用户体验会变差,不过谷歌举的例子是使用2g的用户。添加一段代码,动态添加时间戳。原创 2023-03-14 15:00:45 · 2024 阅读 · 0 评论