Don't lost way

原创 composer安装包报错：... but it does not match the constraint

composer安装包报错：... but it does not match the constraint

原创 【快速解决】ERROR 1050 (42S01): Table ‘/#sql-ibxxxxx‘ already exists

【快速解决】ERROR 1050 (42S01): Table '/#sql-ibxxxxx' already exists

原创 java 静态代理 动态代理（jdk、cglib两种方式）

静态代理，jdk动态代理，cglib动态代理

原创 idea运行控制台中文乱码，可能是java18的错

idea运行java项目，控制台中文乱码，可能是java版本的原因

原创 解决：Cannot find any provider supporting SM4/CBC/PKCS5Padding

引入包import org.bouncycastle.jce.provider.BouncyCastleProvider;在类中加入如下代码：static{ Security.addProvider(new BouncyCastleProvider());}效果如下：

原创 The request client is not a secure context and the resource is in more-private address space `local`

遇到个奇怪的问题，一开fiddler网站的某些请求就报跨域错误，查看控制台报错如标题，原来是chrome在阻拦。chrome://flags/#block-insecure-private-network-requests关闭该选项，重启chrome即可。

原创 fiddler AutoResponder自动应答功能（详细案例笔记）

参考文档：Fiddler调试权威指南 P41Enable rules：是否启用自动应答规则Accept all Connects：接受所有的连接，如果不选这个，我猜大概是只接受规则匹配的连接Unmatched requests passthrough：勾选此项，未匹配到的请求会直接通过，否则会阻塞。Enable Latency：设置某个请求延迟执行的毫秒数，该功能可用来弱网测试匹配urlstring该规则将匹配url包含string的请求，例如：baidu.com将匹配所有包含baidu.

原创 php函数参数默认为值传递，对象、资源类型（resource）默认为引用传递

在php官方手册函数的参数一节中，指明了php默认是按值传递参数，但是有两个特殊的类型，默认是按引用传递参数的，对象和资源类型。这是因为资源 resource 是一种特殊变量，保存了到外部资源的一个引用。对象同理，他们本身就是对其它资源的引用。资源类型按引用传递的证明案例（同理可证明对象也是引用传递）：<?phpclass CurlTest{ private function initCurl($url=''){ $ch = null; if($ur

原创 mysql插入数据就报错MySQL server has gone away

一个正常运行的系统，今天突然不行了，经排查，问题锁定在一个数据表上，这个表只要order by id desc就报错MySQL server has gone away，后来发现insert into也报错MySQL server has gone away，同库中其它的表没有问题。解决方案：数据备份，新建了一个相同结构的数据表，程序跑起来，经观察，没有问题。原因分析：现在只能怀疑，该数据表对应的磁盘上的文件可能有损坏，因为该机器总是经常拉电闸关机，而不是正常关机。...

原创 Maven排除依赖exclusion用法

Maven排除依赖exclusion用法假设有如下依赖：A->B->C(1.0)项目B依赖了项目C的1.0版本，由于项目C比较活跃，此时已经升级了好几个版本，比如已经升级到了4.0版本。由于依赖的传递性，根据此依赖链：A->B->C(1.0)，A项目默认会加载C的1.0版本，如何使用C的4.0版本呢？我们在对B的依赖声明中将C排除，然后显示的声明依赖C的4.0版本。pom配置如下：<dependencies> <dependency>

原创 Maven依赖调解（依赖了一个包的不同版本，哪个生效）

Maven依赖调解（依赖了一个包的不同版本，哪个生效）如果因为某种原因，使得项目依赖了同一个包的不同版本，maven会解析哪个版本呢？一、 路径最短优先假设有如下依赖A->B->C->X(1.0)，A依赖B，B依赖C，C依赖X的1.0版本A->D->X(2.0)，A依赖D，D依赖X的2.0版本那么A最终会依赖X的哪个版本呢？因为Maven有路径最短优先原则，所以最终会以A->D->X(2.0)这条路径解析，依赖X的2.0版本。二、 第一声明者优先然而

原创 idea+maven+maven-shade-plugin打包可执行jar

idea+maven+maven-shade-plugin打包可执行jarMaven打包可执行jar包，需要借助 maven-shade-plugin 插件。添加插件在pom文件中 节点下增加如下配置：<plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-shade-plugin</artifactId>

原创 idea+Maven项目单元测试入门

idea+Maven项目单元测试入门单元测试需要用到junit框架，框架的详细用法可参考官网：https://junit.org/本文仅仅是入门指导。第一步：创建一个maven项目File->New->Project…选择maven类型我这里创建的项目名叫demo8第二步：编写项目源码maven项目的规范，项目源码应该在src/main/java目录下，一般还会加一层groupId+artifactId组成的包路径，比如我这边就是org.example.demo8第三步

原创 idea+maven发布包到本地仓库

idea+maven发布包到本地仓库第一步：创建一个新项目File->New->Project…选maven类型，直接Next给项目起个名字，GroupId ArtifactId Version这些根据实际情况填写，如果这样说，你还不懂，那证明你是新手中的新手，暂时保持默认即可。建好后项目结构如下：第二步：编写源码为了让项目看着规范写，我新建了org.example.demo7目录，把源码放在该目录下，结果如下第三步：发布到本地仓库修改pom.xml文件，加入dis

原创 idea配置全局maven

File->New Projects Settings->Settings for New Projects…打开设置界面后，搜索maven，对应设置好，再打开新的项目就是我们想要的配置，而不是默认配置了。

原创 你想要的二维码美化效果都在这里了（前景图，圆点二维码，液化效果）

代码注释中写了详细的实现思路，这里就不多罗嗦了。如何加载：composer require wutongshenyuan/qrcode_prettifygit地址：https://github.com/wutongshenyuan/qrcode-prettifyreadme奉上：二维码美化二维码美化方案：1 修改前景色背景色 已实现2 用图片做前景背景，动图会更炫 已实现前景图3 添加logo 已实现4 码眼换成其它图案，只要保证其遮盖面积与使用深色系，就不会影响识别，只在液化效果中

原创 composer包安装后有.git目录原来是gitee惹的祸

前几天发布了composer包，发现安装后总有.git目录，这样在git提交的时候该目录会被识别为submodule，管理起来比较麻烦。网上有人说是因为安装了dev-master版本导致，但是，指定某个版本号安装还是会有.git目录。后来无意间发现有位兄台说是因为发布在gitee上导致的，试了一下，从github上发布果然没有问题，从gitee发布，安装后就会有.git目录。解决方案：1 首选github，但是github有时候会打不开，或者打开速度慢2 写个自动删除的程序，把vendor目录下的

原创 解决css转盘游戏中transform:rotate不能多次转动问题

解决css转盘游戏中transform:rotate不能多次转动问题用css的transform属性实现的转盘游戏，都是让元素转动指定的角度来实现抽奖的目的。假如我们的转盘被分成了八份，每一份就是45度，如下图：当我们要抽中某一个时，一般都会把指针指向扇形的中间，所以如果要指向第一个扇形的中间，就是转动22.5度，在上图，我们用指针的逆时针转动，来解释转盘的顺时针转动。要指向其它的扇形就是再依次增加45度。但是这样每次转盘的转动都不会超过一圈，对于一个抽奖游戏来说，可能效果不太好。所以我们随机出某个

原创 步骤分解：教你五步实现css转盘抽奖小游戏

教你五步实现css转盘抽奖小游戏先看一下整体效果。分解思路：第一步：先画一个园这里是class="box"代码段第二步：在圆上面再画一个圆圈，加点阴影效果，有那么点立体的感觉这里是在上面的基础累加上class="turntable"代码段第三步：画小圆灯累加上class="little-circle"代码段，这里小圆灯等分用到了transform-origin属性，找准旋转的圆心即可。第四步：画扇形奖品区画扇形是一个比较头疼的问题，这里是用平行四边形代替，把多余的部分遮住，留

原创 我是如何发现用css边框（border）可以实现画三角形的

平时我用css的border属性，都是用很小的像素，反映到界面上就是很细的边框，像下面这样。<style>.triangle{ width:100px; height:100px; border:1px solid red;}</style><div class="triangle"></div>可怕的是，我也一直认为只能这样用。当有一天，我为了调试，把各个边框像素放大，并且使用了不同的颜色，奇迹出现了。<style>.

原创 css两端对齐-justify不生效问题

参考文档：https://developer.mozilla.org/en-US/docs/Web/CSS/text-align问题遇到justify不生效的情况，往往是我们的文本只有一行导致的，但是文档明确的说了，justify对最后一行不生效，当你只有一行文本的时候，那么它也是最后 一行，所以不生效。解决：利用CSS伪元素::after用来创建一个伪元素，添加一行内容，并且将其隐藏，这样我们要显示的内容就不是最后一行了，justify就会生效。<html><head&gt

原创 js操作css的多种方式

dom方式操作cssh5 API(classList)方式css om方式<html><head><style> .white{ height:30px; width:100px; background-color:#fff; border:red 1px solid; } .black{ height:30px; width:100px; background-color:#000; border:red

原创 html5 拖拽（上传）ctrl + v上传原理解析

实现元素拖拽的步骤1 把元素的draggable属性设置为true draggable=“true”2 拖放开始ondragstart触发dragstart事件3 当拖放到其它元素上ondragover会触发dragover事件4 放置元素时ondrop会触发drop事件拖拽过程中的其它事件：...

原创 js 获取剪贴板文件和文本（解决js获取剪贴板文件总是为空）

// ctrl + v自然会触发paste事件，根本不用你自己去监听ctrl+v document.addEventListener('paste',function(event){ //ClipboardEvent // 获取文件 console.dir(event.clipboardData.files); // 获取文本 console.dir(event.clipboardData.getData('text')); });获取剪贴板文件时有两个坑：坑1： c...

原创 js检测ctrl+v

document.addEventListener('keydown',function(event){ //console.log(event); let keyStr = event.key; if((keyStr==='v'||keyStr==='V') && event.ctrlKey===true){ console.log('ctrl+v') }});扫码关注，获取更多好料

原创 拖拽上传event.dataTransfer.files始终为空

这是一个bug，当我console.dir(event.dataTransfer);时，显示files的length为0，这让我一直以为没有获取到拖拽的文件，然而当我console.dir(event.dataTransfer.files);时，却显示我拖拽的文件信息。如下图：

原创 chrome控制台一句话实现页面checkbox全选

有时候做 一些重复性的工作，操作一些界面，需要全选checkbox，但是页面又没提供全选功能，此时一句话全选能帮我们节省很多时间document.querySelectorAll('input[type=checkbox]').forEach(function(item){ item.checked=true; console.log(item.checked)});在此记录，并不是因为这个功能很难，只是为了提醒我们，要时刻想着如何用工具提高效率。...

原创 postMessage 跨文档消息传递

可应用于如下场景：页面和其打开的新窗口的数据传递页面与嵌套的 iframe 消息传递多窗口之间消息传递示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>sender</title></head><body><script> // 发送 function sen

原创 iis修改请求内容长度

web.config配置如下：<?xml version="1.0" encoding="UTF-8"?> <configuration> <system.webServer> <security> <requestFiltering> <requestLimits maxAllowedContentLength="500000000"></requestLimits>

原创 iis允许无后缀文件访问

web.config配置如下<?xml version="1.0" encoding="UTF-8"?> <configuration> <system.webServer> <staticContent> <mimeMap fileExtension="." mimeType="text/plain" /> </staticContent> </system.webS

原创 Azure Database for MySQL还原操作

原创 html5 canvas 截图demo(带半透明遮罩)

效果图：代码地址：

原创 css outline属性，实现选区以外加半透明遮罩

outline:rgb(220,220,220,0.7) solid 5000px;

原创 php一个文件生成二维码（base64encode）

http://phpqrcode.sourceforge.net/phpqrcode.php是合成版本，这一个文件就可以生成二维码。生成二维码include ‘phpqrcode.php’;QRcode::png(‘http://www.baidu.com’);获取二维码的base64字符串// 需要将QRimage::png()方法中的Header(“Content-type: image/png”);注释掉，然后如下调用include ‘phpqrcode.php’;ob_start()

原创 微信公众号、订阅号、服务号、企业号的区别

这个问题困扰我许久，今天由于公司业务需要，让我注册一个，终于搞明白了。公众号其实，就没有什么公众号，要说有的话，那就是订阅号、服务号、企业号的统称订阅号 服务号 企业号下图简明扼要的说明了订阅号，服务号，企业号（已升级为企业微信）的应用场景...

原创 getBoundingClientRect在页面发生滚动时值发生改变

这是由于getBoundingClientRect参考的是视窗的左上角，而不是文档的左上角，如果想要在页面发生滚动时还以文档的左上角为参考点，只需把滚动值加上即可。即 top+window.scrollYleft+window.scrollX参考文档：https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect...

原创 html5 Canvas马赛克效果的实现原理与撤销操作

我们的世界因五彩缤纷的颜色而美丽，彩色照片也是因为有多种颜色而变得漂亮。如果把一张照片的颜色都换成同一种颜色，那么这照片也不能称之为照片了，而是涂了颜色的板。如果把照片的局部区域的多个像素换成同一种颜色，那么照片就会变得模糊不清，这就是马赛克的原理。这个变换的过程当然需要一个成熟的算法，效果才会显得自然。撤销每一次操作完毕后，都存一个快照，每执一次撤销操作，就取出上一个快照进行恢复。...

原创 html5 Canvas 图片灰度处理

图片灰度处理有什么用？1 在摄影中呈现一种老照片的效果2 在计算机计算时，比如相似图片搜索，灰度就够了，彩色照片信息量太大，不利于计算。有时候灰度还不够，甚至用二值照片，即所有像素转换为非黑即白。ocr识别时，也会对图片进行灰度处理。当然，在上述应用场景中，也不一定会用canvas处理，甚至一定不会用canvas处理， 但是，canvas确实可以实现图片的灰度处理。实现思路1、先用drawImage()把图片画到canvas上2、再利用getImageData()获取图片的像素信息，求出r g

原创 web开发，小白须知，大神必会接口清单

https://developer.mozilla.org/zh-CN/docs/Web/API

原创 php——parse_str避坑（点分隔会解析为下划线）

用过php的人一般都知道parse_str是把查询字符串解析为变量的函数，如果给了第二个参数，就会把解析结果放到第二个变量中。最近在使用parse_str的时候遇到一个大坑，就是在解析的时候把点分隔的键名转换为了下划线。举例：a=1&b=2 能正常解析为数组array (‘a’ => ‘1’,‘b’ => ‘2’,)如果是 a.b=1&c.d=2则会解析为array (‘a_b’ => ‘1’,‘c_d’ => ‘2’,)...