土豆逆袭la
码龄8年
关注
提问 私信
  • 博客:182,866
    182,866
    总访问量
  • 55
    原创
  • 746,116
    排名
  • 45
    粉丝
  • 0
    铁粉

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

IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:安徽省
  • 加入CSDN时间: 2017-04-14
博客简介:

kassiaaaa的博客

查看详细资料
个人成就
  • 获得51次点赞
  • 内容获得62次评论
  • 获得120次收藏
  • 代码片获得260次分享
创作历程
  • 1篇
    2023年
  • 2篇
    2022年
  • 8篇
    2021年
  • 16篇
    2020年
  • 14篇
    2019年
  • 4篇
    2018年
  • 25篇
    2017年
成就勋章
TA的专栏
  • 日常笔记
    8篇
  • monaco editor
    1篇
  • watch
    2篇
  • flex
    2篇
  • 小程序
    1篇
  • ant design vue
    5篇
  • 3d-force-graph
    1篇
  • three
    1篇
  • spriteText
    1篇
  • 直播视频
    1篇
  • 直播LivePlayer H5播放器
  • this.$set
    2篇
  • css
    1篇
  • 项目随笔
    25篇
  • angularjs
    16篇
  • typescript
    7篇
  • node-js
  • ionic-学习
    9篇
  • VUE学习
    10篇
  • Vue+elementUI
    8篇
  • js
    4篇
  • ie
    1篇
  • ie兼容
    1篇
  • echarts
    1篇
兴趣领域 设置
  • 前端
    css3echartslesstypescriptnode.jsvue.jselectronelementuiscsses6npmsasschrome devtoolspostcss前端前端框架view designanti-design-vueexpress
创作活动更多

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

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

175人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

monaco editor vue2项目简记

monaco editor 编辑器的简单使用
原创
发布博客 2023.03.02 ·
416 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue-cropper图片裁剪

图片裁剪&头像裁剪
原创
发布博客 2022.07.21 ·
460 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

最新数组方法(包括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 ·
389 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

provide inject 传值用watch 监听

爷爷组件grandPa: provide() { return { treeDataObj: this.treeDataObj //传入一个可监听的对象 }; }, data() { const that = this; return { treeDataObj: { list: [] //传入一个可监听的对象 一个可监听的对象,那么其对象的 property 还是可响应的,实时监听改变 }, // 树no
原创
发布博客 2021.11.17 ·
2943 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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 ·
258 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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

vuex页面刷新后数据丢失的方法页面刷新后数据丢失的方法1. 原因原因(1)js代码是运行在内存中的,代码运行时的所有变量、函数都是保存在内存中。(2)刷新页面,以前申请的内存被释放,重新加载脚本代码,变量要重新赋值。(3)要想刷新后数据不丢失就必须把数据存储在外部,例如:Local Storage、Session Storage、Index DB等。这些都是浏览器提供的API,让你可以将数据存储在硬盘上,做持久化存储。2. HTML5提供的提供的2种客户端存储数据的新方法种客户端存储数据的新方
转载
发布博客 2021.08.17 ·
888 阅读 ·
0 点赞 ·
0 评论 ·
3 收藏

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 ·
179 阅读 ·
0 点赞 ·
1 评论 ·
0 收藏

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 ·
1007 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

日常笔记

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 ·
271 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

小程序图表u-charts

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

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 ·
809 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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 ·
1047 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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 ·
3577 阅读 ·
1 点赞 ·
2 评论 ·
3 收藏

好用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 ·
189 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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

项目需求:默认展开所有树结构;(展开之后点击折叠按钮仍然可以搜索)ant-design-vue有个bug:table 指定expandedRowKeys后会导致其他的折叠按钮无法展开与回缩,然后我试了defaultExpandedRowKeys也只会在首次加载起作用expandedRowKeys:展开的行,控制属性 字符串数组defaultExpandedRowKeys:默认展开的行 字符串数组两个数据类型都一样,功能相同,唯一区别时一个是默认的只会初始化加载依此,一个是可控的数组内的存值是要展开的
原创
发布博客 2020.07.17 ·
6531 阅读 ·
2 点赞 ·
3 评论 ·
6 收藏

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

可能是由于vue的dom状态未及时更新,采用下面强制刷新一下就可以了,例如:我这里点击编辑,编辑状态未显示:this.$forceUpdate() // 强制刷新,因为数据层次太多,render函数没有自动更新,需手动强制刷新。...
原创
发布博客 2020.07.08 ·
497 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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

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 ·
1848 阅读 ·
1 点赞 ·
0 评论 ·
3 收藏

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

根据用户体验,这个是必须实现的。。查了一下官网文档用expandIcon 是一个函数,具体用法如下:1.a-table 标签里定义:expandIcon=“expandIcon” 该方法,代码如下:<a-table :scroll="{y: dataSource.rowsHeight}" rowKey="id" @expandedRowsChange="expandedRowsChange
原创
发布博客 2020.07.08 ·
5982 阅读 ·
2 点赞 ·
2 评论 ·
3 收藏

MVVM框架和jQuery的区别

1 一个MVVM框架和jQuery操作DOM节点有什么区别?JQ操作DOM节点是要用$符号对dom节点进行属性改变,事件注册,事件触发,例如,Hello, BatMan!var name = 'Homer';$('#name').text...
转载
发布博客 2020.06.09 ·
1695 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

浅拷贝与深拷贝

浅拷贝与深拷贝一、数据类型数据分为基本数据类型(String, Number, Boolean, Null, Undefined,Symbol)和对象数据类型。基本数据类型的特点:直接存储在栈(stack)中的数据引用数据类型的特点:存储的是该对象在栈中引用,真实的数据存放在堆内存里引用数据类型在栈中存储了指针,该指针指向堆中该实体的起始地址。当解释器寻找引用值时,会首先检索其在栈中的地址,取得地址后从堆中获得实体。​​二、浅拷贝与深拷贝深拷贝和浅拷贝是只针对Object和Array这样的引用数据类.
转载
发布博客 2020.06.09 ·
223 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多