qq_35363709的博客

原创 npm 依赖个版本不兼容问题处理

命令来强制安装依赖项。但这可能会导致不稳定的依赖关系，不建议长期使用。

原创 2024最新

1.vue2中响应式原理是object.definePropety ,vue3中的相应原理是proxy。4.vue2中使用slot可以直接使用slot，而vue3中必须使用v-slot的形式。5.v-for与v-if在vue2中v-for指令的优先级较高，不建议一起使用；3.main.js文件：vue2中使用的是构造函数，vue3中使用的是工厂函数。6.在vue3中，只是把当前的v-if当成一个判断语句，不会相互冲突。2.vue2中不支持多个根节点，vue3支持多个根节点。

原创 Vue中使用debugger在chrome谷歌浏览器中失效问题（已解决）

Vue中使用debugger在chrome谷歌浏览器中失效问题（已解决）_vue debugger 不生效-CSDN博客

转载 VUE3发布到IIS跳转页面报404以及刷新报404解决

原文链接：https://blog.csdn.net/langligelangxy/article/details/131975495。

原创 前端网址收藏

1.图标库。

原创 js 对象去重

数组中找到第一个该值的元素，从而得到去重后的数组。这里需要注意的是，需要用。属性抽取出来，得到一个数组；这样，就可以用很简洁的代码实现去重的功能。方法遍历去重后的数组，对于每个不同的。解释一下上述代码的思路：首先利用。根据 GongXu 相同去重。

原创 vue watch 的使用方式

vue watch 的使用方式。

原创 前端json排序

【代码】前端json排序。

转载 vue 页面系统信报错拦截，跳回到登录页

vue 页面系统信报错拦截，跳回到登录页

原创 vue excel导出分多个sheet

vue excel导出分多个sheet

转载 Vue3.0 完全教程

Vue3.0 完全教程

原创 setTime 传递参数无发获取问题

setTime 传递参数无发获取问题

转载 vue 快速重置data中的数据

如何在点击取消按钮的时候快速重置data数据呢。

原创 前端常用正则表达式

【代码】前端常用正则表达式。

转载 echarts 折线图百分比 tooltip 实例 两种方法

图表请求数据失败!在知道有几个类型时：下面有五个类型。在不知道几个类型时： 自定义类型。name: '日期',name:'登录率',

原创 Vue 关闭eslint

关闭eslint语法验证。

原创 js 两个数组合并对象，一个为key，一个为值

js 两个数组合并对象，一个为key，一个为值

原创 js 截取ip地址

js截取ip地址。

转载 vue路由在多级页面下，页面刷新空白（history模式）

vue路由在多级页面下，页面刷新空白（history模式）

原创 js at（），isInteger（），sign（），Array.of()的使用

js at（），isInteger（），sign（），Array.of()的使用

原创 js 数组循环相加，获取相加后新的数组

暂无

转载 Echarts社区地址

Echarts社区已停止运营，下面存在开源网站第一个：www.isqqw.com/#/homepage，多个分类， 可在线调试和切换版本。第二个：http://www.ppchart.com 多个分类，可在线调试。新增一个网址，跟之前开源社区网址很像，但是不确定是否是同一个，功能很全：https://www.makeapie.cn/echarts...

原创 nginx 代理部署前端项目

nginx代理发布前端程序-Node.js文档类资源-CSDN下载1.此目录下存放前端dist 文件2.配置nginx代理 ，端口号为70 ，ip地址 为 121.41.10.xx3.重启nginx 服务nginx代理发布前端程序-Node.js文档类资源-CSDN下载...

原创 按钮扁平化设计代码

代码地址：按钮扁平化设计代码。。-其它文档类资源-CSDN下载

原创 2022前端面试题总结

css一：CSS 盒子模型(Box Model)外边距（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。二：CSS之绝对定位与相对定位的区别position: absolute绝对定位：绝对定位是相对于元素最近的已定位的祖先元素，如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（也就是body）。position: relative相对定位：相对位置的坐标参考系是以自己上一次的位置（x，y）作为原点（0，0）

转载 git commit 忽略eslint

使用命令行输入 可以关闭 eslint git commit --no-verify -m "信息"

原创 react 刷新页面 默认执行点击事件

、、刷新页面执行 <button onClick={test()}>点击</button> const test=() => { console.log('事件执行。。。') }) 、、点击按钮执行 <button onClick={()=>test()}>点击</button> const test=() => { console.log('事件执行。。。') ...

原创 react 我自己理解的子组件给父组件传事件

原创 react 添加动态类，并且在在判断默认类

需要完成序号1,2,3前三名变色区别jsx 代码 <li key={item.title}> <span className={`${styles.rankingItemNumber} ${i < 3 ? styles.active : ''}`}> {i + 1} </span> <span className={styles.rankingItemTitle} titl

转载 js 代码优化简写

1.if多条件判断常规:if(x===""abc"" || x==="def" || x===""ghi" || x ="jkl"){}优化:if(['abc','def','ghi','jkl'].includes(x)){}2.函数条件调用//常规function test1(){ console.log('test1')}function test2(){ console.log('test2')}var test3 = 1;if..

原创 react antd design pro 模态框可拖动

废话不多说, 直接上代码,百度了半天终于发现有个能用的了!!!!!!!!1. 安装插件 yarn add antd-draggable-modal 用来代替 antd 的 model 组件2.可能也需要 yarn install3.事例 :这是使用react antd design pro 高阶组件 使用 DraggableAntdModal 替换掉之前Modal , 注意加上 draggable 属性,才可以拖拽...

原创 Object.entries 删除对象索引， 以及数据结构

let list = { '1': { "text": "SERE" }, '2': { "text": "MM" }, '3': { "text": "Production" }, };或 let list = [ ...

原创 js 批量删除获取对象id

例如: 获取数组为listnewId = arr.map( (row) => row.id )console.log(newId)

原创 es6 startsWith 同一key值, 不同value值修改同一格式

例如: let arr = [{ key: 'https://www.baidu.com/', }, { key: 'https://www.taobao.com/', }, { key: 'https://www.xinlang.com/', }, { key: 'ali.com/', }, { key: 'xiaomi.com/', }];需求加上没有http://w...

转载 基于create-react-app官方脚手架搭建dva模式的项目（一）

参考链接:基于create-react-app官方脚手架搭建dva模式的项目（一）_小记心得-CSDN博客_create-react-app基于create-react-app官方脚手架搭建dva模式的项目（二）_小记心得-CSDN博客

原创 es6 修改后台返回的数据key

例如返回: let test = [{ type: 'T1', usetime: 100 }, { type: 'T2', usetime: 200 }, { type: 'T3', usetime: 300 }, ]然而我们需要 let test =...

转载 Error: xAxis “0“ not found ▶ 14 stack frames were collapsed.

Error: xAxis "0" not found▶ 14 stack frames were collapsed.echart错误原因var echarts = require('echarts');官方示例

转载 Object.entries() 的使用

一：Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组，其排列与使用 for.....in 循环遍历该对象时返回的顺序一致（区别在于for...in）循环还会枚举原型链中的属性.二：使用示例：const object1 = { a: 'somestring', b: 42};for (const [key, value] of Object.entries(object1)) { console.log(`${key}: ${value}`...

原创 react 入门一： 点击按钮显示隐藏

1. const[show,isshow]=useState(false);2. <pstyle={{backgroundColor:'red'}}hidden={show}>显示/隐藏</p><Buttontype="primary"onClick={()=>isshow(!show)}>测试</Button>...

原创 echarts-gl.min.js 在线地址可下载离线文件

<script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script><script src="https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js"></script>