- 博客(29)
- 收藏
- 关注
RSS订阅原创 GeneralInfo -- 一般详情
Ant Design 的封装组件，这个组件不仅继承了 Ant Design 的美观和功能性，还增加了额外的定制性和易用性，使其成为展示详情信息或其他类似数据的完美选择。组件提供了丰富的 API，允许开发者根据具体需求定制每一个细节。通过 Property接口，你可以轻松定义每个属性的标签、获取值的函数、是否显示的条件，以及更多的布局属性。
2024-10-24 09:52:35
266
原创 项目中接入神策埋点
定义环境变量 VITE_PROJECT_ENV (prod demo test)使用npm 或 yarn 或 pnpm 安装依赖。将神策埋点信息挂载到 vue 实例下。3s算一次曝光 可写在路由拦截中。或直接通过window获取实例。
2024-01-02 17:59:02
1410
原创 「 纯css实现进度条百分比效果」
/div></div>{{ '页面加载中...' }}</div></div>top: 50%;left: 50%;left: 78px;// process 动效 loading 2s 结束 可更改&-mask {&-text {top: 330px;100% {
2024-01-02 17:22:05
1213
原创 react--自定义列表字段
支持react表格自由选择展示的字段，支持全选2、组件使用 页面导入 import CustomColumns from "@/components/CustomColumns";设置默认状态： 3、定义tableColumns4、在table组件中过滤出操作选项和默认项5、组件调用
2024-01-02 17:13:59
845
原创 react-封装Echarts基础配置项
针对Echarts配置项做的封装处理，项目中多次用到一个类型的图表时可封装节省多余代码，可以根据自己项目需求做出修改。基于上一篇文章做出的补充（
2023-11-06 16:17:23
207
原创 element form && tabel 的二次封装及使用＜vue＞
<!-- 搜索表单 --><template><div class="ces-search"> <el-form :size="size" inline :label-width="labelWidth"> <el-form-item v-for='item in searchForm' :label="item.label" :key='item.prop'> <!-- 输入框 --&g.
2022-05-27 09:52:16
196
原创 仿soul 3d 星球
<template> <div class="tagBall"> <a class="tag" target="_blank" rel="external nofollow" :style="getStyle(item)" v-for="(item, index) in nameList" :key="index" >{{item.wordName}}</a> </div></template><...
2022-04-25 13:26:55
1330
1
原创 vue 使用 watch 监听 computed计算属性实现本地搜索及升序排序
一，watch 监听实现模糊搜索1.本地数据2，js 代码 watch: { keyValue: { immediate: true, // 页面初始化时候执行, keyValue 为 undefined 将 filPersons = persons handler(val) { // 拿到 oldValue 做过滤 和 persons 数组中的值做一个比对 // 将拿到的值重新赋值给 filPersons .
2021-12-30 16:24:46
688
原创 数组 || 对象的一些操作
1，数组对象转成键值对的形式const array = [{ key:"name", value:"testpostman22"},{ key:"remark", value:"测试postman22"}]const arrayToObject = array => { const result = {} array.forEach(item => { result[item.key] = item.value .
2021-12-27 14:10:49
178
原创 vue大屏列表无缝滚动之vue-seamless-scroll
vue-seamless-scroll是一个基于Vue.js的简单无缝滚动组件, 基于requestAnimationFrame实现,配置多满足多样需求。目前支持上下左右无缝滚动，单步滚动，以及支持水平方向的手动切换功能官方文档：vue-seamless-scroll的简介及使用教程 - Made with Vuejs一，下包npm安装 ：npm install vue-seamless-scroll --saveyarn 安装：yarn add vue-seamless...
2021-12-20 13:15:26
2720
原创 vue中实现模糊搜索更新数据
在计算属性中定义：利用 filter 和 includes 过滤找寻你所寻找的数据 computed:{ // 模糊搜索 search() { if(this.value) { return this.tableData.filter((value) => { return value.orgName.includes(this.value) }) } } },在me...
2021-11-01 11:44:39
295
1
原创 typScript学习笔记（下）
一、TS 继承classPerson{name:string;age:number;//通过constructor构造函数创建自己的小动物constructor(name:string,age:number){this.name=name;this.age=age}sayhi(val:string){console.log('我你爹');console.log(val);...
2021-07-27 15:52:35
186
原创 webpack打包TS代码的基本配置
一、新建项目---- npm init -y 初始化项目生成package.json文件二、下包----- 开发依赖----- cnpm i -D webpack webpack-cli typescript ts-loader三、配置webpack.config.js文件最基本的webpack.config.js的配置// 引入一个包const path = require('path')module.exports = { // 指定入口文件 entry: ...
2021-07-22 11:01:08
475
原创 tsconfig.json的部分配置选项
根目录创建tsconfig.json文件：{ // tsconifig.json 是ts编译器的配置文件，ts编译器可以根据他的信息来对代码进行编译 // 指定编译文件 // 路径：** 任意目录 * 任意文件 "include": [ "./src/**/*" ], // 不需要被编译的文件 "exclude": [ "./src/hello/**/*" ], // 继承 "extends
2021-07-21 15:19:57
214
原创 typeScript学习笔记（上）
一，配置环境1、在node.js基础下全局安装TS插件2、安装 typescript：npm install -g typescript || cnpm install -g typescript3,查看版本 tsc -vVersion 4.3.5 // 出现版本号安装成功二、TS的基础运用1、在vscode中书写TS， 文件后缀名为 .ts 的文件function sayhi(name: string):void { console.log('hi', name);}...
2021-07-21 14:12:04
220
2
原创 vue中使用element走马灯实现自定义按钮
第一：不需要自动轮播 :autoplay="false"，不需要自带箭头arrow="never"第二：require('./img/1.png'),为数组方式在轮播图区域吧图片遍历生成使用定位把按钮图片定位过去第三：使用ref进行调用走马灯自带方法进行图片切换第四：上代码，基本把图片一换就能用了<template> <div class="textOverView"> <div class="leftArro...
2021-07-08 09:59:37
3196
原创 vscode中自动换行及自动保存
自动换行：内容过多时会溢出，进入文件>首选项>设置，打开设置界面，在常用设置下找到Editor:Word Wrap选项，默认为off,设置为on即可vscode安装后默认不能自动保存，需要我们手动配置：进入文件>首选项>设置，打开设置界面，在常用设置下找到Files:Auto Save 模块默认为off ： 不保存，每次保存需要手动保存afterDelay：这个是固定间隔时间，自动保存，需要配合下一个【Auto Save Delay】配置项，用于指定间隔时间.
2021-06-28 13:51:54
3864
原创 vue 页面代码片段
常用代码片段:{ "Print to console": { "prefix": "vuec", "body": [ "<template>", " <div>\n", " </div>", "</template>\n", "<script>", " expo
2021-06-16 17:41:05
895
原创 RGBA: 了解
RGBA: 了解rgba（0，0，0，0）四个值，前三个值的范围是0~255之间的整数或0-100的百分数前三个值，描述的是三原色，最后一个则代表透明度选值在0~1之间：0 表完全透明 0.5 表板透明 1 表完全不透明的rgba...
2021-05-24 15:28:49
3281
原创 H5新增更新功能：
H5新增更新功能：不是热更新不是热更新，那东西我不会我实在是太菜了~~~前段时间新增的一个需求，需要在登录的时候 提示版本是否需要更新 这一功能俺也没弄过呀，市场上大多使用的都是热更新或在应用商城重新下载安装包进行覆盖，步骤太过于复杂，为方便客户使用特新增此功能，于是和服务端老哥商量后用了个取巧的方法做了个比较简陋的功能，满足需求：1、和服务端老哥约定好版本字段，2、登录的时候和数据一起携带过去，用try{}catch{}进行错误捕获3、判断错误信息，这边错误信息也是
2021-05-21 16:49:23
539
原创 项目中H5用到的扫码功能
项目中H5用到的扫码功能：特此记录不算原创，csdn有很多大牛也有相似或者更全面的说法，运用 MUI 技术 实现扫码功能：1、在 mainjs 中引入 mui2、在首页扫码图标中添加扫码点击事件 触发路由跳转3、扫码页面的代码，方便下次使用就直接粘出来了，有需要的自己搬，根据需求做更改<template><!--进入扫码页面--><divclass="msgbox"><divclass=...
2021-05-20 16:06:14
2149
原创 解决vscode终端打开不显示问题
解决vscode终端打开不显示问题：最近vscode中的终端一直不显示，做项目的时候总是切出去外面总过cmd去控制，烦死了~， 大概是这样重新安装也无法解决，看了一些博客，根据自己的问题找到了合适的解决方法：如下1、在文件中找到首选项选择设置2、在设置中输入 shell 并在 settings.json中配置信息不显示问题 "terminal.integrated.shell.windows":"C:\\WINDOWS\\system32\\cmd.exe"//更换终...
2021-05-20 11:46:43
33612
10
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人