1.79C3125EAC1CE25EE2C99A9B01DFC00
2.三国志10提案必定成功对战斗无效
3.在Vant的基础上实现添加表单验证框架的方法示例
4.vant-tree-shaking：在小程序中使用npm安装vant组件实现按需引入，减少代码包大小避免触发用户隐私协议
5.怎样使用vant的UI框架

79C3125EAC1CE25EE2C99A9B01DFC00

       å¯èƒ½æ˜¯ç±»ä¼¼äºŽmd5的加密算法

       ---------------

       md5的全称是message-digest algorithm 5（信息-摘要算法），在年代初由mit laboratory for computer science和rsa data security inc的ronald l. rivest开发出来，经md2、md3和md4发展而来。它的作用是让大容量信息在用数字签名软件签署私人密匙前被"压缩"成一种保密的格式（就是把一个任意长度的字节串变换成一定长的大整数）。不管是md2、md4还是md5，它们都需要获得一个随机长度的信息并产生一个位的信息摘要。虽然这些算法的结构或多或少有些相似，但md2的设计与md4和md5完全不同，那是因为md2是为8位机器做过设计优化的，而md4和md5却是面向位的电脑。这三个算法的描述和c语言源代码在internet rfcs 中有详细的描述（h++p://www.ietf.org/rfc/rfc.txt），这是一份最权威的文档，由ronald l. rivest在年8月向ieft提交。

       rivest在年开发出md2算法。在这个算法中，首先对信息进行数据补位，使信息的字节长度是的倍数。然后，以一个位的检验和追加到信息末尾。并且根据这个新产生的信息计算出散列值。后来，rogier和chauvaud发现如果忽略了检验和将产生md2冲突。md2算法的加密后结果是唯一的--既没有重复。

       ä¸ºäº†åŠ å¼ºç®—法的安全性，rivest在年又开发出md4算法。md4算法同样需要填补信息以确保信息的字节长度加上后能被整除（信息字节长度mod = ）。然后，一个以位二进制表示的信息的最初长度被添加进来。信息被处理成位damg?rd/merkle迭代结构的区块，而且每个区块要通过三个不同步骤的处理。den boer和bosselaers以及其他人很快的发现了攻击md4版本中第一步和第三步的漏洞。dobbertin向大家演示了如何利用一部普通的个人电脑在几分钟内找到md4完整版本中的冲突（这个冲突实际上是一种漏洞，它将导致对不同的内容进行加密却可能得到相同的加密后结果）。毫无疑问，md4就此被淘汰掉了。

       å°½ç®¡md4算法在安全上有个这么大的漏洞，但它对在其后才被开发出来的好几种信息安全加密算法的出现却有着不可忽视的引导作用。除了md5以外，其中比较有名的还有sha-1、ripe-md以及haval等。

       ä¸€å¹´ä»¥åŽï¼Œå³å¹´ï¼Œrivest开发出技术上更为趋近成熟的md5算法。它在md4的基础上增加了"安全-带子"（safety-belts）的概念。虽然md5比md4稍微慢一些，但却更为安全。这个算法很明显的由四个和md4设计有少许不同的步骤组成。在md5算法中，信息-摘要的大小和填充的必要条件与md4完全相同。den boer和bosselaers曾发现md5算法中的假冲突（pseudo-collisions），但除此之外就没有其他被发现的加密后结果了。

       van oorschot和wiener曾经考虑过一个在散列中暴力搜寻冲突的函数（brute-force hash function），而且他们猜测一个被设计专门用来搜索md5冲突的机器（这台机器在年的制造成本大约是一百万美元）可以平均每天就找到一个冲突。但单从年到年这年间，竟没有出现替代md5算法的md6或被叫做其他什么名字的新算法这一点，我们就可以看出这个瑕疵并没有太多的影响md5的安全性。上面所有这些都不足以成为md5的在实际应用中的问题。并且，由于md5算法的使用不需要支付任何版权费用的，所以在一般的情况下（非绝密应用领域。但即便是应用在绝密领域内，md5也不失为一种非常优秀的中间技术），md5怎么都应该算得上是非常安全的了。

       ç®—法的应用

       md5的典型应用是对一段信息（message）产生信息摘要（message-digest），以防止被篡改。比如，在unix下有很多软件在下载的时候都有一个文件名相同，文件扩展名为.md5的文件，在这个文件中通常只有一行文本，大致结构如：

       md5 (tanajiya.tar.gz) = 0cab9c0fade

       è¿™å°±æ˜¯tanajiya.tar.gz文件的数字签名。md5将整个文件当作一个大文本信息，通过其不可逆的字符串变换算法，产生了这个唯一的md5信息摘要。如果在以后传播这个文件的过程中，无论文件的内容发生了任何形式的改变（包括人为修改或者下载过程中线路不稳定引起的传输错误等），只要你对这个文件重新计算md5时就会发现信息摘要不相同，由此可以确定你得到的只是一个不正确的文件。如果再有一个第三方的认证机构，用md5还可以防止文件作者的"抵赖"，这就是所谓的数字签名应用。

       md5还广泛用于加密和解密技术上。比如在unix系统中用户的密码就是以md5（或其它类似的算法）经加密后存储在文件系统中。当用户登录的时候，系统把用户输入的密码计算成md5值，然后再去和保存在文件系统中的md5值进行比较，进而确定输入的密码是否正确。通过这样的步骤，系统在并不知道用户密码的明码的情况下就可以确定用户登录系统的合法性。这不但可以避免用户的密码被具有系统管理员权限的用户知道，而且还在一定程度上增加了密码被破解的难度。

       æ­£æ˜¯å› ä¸ºè¿™ä¸ªåŽŸå› ï¼ŒçŽ°åœ¨è¢«é»‘客使用最多的一种破译密码的方法就是一种被称为"跑字典"的方法。有两种方法得到字典，一种是日常搜集的用做密码的字符串表，另一种是用排列组合方法生成的，先用md5程序计算出这些字典项的md5值，然后再用目标的md5值在这个字典中检索。我们假设密码的最大长度为8位字节（8 bytes），同时密码只能是字母和数字，共++=个字符，排列组合出的字典的项数则是p(,1)+p(,2)….+p(,8)，那也已经是一个很天文的数字了，存储这个字典就需要tb级的磁盘阵列，而且这种方法还有一个前提，就是能获得目标账户的密码md5值的情况下才可以。这种加密技术被广泛的应用于unix系统中，这也是为什么unix系统比一般操作系统更为坚固一个重要原因。

       ç®—法描述

       å¯¹md5算法简要的叙述可以为：md5以位分组来处理输入的信息，且每一分组又被划分为个位子分组，经过了一系列的处理后，算法的输出由四个位分组组成，将这四个位分组级联后将生成一个位散列值。

       åœ¨md5算法中，首先需要对信息进行填充，使其字节长度对求余的结果等于。因此，信息的字节长度（bits length）将被扩展至n*+，即n*+个字节（bytes），n为一个正整数。填充的方法如下，在信息的后面填充一个1和无数个0，直到满足上面的条件时才停止用0对信息的填充。然后，在在这个结果后面附加一个以位二进制表示的填充前信息长度。经过这两步的处理，现在的信息字节长度=n*++=(n+1)*，即长度恰好是的整数倍。这样做的原因是为满足后面处理中对信息长度的要求。

       md5中有四个位被称作链接变量（chaining variable）的整数参数，他们分别为：a=0x，b=0xabcdef，c=0xfedcba，d=0x。

       å½“设置好这四个链接变量后，就开始进入算法的四轮循环运算。循环的次数是信息中位信息分组的数目。

       å°†ä¸Šé¢å››ä¸ªé“¾æŽ¥å˜é‡å¤åˆ¶åˆ°å¦å¤–四个变量中：a到a，b到b，c到c，d到d。

       ä¸»å¾ªçŽ¯æœ‰å››è½®ï¼ˆmd4只有三轮），每轮循环都很相似。第一轮进行次操作。每次操作对a、b、c和d中的其中三个作一次非线性函数运算，然后将所得结果加上第四个变量，文本的一个子分组和一个常数。再将所得结果向右环移一个不定的数，并加上a、b、c或d中之一。最后用该结果取代a、b、c或d中之一。

       ä»¥ä¸€ä¸‹æ˜¯æ¯æ¬¡æ“ä½œä¸­ç”¨åˆ°çš„四个非线性函数（每轮一个）。

       f(x,y,z) =(x&y)|((~x)&z)

       g(x,y,z) =(x&z)|(y&(~z))

       h(x,y,z) =x^y^z

       i(x,y,z)=y^(x|(~z))

       ï¼ˆ&是与，|是或，~是非，^是异或）

       è¿™å››ä¸ªå‡½æ•°çš„说明：如果x、y和z的对应位是独立和均匀的，那么结果的每一位也应是独立和均匀的。

       f是一个逐位运算的函数。即，如果x，那么y，否则z。函数h是逐位奇偶操作符。

       å‡è®¾mj表示消息的第j个子分组（从0到），<<

       ff(a,b,c,d,mj,s,ti)表示a=b+((a+(f(b,c,d)+mj+ti)<< gg(a,b,c,d,mj,s,ti)表示a=b+((a+(g(b,c,d)+mj+ti)<< hh(a,b,c,d,mj,s,ti)表示a=b+((a+(h(b,c,d)+mj+ti)<< ii(a,b,c,d,mj,s,ti)表示a=b+((a+(i(b,c,d)+mj+ti)<<

       è¿™å››è½®ï¼ˆæ­¥ï¼‰æ˜¯ï¼š

       ç¬¬ä¸€è½®

       ff(a,b,c,d,m0,7,0xdaa)

       ff(d,a,b,c,m1,,0xe8c7b)

       ff(c,d,a,b,m2,,0xdb)

       ff(b,c,d,a,m3,,0xc1bdceee)

       ff(a,b,c,d,m4,7,0xfc0faf)

       ff(d,a,b,c,m5,,0xca)

       ff(c,d,a,b,m6,,0xa)

       ff(b,c,d,a,m7,,0xfd)

       ff(a,b,c,d,m8,7,0xd8)

       ff(d,a,b,c,m9,,0x8bf7af)

       ff(c,d,a,b,m,,0xffff5bb1)

       ff(b,c,d,a,m,,0xcd7be)

       ff(a,b,c,d,m,7,0x6b)

       ff(d,a,b,c,m,,0xfd)

       ff(c,d,a,b,m,,0xae)

       ff(b,c,d,a,m,,0xb)

       ç¬¬äºŒè½®

       gg(a,b,c,d,m1,5,0xfe)

       gg(d,a,b,c,m6,9,0xcb)

       gg(c,d,a,b,m,,0xe5a)

       gg(b,c,d,a,m0,,0xe9b6c7aa)

       gg(a,b,c,d,m5,5,0xdfd)

       gg(d,a,b,c,m,9,0x)

       gg(c,d,a,b,m,,0xd8a1e)

       gg(b,c,d,a,m4,,0xe7d3fbc8)

       gg(a,b,c,d,m9,5,0xe1cde6)

       gg(d,a,b,c,m,9,0xcd6)

       gg(c,d,a,b,m3,,0xf4dd)

       gg(b,c,d,a,m8,,0xaed)

       gg(a,b,c,d,m,5,0xa9e3e)

       gg(d,a,b,c,m2,9,0xfcefa3f8)

       gg(c,d,a,b,m7,,0xfd9)

       gg(b,c,d,a,m,,0x8d2a4c8a)

       ç¬¬ä¸‰è½®

       hh(a,b,c,d,m5,4,0xfffa)

       hh(d,a,b,c,m8,,0xf)

       hh(c,d,a,b,m,,0x6d9d)

       hh(b,c,d,a,m,,0xfdec)

       hh(a,b,c,d,m1,4,0xa4beea)

       hh(d,a,b,c,m4,,0x4bdecfa9)

       hh(c,d,a,b,m7,,0xf6bb4b)

       hh(b,c,d,a,m,,0xbebfbc)

       hh(a,b,c,d,m,4,0xb7ec6)

       hh(d,a,b,c,m0,,0xeaafa)

       hh(c,d,a,b,m3,,0xd4ef)

       hh(b,c,d,a,m6,,0xd)

       hh(a,b,c,d,m9,4,0xd9d4d)

       hh(d,a,b,c,m,,0xe6dbe5)

       hh(c,d,a,b,m,,0x1facf8)

       hh(b,c,d,a,m2,,0xc4ac)

       ç¬¬å››è½®

       ii(a,b,c,d,m0,6,0xf)

       ii(d,a,b,c,m7,,0xaff)

       ii(c,d,a,b,m,,0xaba7)

       ii(b,c,d,a,m5,,0xfca)

       ii(a,b,c,d,m,6,0xbc3)

       ii(d,a,b,c,m3,,0x8f0ccc)

       ii(c,d,a,b,m,,0xffeffd)

       ii(b,c,d,a,m1,,0xdd1)

       ii(a,b,c,d,m8,6,0x6fae4f)

       ii(d,a,b,c,m,,0xfe2ce6e0)

       ii(c,d,a,b,m6,,0xa)

       ii(b,c,d,a,m,,0x4ea1)

       ii(a,b,c,d,m4,6,0xfe)

       ii(d,a,b,c,m,,0xbd3af)

       ii(c,d,a,b,m2,,0x2ad7d2bb)

       ii(b,c,d,a,m9,,0xebd)

       å¸¸æ•°ti可以如下选择：

       åœ¨ç¬¬i步中，ti是*abs(sin(i))的整数部分，i的单位是弧度。(等于2的次方)

       æ‰€æœ‰è¿™äº›å®Œæˆä¹‹åŽï¼Œå°†a、b、c、d分别加上a、b、c、d。然后用下一分组数据继续运行算法，最后的输出是a、b、c和d的级联。

       å½“你按照我上面所说的方法实现md5算法以后，你可以用以下几个信息对你做出来的程序作一个简单的测试，看看程序有没有错误。

       md5 ("") = dd8cdfbeecfe

       md5 ("a") = 0ccb9c0f1b6ace

       md5 ("abc") = cdfb0df7def

       md5 ("message digest") = fbd7cbda2faafd0

       md5 ("abcdefghijklmnopqrstuvwxyz") = c3fcd3dedfbccaeb

       md5 ("abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz") =

       dabdd9f5ac2c9fd9f

       md5 ("

       ") = edf4abe3cacda2eba

       å¦‚果你用上面的信息分别对你做的md5算法实例做测试，最后得出的结论和标准答案完全一样，那我就要在这里象你道一声祝贺了。要知道，我的程序在第一次编译成功的时候是没有得出和上面相同的结果的。

       md5的安全性

       md5相对md4所作的改进：

       1. 增加了第四轮；

       2. 每一步均有唯一的加法常数；

       3. 为减弱第二轮中函数g的对称性从(x&y)|(x&z)|(y&z)变为(x&z)|(y&(~z))；

       4. 第一步加上了上一步的结果，这将引起更快的雪崩效应；

       5. 改变了第二轮和第三轮中访问消息子分组的次序，使其更不相似；

       6. 近似优化了每一轮中的循环左移位移量以实现更快的雪崩效应。各轮的位移量互不相同。

       [color=red]简单的说：

       MD5叫信息－摘要算法，是一种密码的算法，它可以对任何文件产生一个唯一的MD5验证码，每个文件的MD5码就如同每个人的指纹一样，都是不同的，这样，一旦这个文件在传输过程中，其内容被损坏或者被修改的话，那么这个文件的MD5码就会发生变化，通过对文件MD5的验证，可以得知获得的文件是否完整。

三国志提案必定成功对战斗无效

       假设在三国志游戏的提案补丁中，打开一个NO得开关。然而，军事模块的位置并未在NO的插座上，而是ap源码解读在其他插座上。这表示，战斗提议将无法受到影响。

       破解此问题并非易事，若能说服VAN提供游戏源码，确实可以解决战斗成功的难题。然而，游戏源码被视为宝贵资源，因此无法轻易获取。跳舞的线 源码

       因此，作为玩家，最好的选择是作为君主，通过其他方式提升自身实力与策略，以应对战斗挑战。这样不仅能解决战斗问题，还能在游戏过程中获得更多的乐趣与成就感。

在Vant的基础上实现添加表单验证框架的方法示例

       Vant 一套基于Vue的移动端UI框架，有赞出品。

       因为UI设计的够漂亮，源码结构也比较清晰，插件定位也比较明确，重要是97live源码实战过程中的使用体验不错。在最近的项目当中就使用 Vant 作为移动端的基础UI框架，但在实践过程中发现该框架和其他框架有不一样的地方。例如它不内置表单验证，接下来，我把自己实现验证框架的思路分享出来。

       分析需求

       我们找的插件主要能解决以下问题

       支持中文 适应UI框架 分组验证 动态验证（数据动态，规则动态）

       去网络上搜索了一些框架，推荐两款（在官方也有推.vuejs.org/v2/cookbook/form-validation.html ）

       vuelidate vee-validate

       我的项目里使用的是 vee-validate

       解决问题

       安装及支持中文

       npm install vee-validate --saveimport VeeValidate, { Validator } from 'vee-validate'import zh_CN from 'vee-validate/dist/locale/zh_CN';Validator.localize('zh_CN', zh_CN)Vue.use(VeeValidate)

       中文问题可以解决，但是遇到个很恶心的问题，这样的错误提示会变成 title不能为空 这样的提示，实际展示效果是不好的。

       所以这个需要重构下，自己来实现错误提示的照片书软件源码内容

       const formatFileSize = function (size) { let units = ['Byte', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']; let threshold = ; size = Number(size) * threshold; let i = size === 0 ? 0 : Math.floor(Math.log(size) / Math.log(threshold)); return (((size / Math.pow(threshold, i)).toFixed(2) * 1) + " " + (units[i]));}Validator.localize('zh_CN', { name: 'zh_CN', attributes: { } messages: { _default: () => `${ fieldName}无效`, after: (field, [target]) => `${ fieldName}必须在${ target}之后`, alpha_dash: () => `${ fieldName}能够包含字母数字字符、破折号和下划线`, alpha_num: () => `${ fieldName}只能包含字母数字字符`, alpha_spaces: () => `${ fieldName}只能包含字母字符和空格`, alpha: () => `${ fieldName}只能包含字母字符`, before: (field, [target]) => `${ fieldName}必须在${ target}之前`, between: (field, [min, max]) => `${ fieldName}必须在${ min}与${ max}之间`, confirmed: (field, [confirmedField]) => `${ fieldName}不能和${ confirmedField}匹配`, credit_card: () => `${ fieldName}格式错误`, date_between: (field, [min, max]) => `${ fieldName}必须在${ min}和${ max}之间`, date_format: (field, [format]) => `${ fieldName}必须符合${ format}格式`, decimal: (field, [decimals = '*'] = []) => `${ fieldName}必须是数字，且能够保留${ decimals === '*' ? '' : decimals}位小数`, digits: (field, [length]) => `${ fieldName}必须是数字，且精确到${ length}位数`, dimensions: (field, [width, height]) => `${ fieldName}必须在${ width}像素与${ height}像素之间`, email: () => `${ fieldName}不是一个有效的邮箱`, ext: () => `${ fieldName}不是一个有效的文件`, image: () => `${ fieldName}不是一张有效的`, included: () => `${ fieldName}不是一个有效值`, integer: () => `${ fieldName}必须是整数`, ip: () => `${ fieldName}不是一个有效的地址`, length: (field, [length, max]) => { if (max) { return `${ fieldName}长度必须在${ length}到${ max}之间` } return `${ fieldName}长度必须为${ length}` }, max: (field, [length]) => `${ fieldName}不能超过${ length}个字符`, max_value: (field, [max]) => `${ fieldName}必须小于或等于${ max}`, mimes: () => `${ fieldName}不是一个有效的文件类型`, min: (field, [length]) => `${ fieldName}必须至少有${ length}个字符`, min_value: (field, [min]) => `${ fieldName}必须大于或等于${ min}`, excluded: () => `${ fieldName}不是一个有效值`, numeric: () => `${ fieldName}只能包含数字字符`, regex: () => `${ fieldName}格式无效`, required: () => `${ fieldName}不能为空`, size: (field, [size]) => `${ fieldName}必须小于${ formatFileSize(size)}`, url: () => `${ fieldName}不是一个有效的url` }})Vue.use(VeeValidate)

       适应UI框架

       虽然Vant没有内置验证框架，但提供了错误的样式。

       <van-field :error="." :error-message="."/>

       用 vee-validate 可以这样解决

       <van-field . name="title" v-validate="'required|max:'" :error="errors.has('title')" :error-message="errors.first('title')"/>this.$validator.validateAll().then((result) => { if(result){ // . }})

       分组验证

       <van-field name="title" data-vv-scope="group-1" v-validate="'required|max:'" :error="errors.has('group-1.title')" :error-message="errors.first('group-1.title')"/>this.$validator.validateAll('group-1').then((result) => { if(result){ // . }})

       如此，基于 Vant 的验证框架问题就得以解决了，可以愉快的玩耍表单验证了。

vant-tree-shaking：在小程序中使用npm安装vant组件实现按需引入，减少代码包大小避免触发用户隐私协议

       在小程序开发中，npm安装vant组件时，通常采用的方法可能会导致不必要的包膨胀和隐私协议问题。vant-tree-shaking提供了解决方案，它通过自动化按需引入和清理未使用的html源码 左侧菜单vant组件，帮助开发者高效管理代码和隐私权限。

       常规的npm安装会导致vant库的全部组件被编译进代码包，即使未在项目中使用，这不仅浪费空间，还可能触发隐私协议，特别是当组件如uploader涉及用户文件选择时。vant-tree-shaking通过读取项目中usingComponents的引用，确定实际使用的组件，并在miniprogram_npm/@vant/weapp目录中删除剩余的组件，通过简单的npm script命令（如npm run vant或vant-tree-shaking）快速执行操作。

       这个工具的npm包已经发布在npm公共仓库，便于全球开发者使用。全局安装时，只需在上传代码前运行vant-tree-shaking命令，本地安装则需在package.json中添加自定义脚本。核心代码利用node的fs和path模块实现文件处理和路径操作，源码可在github仓库查看，欢迎开发者反馈。

       在实际案例中，一个仅使用van-nav-bar的项目，未按需引入时包大小为KB，采用vant-tree-shaking后减小至KB，不仅减轻了包负担，还避免了因未使用组件触发隐私协议审核的风险。

怎样使用vant的UI框架

       vantUI是一个基于Vue.js的移动端组件库，它提供了许多常用的组件，如按钮、表单、弹出层、轮播图、上传等，适用于移动端设备，能自适应不同尺寸屏幕，为开发者提供便捷体验。以下内容将主要介绍在小程序中使用vant的步骤。

       使用vant这类UI框架的主要优势在于：

       1. 提高开发效率：UI框架提供了大量常用组件和样式，使用这些组件能节省大量开发时间。同时，框架已考虑了各种设备和浏览器的兼容性，减少了开发者自行处理兼容性问题的时间。

       2. 提高开发质量：UI框架经过广泛使用和测试，确保在各种设备和浏览器上正常工作。框架还提供了优质的样式和交互设计，能显著提升Web应用的用户体验。

       3. 方便维护：UI框架的组件和样式具有统一性，使代码更规范、易于维护。此外，UI框架的源代码开源，通过GitHub等渠道获取代码，可与开发者社群交流并贡献代码。

       总之，使用UI框架能有效提升开发效率、质量和维护性，节省大量时间和精力。若对框架有深入理解，且希望个性化定制UI组件，自己编写也是可行的。

       使用Vant Weapp的方法如下：

       1. 确保已学习微信官方的小程序简易教程和自定义组件介绍。

       2. 使用npm在小程序终端安装Vant Weapp。

       3. 构建npm包，通过微信开发者工具的“工具 - 构建npm”功能，并勾选“使用npm模块”选项，构建完成后再引入组件。

       4. 引入组件至app.json或index.json文件，以Button组件为例，配置其对应路径。

       5. 如果通过下载源代码使用Vant Weapp，请将路径调整为项目中Vant Weapp所在目录。

       6. 引入组件后，在wxml文件中直接使用组件。