MySQL字符集与排序规则详解 一、字符集　　先说字符，字符是各种文字和符号的总称，包括各国家文字、标点符号、图形符号、字母、数字等，比如“啊、a、1、+、！、&”等均表示一个字符。在UTF8编码中，一个字母、数字、符号占一个字节，中文占三个字节，emoji表情和一些比较复杂的文字、繁体字则占四个字节。其中一个字节由8个位组成，位为数据存储的最小单位，每个二进制数字0或者1就是1个位。　　换算公式：1byte(字节) = 8bit(位)，1KB(千字节) = 1024byte(字节)，1MB(兆) = 1024KB(千字节)。　　字符集是一套符号和编码，是多个字符的集合。常见的字符集有 UTF8 、 Unicode 、 GBK 、 GB2312 、 ASCII 。在MySQL中常用的字符集有 UTF8 和 UTF8MB4 这两种，一般而言我们选择UTF8MB4，而不选择UTF8，因为MySQL中的UTF8并不是真正的UTF8字符集，它只支持三个字节，emoji表情和复杂的文字无法存储，并不能代表全部的UTF8，在5.5.3版本后新增的支持四个字节的UTF8MB4才是真正的UTF8编码，为了更好的兼容性，推荐使用UTF8MB4字符集。　　此外，对于CHAR类型数据，UTF8MB4会多消耗一些空间，比如CHAR(10)，UTF8会保留30字节长度，UTF8MB4会保留40字节长度，根据MySQL官方建议，使用VARCHAR替代CHAR。同时UTF8MB4也是UTF8的超集，所以UTF8可以直接切换至UTF8MB4。二、排序规则　　排序规则，就是指字符比较时按照字符编码还是直接用二进制数据比较，以及是否区分大小写。UTF8MB4常用的排序规则有 utf8mb4_unicode_ci 、 utf8mb4_general_ci 、 utf8mb4_bin 。　　其中，以bin结尾的是以二进制存储的，区分大小写，以cs结尾的是区分大小写的，以ci结尾的不区分大小写。　　utf8mb4_unicode_ci是基于标准Unicode来排序和比较，能够在各种语言之间精确排序。且在特殊情况下，Unicode排序规则为了能够处理特殊字符的情况，实现了略微复杂的排序算法。但是在绝大多数情况下不会发生此类复杂比较。　　utf8mb4_general_ci没有实现Unicode排序规则，在遇到某些特殊字符情况下，排序结果可能不一致。但是，在绝大多数情况下，这些特殊字符的顺序并不需要那么精确。　　utf8mb4_bin将字符串的每个字符用二进制数据编译存储，区分大小写，可以存二进制的内容。三、结论　　综合来说，utf8mb4_unicode_ci比较准确，utf8mb4_general_ci速度较快。utf8mb4_unicode_ci对于特殊字符的处理，在中文、英文应用中不会使用到，除非你的应用有德语、法语、俄语等，则需要使用utf8mb4_unicode_ci，否则一般选用utf8mb4_general_ci就可以了。————————————————版权声明：本文为CSDN博主「遇见sher」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/weixin_34040270/article/details/113279859

在vue中使用elementUI饿了么框架使用el-tabs，切换Tab如何实现实时加载，以及el-table表格使用总结 当我们在开发中遇到tab切换，这时候用el的el-tabs感觉很方便但当我在把代码都写完后，发现一个问题就是页面打开时虽然我们只能看见当前一个tab页，但是vue会帮你把你写的所有tab页的内容都渲染出来了，只是其他的隐藏了，同时其他tab的js也都走了一边，当你点击tab时js就不会再去请求后台这种机制会造成一个问题，就是如果每个tab页的数据都过大的时候，可能就会导致首次打开页面卡顿现象，同时如果数据库数据在实时发生变化的话，比如你一分钟前打开的这个页面，看的是tab1的内容，看了1分钟后我想看tab2的内容，但此时tab2的内容后台数据库已经发生变化了，你能看到的只是1分钟前的数据，那该怎么解决这个问题呢？首先一开始一次加载所有tab的代码是这样的↓<el-tabs v-model="activeName" @tab-click="handleClick" type="border-card"> <el-tab-pane label="待处理" name="first"> <processed/> <!--这里是自定义的子模块，也就是自定义组件--> </el-tab-pane> <el-tab-pane label="已处理" name="second"> <un-processed/> </el-tab-pane> </el-tabs>这时候v-if的作用就可以发挥出来了，当v-if的值为false时vue是不会去渲染该标签下的内容的那我们就把tabs下的子模块标签上加v-if，一开始只设置其中一个为true其他都为false，当点击tab切换时去改变v-if的值，代码如下↓<el-tabs v-model="activeName" @tab-click="handleClick" type="border-card"> <el-tab-pane label="待处理" name="first" :key="'first'"> <processed v-if="isFirst"/> </el-tab-pane> <el-tab-pane label="已处理" name="second" :key="'second'"> <un-processed v-if="isSecond"/> </el-tab-pane> </el-tabs>js的代码↓<script> import Breadcrumb from '@/components/Breadcrumb' import Processed from './processed' import UnProcessed from './unprocessed' export default { components: { Breadcrumb, Processed, UnProcessed }, data() { return { // 默认第一个Tab activeName: 'first', isFirst: true, isSecond: false } }, methods: { handleClick(tab) { if (tab.name === 'first') { this.isFirst = true this.isSecond = false } else if (tab.name === 'second') { this.isFirst = false this.isSecond = true } } } } </script>这样就可以完美解决上面的问题，首次加载页面只会渲染其中一个tab的内容，同时点击tab切换时页面重新渲染页面，good！{dotted startColor="#ff6c6c" endColor="#1989fa"/}el-table中动态表头的写法其实就是一个v-for循环，根据后台返回数据生成对应表头<el-table-column v-for="item in tableHeader" :key="item.key" :prop="item.key" :label="item.name" :formatter="item.formatter" align="center" show-overflow-tooltip> </el-table-column>js里的数据绑定：tableHeader: [ { name: '手机号码', key: 'partnerPhone' }, { name: '姓名', key: 'partnerName' }, { name: '职位', key: 'position', formatter: this.posFormatter }, { name: '团队', key: 'teamName' }, { name: '代理商', key: 'agentName' }, { name: '状态', key: 'state', formatter: this.stFormatter } ]

MySQL进阶：optimize table命令 　　在使用mysql的时候有时候，可能会发现尽管一张表删除了许多数据，但是这张表表的数据文件和索引文件却奇怪的没有变小。这是因为mysql在删除数据（特别是有Text和BLOB）的时候，会留下许多的数据空洞，这些空洞会占据原来数据的空间，所以文件的大小没有改变。这些空洞在以后插入数据的时候可能会被再度利用起来，当然也有可能一直存在。这种空洞不仅额外增加了存储代价，同时也因为数据碎片化降低了表的扫描效率。　　使用场景：如果您已经删除了表的一大部分，或者如果您已经对含有可变长度行的表（含有VARCHAR, BLOB或TEXT列的表）进行了很多更改，则应使用OPTIMIZE TABLE。被删除的记录被保持在链接清单中，后续的INSERT操作会重新使用旧的记录位置。您可以使用OPTIMIZE TABLE来重新利用未使用的空间，并整理数据文件的碎片。【当您的库中删除了大量的数据后，您可能会发现数据文件尺寸并没有减小。这是因为删除操作后在数据文件中留下碎片所致。　　在多数的设置中，您根本不需要运行OPTIMIZE TABLE。即使您对可变长度的行进行了大量的更新，您也不需要经常运行，每周一次或每月一次即可，只对特定的表运行。OPTIMIZE TABLE只对MyISAM, BDB和InnoDB表起作用。　　对于BDB表，OPTIMIZE TABLE目前被映射到ANALYZE TABLE上。对于InnoDB表，OPTIMIZE TABLE被映射到ALTER TABLE上，这会重建表。重建操作能更新索引统计数据并释放成簇索引中的未使用的空间。注意：在OPTIMIZE TABLE运行过程中，MySQL会锁定表。　　对于myisam可以直接使用 optimize table table.name, 当是InnoDB引擎时，会报“Table does not support optimize, doing recreate + analyze instead”，一般情况下，由myisam转成innodb，会用alter table table.name engine='innodb'进行转换，优化也可以用这个。所以当是InnoDB引擎时我们就用alter table table.name engine='innodb'来代替optimize做优化就可以。　　查看前后效果可以使用show table status命令,例如show table status from [database] like '[table_name]';返回结果中的data_free即为空洞所占据的存储空间。

让Apache2只允许域名访问而禁止IP实现方法 　　用apache搭建的WEB服务器，如何让网友只能通过设定的域名访问，而不能直接通过服务器的IP地址访问呢，通过查找，有两个方法可以实现，都是修改httpd.conf文件来实现的，下面举例说明。方法一：在httpd.conf文件最后面，加入以下代码NameVirtualHost 211.*.*.* <VirtualHost 211.*.*.*> ServerName 211.*.*.* <Location /> Order Allow,Deny Deny from all </Location> </VirtualHost> <VirtualHost 211.*.*.*> DocumentRoot "c:/web" ServerName tuan.coo8.com </VirtualHost>　　说明：蓝色部分是实现拒绝直接通过211...这个IP的任何访问请求，这时如果你用211...访问，会提示拒绝访问。红色部分就是允许通过http://tuan.coo8.com/这个域名访问，主目录指向c:/web（这里假设你的网站的根目录是c:/web）{lamp/}方法二：在httpd.conf文件最后面，加入以下代码NameVirtualHost 211.*.*.* <VirtualHost 211.*.*.*> DocumentRoot "c:/test" ServerName 211.*.*.* </VirtualHost> <VirtualHost 211.*.*.*> DocumentRoot "c:/web" ServerName http://tuan.coo8.com </VirtualHost>　　　　　说明：蓝色部分是把通过211...*这个IP直接访问的请求指向c:/test目录下，这可以是个空目录，也可以在里面建一个首页文件，如index.hmtl，首面文件内容可以是一个声明，说明不能通过IP直接访问。红色部分的意思跟方法一是一样的。{lamp/}注意：1.直接复制粘贴的话可能会带有中文空格，请把这些多余的空格去掉。　　　2.如果使用了负载均衡，限制的IP不要写外网IP,请填写内网IP。

Java中Collections工具类的使用 Collections工具类新建List集合public class test { public static void main(String[] args) { ArrayList<Integer> list = new ArrayList<>(); list.add(20); list.add(5); list.add(12); list.add(30); list.add(6); } }sort排序System.out.println("排序前:"+list); Collections.sort(list); System.out.println("排序后:"+list);binarySearch二分查找int i = Collections.binarySearch(list, 12); System.out.println(i);copy复制ArrayList<Integer> dest = new ArrayList<>(); for (int j = 0; j<list.size();j++) { dest.add(0); } Collections.copy(dest, list); System.out.println("复制后:"+dest);reverse反转Collections.reverse(list); System.out.println("反转后"+list);shuffle打乱Collections.shuffle(list); System.out.println("打乱后"+list);补充: list转成数组Integer[] array = list.toArray(new Integer[0]); System.out.println(array.length); System.out.println(Arrays.toString(array));补充: 数组转成集合<br/>数组转为集合时集合是一个受限集合，不能添加或删除元素String[] names = {"张三","李四","王五"}; List<String> nameList = Arrays.asList(names); System.out.println(nameList);把基本类型数组转成集合时，需要修改为包装类型Integer[] nums = {100,200,300,400,500}; List<Integer> ints = Arrays.asList(nums); System.out.println(ints);