lizhenqiu blog

新商户只能用公钥，不能用证书了，这个怎么处理呀

js加密压缩出现bug
JavaScript代码压缩后报错

不严谨写法：


会出现错误信息：
VM30:1 Uncaught SyntaxError: Invalid or unexpected token

正确写法：

运行正常。

0x1、for、if 函数之间缺少“{}”符号
不严谨写法：


压缩后：


会出现报错信息：
VM401:1 Uncaught SyntaxError: Unexpected token else

正确写法：

所以在平时写代码中，不要为了方便减少必要的“{}”、“;”符号。

0x2、xxxx is not defined 错误原因及解决方法

JavaScript 加密混淆之后运行 xxxx is not defined
Javascript 提示xxxx is not defined
0x0、xxxx is not defined 错误原因及解决方法
首先提示 xxxx is not defined 就是表示未定义

发生原因：
如果你确定加密之前已经定义了这个“变量名”或者“方法名”，那应该是加密后“变量名/方法名”已经发生改变，导致外部调用的时候找不到这个“方法名/变量名”，才会出错误。

如原来函数（方法）为：

加密后函数（方法）可能为：

这个时候你去调用 “test” 那肯定是未定义（test is not defined）。

解决办法：
1.采用 最牛加密V6版本 ，保留 “变量名/方法名” 方法。
如方法名或者变量名为 “test” ，那就这么添加即可。
这样加密后，这个“变量名/方法名”不会发生改变。就不会出现这个错误问题。

2.提升作用域。
原来函数书写：

改成：

这样随便怎么加密，这个 test 方法会一直存在，并且调用不会出现test is not defined。

3.正确的书写（采用闭包）
我们都见过jquery，jquery就是采用闭包的方式书写。
简单来讲就是私有化所有方法（函数）和变量，然后提供公共访问方式。

我们打个样：

这样随便怎么加密，您后面都可以使用 T 来调用绑定在T上面的方法（函数）及变量。

结语：
其实当我们在写代码的时候就要考虑到这些，方便后面自己调用或者其他人的使用。
所以从开始就要规划怎么写合适。

这种情况精简后查错的方法：
打开IE的脚本错误提示，然后打开调用JS的HTML页面，它会报告缺少分号的所在位置，
然后用UE打开精简后JS文件，转到相应位置加上分号，再找到未精简的JS代码中对应的位置加上分号。

例如：

改为：

　　var a=1;
　　var b=2;else[a-zA-Z0-9]+
if (a>b)
　　a=b;
else
　　b=a;
if (a>b)
　　a=b;
else
　　{b=a}
function a() {
　　}
　　function b() {
　　}function a() {
　　};
　　function b() {
　　};window.load = function()
　　{
　　}

用代码触发“点击”事件
共两步：

把小图的宽高设为0
在需要时用代码模拟一下小图的点击事件

先来看文档中给出的示例代码：


在依赖环境正确的情况下，复制到合适位置就可以正常使用。

接下来对它进行修改。

1.获取引用
要想模拟点击，前提就是获取dom元素的引用。
VUE中有三种获取的方式，本文以最简单的document方式举例。
给元素加个id：

此时，如果在ts中执行document.getElementById('show-image').click()就可以显示大图了。

这一步测试成功之后就可以把document.getElementById('show-image').click()绑定到其他事件上，比如某个按钮的点击，这样就实现了“点击按钮显示大图”

2.设置宽高为0
因为<el-image-viewer/>和<el-image/>完全就是两个组件，所以小图不会影响大图，直接置0即可：

此时页面上就不会再显示它了，而触发事件仍然能正常显示大图。

3.改变大图
目前的大图url是写死的，如果想让图片变化就得把url数组传进来。
这里补充一个基本知识：

在vue中，如果只用let定义变量，而且页面使用了这个变量，当组件渲染完成后，再去改变let变量的值，组件中不会跟着变化。如果想让组件能变化，必须使用ref定义引用变量。

也就是：

如果后续想让url变化，需要用srcList.value = 来改变变量的值。

类似这样（用mitt实现，也可以用其他方式实现，只要能调用到这两行代码即可）：

这样就实现了通过其他的事件触发<el-image-viewer/>大图的效果。

squashfs for windows：windows下的squ打包工具

最近项目需要实现在Windows上进行文件打包，熟悉squashfs文件系统的都知道，是为Linux打造的文件系统，在Linux上也有相应的工具，安装后用命令即可实现打包。

那么，Windows下如何呢？经过查找资源，发现大神做出了Windows下的exe文件。具体文件放在文末链接处。用法如下

1 将文件解压到Windows可执行目录下
2 通过win+R，然后cmd进入解压的当前目录
3 执行
mksquashfs.exe 文件1 ...... 目标文件目录进行打包
unsquashfs.exe 目标文件进行解包

4 其余命令参数参考执行程序的提示或Linux下相关参数

sqfs_for_win.zip

Go语言编译exe生成图标

操作前提：安装 MinGW
下载地址：点击这里转到下载地址

在 main.go 的同级目录下 新建文件 main.rc ，文件内容如下


在 main.rc 的同级目录下 放置一个 ICON.ico 的图标文件
按住 Shift 右键当前目录，打开命令提示符，输入如下指令回车

命令结束后会生成一个 main.syso 文件

最后一步，在命令输入如下指令回车，就编译好了有图标的exe可执行程序

golang设置图标

一、准备图标文件
在设置应用程序图标前，我们需要准备一个.ico格式的图标文件。如果你没有现成的图标文件，可以使用在线工具或者图标编辑软件来创建一个.ico格式的图标文件。可以考虑使用以下在线工具：
https://iconverticons.com/online/
https://favicon.io/favicon-converter/
这里我选择使用iconverticons创建一个名为“myapp.ico”的图标文件。

二、使用rsrc工具
rsrc是一个在Windows平台下打包资源文件的工具。在Golang中设置应用程序图标，我们需要使用rsrc工具来将我们的图标文件打包成资源文件。rsrc工具可以通过以下链接下载：
https://github.com/akavel/rsrc/releases
下载后，将rsrc.exe文件放到一个路径下，以后我们将在这个路径下进行操作。

三、创建main.go文件
在完成rsrc工具的准备之后，我们需要创建一个Go文件来使用打包后的图标文件。在本文中，我们将使用“myapp.ico”文件作为应用程序的图标。以下是我们的代码示例：

以上代码中，我们引入了rsrc包，并使用rsrc.Init()函数初始化rsrc工具。

四、使用rsrc工具打包资源文件
在完成main.go文件的创建之后，我们需要使用rsrc工具将图标文件打包成资源文件。在命令行中切换到我们之前放置rsrc.exe的路径下，执行以下命令：


以上命令的意思是将“myapp.ico”图标文件打包成名为“rsrc.syso”的资源文件，架构为amd64。执行成功之后，我们可以看到当前目录下多了一个名为“rsrc.syso”的文件。这个文件就是我们打包好的资源文件。

五、使用打包后的资源文件
在完成前面的操作后，我们现在可以开始使用打包后的资源文件了。我们需要在main.go文件中指定应用程序的图标文件。以下是我们修改后的代码示例：


以上代码中，我们引入了syscall包，并使用LoadIcon函数加载指定的.ico格式图标文件。在代码中，我们还定义了一个名为“setIcon”的函数，用于设置应用程序的图标。在main函数中，我们调用“setIcon”函数来设置我们的应用程序图标。

运行程序后，我们会发现应用程序的图标已经成功地更改了。

将.go文件编译成exe

tms_server_by_xh.exe 是生成的exe文件名,https_server.go是脚本