土豆逆袭la-CSDN博客

土豆逆袭la

码龄8年

个人简介：哈哈哈技术宅努力学习中....

IP 属地：安徽省

查看详细资料

个人成就

获得51次点赞
内容获得62次评论
获得120次收藏
代码片获得260次分享

TA的专栏

兴趣领域设置

前端

css3echartslesstypescriptnode.jsvue.jselectronelementuiscsses6npmsasschrome devtoolspostcss前端前端框架view designanti-design-vueexpress

创作活动更多

AI大模型如何赋能电商行业，引领变革？

如何使用AI技术实现购物推荐、会员分类、商品定价等方面的创新应用？如何运用AI技术提高电商平台的销售效率和用户体验呢？欢迎分享您的看法

175人参与去创作

搜TA的内容

monaco editor vue2项目简记

monaco editor 编辑器的简单使用

发布博客 2023.03.02 ·

vue-cropper图片裁剪

图片裁剪&头像裁剪

发布博客 2022.07.21 ·

最新数组方法（包括es6）

1.arr.push() 从后面添加元素，返回值为添加完后数组的长度；let arr = [1,2,3]console.log(arr.push(4)) // 4console.log(arr) // [1,2,3,4]2.arr.pop() 从数组后面删除元素，只能是一个，返回值是删除的元素；let arr = [1,2,3]console.log(arr.pop()) // 3console.log(arr) // [1,2]3.arr.shift() 从数组前面删除元

发布博客 2022.01.17 ·

provide inject 传值用watch 监听

爷爷组件grandPa: provide() { return { treeDataObj: this.treeDataObj //传入一个可监听的对象 }; }, data() { const that = this; return { treeDataObj: { list: [] //传入一个可监听的对象一个可监听的对象，那么其对象的 property 还是可响应的,实时监听改变 }, // 树no

发布博客 2021.11.17 ·

2021-09-26深拷贝错误记录(js更改拷贝数组的值，而不改变原数组 )

拷贝在前！！！才能做到隔离js更改拷贝数组的值，而不改变原数组的方法总结方法一利用ECMAScript 6 的展开运算符 let arr1 = [1, 2, 3], arr2 = [...arr1];arr2.splice(0, 1); console.log(arr1);console.log(arr2); 方法二利用json格式化 let arr1 = [1, 2, 3], arr2

发布博客 2021.09.26 ·

vuex页面刷新后数据丢失的方法页面刷新后数据丢失的方法

vuex页面刷新后数据丢失的方法页面刷新后数据丢失的方法1. 原因原因（1）js代码是运行在内存中的，代码运行时的所有变量、函数都是保存在内存中。（2）刷新页面，以前申请的内存被释放，重新加载脚本代码，变量要重新赋值。（3）要想刷新后数据不丢失就必须把数据存储在外部，例如：Local Storage、Session Storage、Index DB等。这些都是浏览器提供的API，让你可以将数据存储在硬盘上，做持久化存储。2. HTML5提供的提供的2种客户端存储数据的新方法种客户端存储数据的新方

发布博客 2021.08.17 ·

vue用Object.defineProperty手写一个简单的双向绑定的示例

Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>双向绑定</title></head><body> 手写一个简单双向绑定<br/> <input type="text" id=

发布博客 2021.06.11 ·

flex属性-flex:1到底是什么

flex属性是 flex-grow、flex-shrink、flex-basis三个属性的缩写。推荐使用此简写属性，而不是单独写这三个属性。flex-grow：定义项目的的放大比例； 1. 默认为0，即即使存在剩余空间，也不会放大； 2.所有项目的flex-grow为1：等分剩余空间（自动放大占位）； 3.flex-grow为n的项目，占据的空间（放大的比例）是flex-grow为1的n倍;2.flex-shrink：定义项目的缩小比例； 1. 默认为1，即如果空间不足，该项目

发布博客 2021.05.17 ·

日常笔记

1.vue无缝滚动插件：vue-seamless-scroll地址：vue-seamless-scroll2.小程序图表使用U-charts地址：u-chartscanvas是原生组件级别最高，小程序使用echarts和F2都不能解决图标会覆盖在模态框上的bug,ucharts可以，u-charts 转化图片的方法只对原生的canvas标签起作用3.3d拓扑图：3d-force-graph4.ant-design-vue a-table合并表格行和列...

发布博客 2021.03.01 ·

小程序图表u-charts

图表的插件库有很多echarts ,F2,，uCharts …echarts 更适合应用于后台管理系统或者pc 端,而且比较漂亮，功能也比较全乎当小程序使用echarts 并且引用echarts 他会提示（文件太大）然后报错，虽然不影响图表实现，但是还有一个弊端就是canvas是原生组件，级别太高，当打开模态框或者抽屉会盖在抽屉之上...

发布博客 2021.05.06 ·

ant-table表合并行和合并列

以下是合并行，合并列时把所有的rowSpan 换成colSpan1.html—table引入(:dataSource=“makeData(dataSource.data)”)<a-table :scroll="{y: dataSource.rowsHeight,x:1800}" :customRow="customHover" bordered :columns="columns" :dataSource="makeData(dataSource.data)"

发布博客 2021.02.03 ·

3D图

一：安装依赖插件1.安装3d-force-graphnpm i 3d-force-graph2.安装three.jsnpm i three3.文本节点需要安装spriteText(可选)npm i three-spritetext二：3d-force-graph 按官方demo写在自己项目里gitHub地址：https://github.com/vasturiano/3d-force-graph如图所示：可根据自己需要找到需要的demo文件，画出基本的3d模型；**Note:1

发布博客 2020.11.18 ·

LivePlayer H5播放器（实时视频和历史视频）

1.安装依赖：npm install @liveqing/liveplayer2.vue.config.js配置:const CopyWebpackPlugin = require('copy-webpack-plugin');module.exports = { configureWebpack: { plugins: [ new CopyWebpackPlugin([ { from: 'node_modules/@liveqing/

发布博客 2020.08.14 ·

好用Ip正则，拿走不谢！！

if (form.sbip != ''){ let sbip = form.sbip; let pattern = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/ let result=pattern.test(sbip); ...

发布博客 2020.07.20 ·

ant-design-vue:table 指定expandedRowKeys后会导致其他的折叠按钮无法展开与回缩

项目需求：默认展开所有树结构；（展开之后点击折叠按钮仍然可以搜索）ant-design-vue有个bug：table 指定expandedRowKeys后会导致其他的折叠按钮无法展开与回缩，然后我试了defaultExpandedRowKeys也只会在首次加载起作用expandedRowKeys：展开的行，控制属性字符串数组defaultExpandedRowKeys：默认展开的行字符串数组两个数据类型都一样，功能相同，唯一区别时一个是默认的只会初始化加载依此，一个是可控的数组内的存值是要展开的

发布博客 2020.07.17 ·

ant design vue嵌套子表格编辑子表无法打开编辑状态

可能是由于vue的dom状态未及时更新，采用下面强制刷新一下就可以了，例如：我这里点击编辑，编辑状态未显示：this.$forceUpdate() // 强制刷新，因为数据层次太多，render函数没有自动更新，需手动强制刷新。...

发布博客 2020.07.08 ·

多行文本的缩进两格（带序号列表也适用）

css中text-indent属性可以使每个段落首行开头文字缩进，如缩进2个文字距离样式。p{　　text-indent: 2em; /*em是相对单位*/}注：em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上，就是首行缩进了2em。那如果我们想让第二行缩进一格呢：``p {　　text-indent: -2em;　　margin-left: 2em;}**设置text-indent: -2em;以后p标签中第一行文字向左偏移，这样第二行开

发布博客 2020.07.08 ·

ant design vue嵌套表格子表无数据时不显示展开图标

根据用户体验，这个是必须实现的。。查了一下官网文档用expandIcon 是一个函数，具体用法如下：1.a-table 标签里定义：expandIcon=“expandIcon” 该方法，代码如下：<a-table :scroll="{y: dataSource.rowsHeight}" rowKey="id" @expandedRowsChange="expandedRowsChange

发布博客 2020.07.08 ·

MVVM框架和jQuery的区别

1 一个MVVM框架和jQuery操作DOM节点有什么区别？JQ操作DOM节点是要用$符号对dom节点进行属性改变，事件注册，事件触发，例如，Hello, BatMan!var name = 'Homer';$('#name').text...

发布博客 2020.06.09 ·

浅拷贝与深拷贝

浅拷贝与深拷贝一、数据类型数据分为基本数据类型(String, Number, Boolean, Null, Undefined，Symbol)和对象数据类型。基本数据类型的特点：直接存储在栈(stack)中的数据引用数据类型的特点：存储的是该对象在栈中引用，真实的数据存放在堆内存里引用数据类型在栈中存储了指针，该指针指向堆中该实体的起始地址。当解释器寻找引用值时，会首先检索其在栈中的地址，取得地址后从堆中获得实体。二、浅拷贝与深拷贝深拷贝和浅拷贝是只针对Object和Array这样的引用数据类.

发布博客 2020.06.09 ·