分库分表概念 另外,由于无法进行分布式式部署,而一台服务器的资源(CPU、磁盘、内存、IO等)是有限的,最终数据库所能承载的数据量、数据处理能力都将遭遇瓶颈。数据库中的数据量不一定是可控的,业务增长是成几何式增长,在未进行分库分表的情况下,随着时间和业务的发展,库中的表会越来越多,表中的数据量也会越来越大,相应地,数据操作,针对于部分的表中数据量随着业务的不断增长,表中的数据量也会越来越大,相应地,数据操作,增删改查的开销也会越来越大;特点:只是化整为零,每个小数据库中的数据表的结构完全一样,但是数据是不一样的;
前端代码统一格式化=》Prettier配置指南 本文主要介绍Prettier(一种代码格式化插件)的基本配置,读者可以拿来即用,也可以根据自己的风格自行调整。prettier共有23个配置,这里列举了其中常用的13个(项目基本够用),大家感兴趣可以查看prettier官网完整配置由于JSON文件不支持注释,为了方便大家复制即可使用,我单独又写了一份注释代码段。我一共列举了13个常用的配置,大家可以根据自己的风格继续改造,剩下的10个项目根本不常用,感兴趣的可以去官网深入了解。
vue style scoped 样式修改,权重 某一个不共用的单独页面,或者是仅对某一个功能页面使用的单独页面, 可以使用scope,样式私有了,其他页面也不会去改它的样式,如果是共有页面的组件,并且是封装好的,其他页面,可能会改变它的样式,则不使用scope在vue中引入第三方组件库的时候,vue组件中样式的scoped就会阻碍我们修改第三方组件库的样式在所有需要重新定义样式的element组件上添加自定义class(防止自定义样式影响全局)
ExcelJS 前端导出excel,echart图表 数据是一行一行的插入的!无论表头还是单身数据。合并行,列,使用 worksheet.mergeCells()设置样式 ,可以使一行一行的设置,也可以按照列去设置 worksheet.getRow(1).alignment = {vertical: ‘middle’, horizontal: ‘center’}设置行隐藏,worksheet.getRow(1).hidden = true;//隐藏第一行行 与 列 都是从1 开始的。
flex基础总结 flex-start 左对齐(默认)flex-end 右对齐center 居中space-between 两端对齐,两端项目居最右最左,中间项目等距分布space-around 均匀对齐,每个项目两侧都等距,所以项目之间的间距比项目与边框之间的大一倍stretch 如果项目未设置高度或设为auto,将占满整个容器的高度(默认)flex-start 左上flex-end 左下center 居中baseline 项目的第一行文字的基线对齐。
动态显示滚动条(鼠标进入才显示) 需要注意的是,如果容器想要带滚动条,那么它本身要设置滚动overflow: auto;滚动条通过transparent,看不到,hover的时候改变颜色,显示出来。鼠标进入区域后,才显示滚动条,界面更加美观一些。监听鼠标事件,设置overflowY的属性实现。滚动条宽度最好给,避免宽度总是变化,闪。基本pass 代码量多,不方便。设置同样颜色的滚动条和背景色。以假乱真,避免白边的不协调。
排序 null值问题 有了一个需求,希望可以自己输出回车符与换行符,于是上网一顿查,查到的不知道是哪年的信息,大家都信誓旦旦说,Chr(13)和Chr(10)就是了,可是,事实证明,他们不是。愤怒,继续找,没有结果,于是索性自己尝试,/n, ‘/n’, /n, '/n’试遍了,没有一个是的,突然一个念头,会不会是char(13)呢。在SQLServer2000和2005中,回车符: CHAR(13)**制表符\t: CHAR(9)换行符: CHAR(10)
界面布局 => VUE2 div分割(div-splitter-v2) 前端界面布局,常见的如左右布局,上下布局,组合布局,如同下面的方式。实现上面的功能,逻辑上也是清晰,就是每次写代码,都要重复造轮子!代码实现逻辑也不复杂,其实就是定宽度,不管是px还是百分比。这样后面做界面布局,就可以节约精力,专注于业务逻辑的代码了!于是我封装了这些功能,vue2,vue3都可以使用!浏览器界面变化,内容宽高自适应。具体源码,可以看gitee连接。左右拖动调整,上下拖动调整。上下布局与左右布局的嵌套展示。