- 博客(27)
- 收藏
- 关注
RSS订阅原创 分库分表概念
另外，由于无法进行分布式式部署，而一台服务器的资源（CPU、磁盘、内存、IO等）是有限的，最终数据库所能承载的数据量、数据处理能力都将遭遇瓶颈。数据库中的数据量不一定是可控的，业务增长是成几何式增长，在未进行分库分表的情况下，随着时间和业务的发展，库中的表会越来越多，表中的数据量也会越来越大，相应地，数据操作，针对于部分的表中数据量随着业务的不断增长，表中的数据量也会越来越大，相应地，数据操作，增删改查的开销也会越来越大；特点：只是化整为零，每个小数据库中的数据表的结构完全一样，但是数据是不一样的；
2024-07-02 17:57:23
8
原创 前端代码统一格式化=》Prettier配置指南
本文主要介绍Prettier（一种代码格式化插件）的基本配置，读者可以拿来即用，也可以根据自己的风格自行调整。prettier共有23个配置，这里列举了其中常用的13个(项目基本够用)，大家感兴趣可以查看prettier官网完整配置由于JSON文件不支持注释，为了方便大家复制即可使用，我单独又写了一份注释代码段。我一共列举了13个常用的配置，大家可以根据自己的风格继续改造，剩下的10个项目根本不常用，感兴趣的可以去官网深入了解。
2024-07-01 21:38:27
316
原创 vue style scoped 样式修改，权重
某一个不共用的单独页面,或者是仅对某一个功能页面使用的单独页面, 可以使用scope,样式私有了,其他页面也不会去改它的样式,如果是共有页面的组件,并且是封装好的,其他页面,可能会改变它的样式,则不使用scope在vue中引入第三方组件库的时候，vue组件中样式的scoped就会阻碍我们修改第三方组件库的样式在所有需要重新定义样式的element组件上添加自定义class(防止自定义样式影响全局)
2024-06-30 07:47:02
185
原创 ExcelJS 前端导出excel，echart图表
数据是一行一行的插入的！无论表头还是单身数据。合并行，列，使用 worksheet.mergeCells()设置样式 ,可以使一行一行的设置，也可以按照列去设置 worksheet.getRow(1).alignment = {vertical: ‘middle’, horizontal: ‘center’}设置行隐藏，worksheet.getRow(1).hidden = true;//隐藏第一行行 与 列 都是从1 开始的。
2024-06-30 07:32:28
186
原创 flex基础总结
flex-start 左对齐（默认）flex-end 右对齐center 居中space-between 两端对齐，两端项目居最右最左，中间项目等距分布space-around 均匀对齐，每个项目两侧都等距，所以项目之间的间距比项目与边框之间的大一倍stretch 如果项目未设置高度或设为auto，将占满整个容器的高度（默认）flex-start 左上flex-end 左下center 居中baseline 项目的第一行文字的基线对齐。
2024-06-29 21:22:56
650
原创 动态显示滚动条(鼠标进入才显示)
需要注意的是，如果容器想要带滚动条，那么它本身要设置滚动overflow: auto;滚动条通过transparent，看不到，hover的时候改变颜色，显示出来。鼠标进入区域后，才显示滚动条，界面更加美观一些。监听鼠标事件，设置overflowY的属性实现。滚动条宽度最好给，避免宽度总是变化，闪。基本pass 代码量多，不方便。设置同样颜色的滚动条和背景色。以假乱真,避免白边的不协调。
2024-06-29 13:05:33
803
原创 排序 null值问题
有了一个需求，希望可以自己输出回车符与换行符，于是上网一顿查，查到的不知道是哪年的信息，大家都信誓旦旦说，Chr(13)和Chr(10)就是了，可是，事实证明，他们不是。愤怒，继续找，没有结果，于是索性自己尝试，/n, ‘/n’, /n, '/n’试遍了，没有一个是的，突然一个念头，会不会是char(13)呢。在SQLServer2000和2005中，回车符： CHAR(13)**制表符\t： CHAR(9)换行符： CHAR(10)
2024-06-29 07:24:11
14
原创 界面布局 =＞ VUE2 div分割(div-splitter-v2)
前端界面布局，常见的如左右布局，上下布局，组合布局，如同下面的方式。实现上面的功能，逻辑上也是清晰，就是每次写代码，都要重复造轮子！代码实现逻辑也不复杂，其实就是定宽度，不管是px还是百分比。这样后面做界面布局，就可以节约精力，专注于业务逻辑的代码了！于是我封装了这些功能，vue2，vue3都可以使用！浏览器界面变化，内容宽高自适应。具体源码，可以看gitee连接。左右拖动调整，上下拖动调整。上下布局与左右布局的嵌套展示。
2024-06-28 21:56:51
430
原创 拖拽插件 vue-js-grid 宽高flex响应动画
在拖动结束后，可以触发事件（建议使用防抖），只要把items中的顺序，后台保存住 即可！可以直接拖拽 而且挺流畅的。
2023-08-16 18:16:23
188
原创 虚拟加载 vxe-list 解决加载过多，卡顿问题
再多数据 都可以渲染，就看你后台是否允许查询这么多了。vue2 使用V3版本。vue3 使用V4版本。
2023-08-16 18:07:16
260
原创 vue中 echarts + element-resize-detector 样式自动刷新
【代码】vue中 echarts + element-resize-detector 样式自动刷新。
2023-08-07 20:07:23
206
原创 瀑布流vue-grid-layout vue2中使用 =》项目首页，动态编辑，嵌入子件模块
一、vue中简单案例具体可看官网 https://jbaysolutions.github.io/vue-grid-layout/zh/1、安装组件NPMnpm install vue-grid-layout --save安装后如果有报错找了一圈，是版本问题，降版本即可npm install vue-grid-layout@2.3.7 --save2、vue文件<template> <div style="width: 100%; height: 100%">
2023-08-07 18:28:55
323
原创 前端优化：防抖(debounce) _ 节流(throttle)
防抖就是一段时间内会多次触发相同的事件,而我们的目的却只是想让他们在不触发的多久以后再执行该事件,例如鼠标移动事件(mousemove)、输入框变更事件(change)等等,这个时候我们就需要一个方法去控制他,一段时间内没执行该事件后,执行该事件,即为防抖。
2023-08-06 13:15:48
186
原创 INSERT + SELECT 快速插入数据
（要求目标表Table2不存在，因为在插入时会自动创建表Table2，并将Table1中指定字段数据复制到Table2中。（要求目标表Table2必须存在，由于目标表Table2已经存在，所以除了插入源表Table1的字段外，还可以插入常量。
2023-08-06 10:18:59
2511
原创 vue-json-excel 简单易学 纯前端导出表格
项目场景：前端table页面数据 导出成excel适用于普通表格，没有合并行，没有复杂计算，没有背景要求等等！极简的原样输出效果图案例1 table使用设计生成列名列值 导出数据：//顶部按钮<download-excel style="width: 40px; height: 28px; display: inline" :data="json_data" :fields="json_fields" :name="excelName"> <el-l
2021-04-24 16:54:29
1025
原创 虚拟加载 vue-virtual-scroller 解决大数据加载过多，卡顿问题
项目场景：手机端数据过200条，input框点击输入就卡死！原因加载的节点太多了！思路：页面显示的数据只有少部分，其他的都隐藏掉！解决方案：vue-virtual-scroller 解决加载过多，卡顿问题安装命令npm install --save vue-virtual-scrollermain.js引入 注意css文件引入，不然页面上需要import组件，样式才起作用import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
2021-01-22 21:12:11
6160
原创 sql语句,decimal字段,去除小数点后多余0
文章目录前言一、直接上效果图二、数据库decimal字段,去除小数点后01.sql语句如下前言数据库是decimal字段的,页面往往需要显示有效的字符,那么后面多于的0,就很扎眼了,后台做转换,浪费资源,sql中直接处理!一、直接上效果图转换成去小数点后0的字符串转换成去小数点后0的加上单位 字符串页面显示二、数据库decimal字段,去除小数点后01.sql语句如下select HAA014, (case when cast(HAA014 as float) > ca
2020-11-29 07:43:13
7580
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人