js中的Math.random()
random() 方法可返回介于 0 ~ 1 之间的一个随机数。 这里有几种用法： 1.从数组中随机获取成员 var items = [12,a,9,p,8]; var randomItem = items[Math.floor(Math.random() * items.length)]; 2.生成从0到指定值的数字数组 var numbersArray = [] , max = 100; for( var i=1; numbersArray.push(i++) < max;); // numbers = [1,2,3 … 100] 3.生成随机的字母数字字符串 function radomcharnum(len){ var str = ""; for(;str.length<len;str+=Math.random().toString(36).substr(2)); return str.substr(0,len); } 3.得到指定范围的整数(需要Math.floor()或者parseInt()或者Math.ceil()) var randomNum = Math.random()*5; console.log(parseInt(randomNum));//1 console.log(Math.floor(randomNum));//0 Math.floor(Math.random()*(max-min+1)+min);//max为期待的最大的数，min为最小的数 使用parseInt也是可以的。 from:https://www.cnblogs.com/Catherine001/p/7265597.html
View DetailsVMMap v3.26
Download VMMap (626 KB) Run now from Sysinternals Live. Introduction VMMap is a process virtual and physical memory analysis utility. It shows a breakdown of a process’s committed virtual memory types as well as the amount of physical memory (working set) assigned by the operating system to those types. Besides graphical representations of memory usage, VMMap also shows summary information and a detailed process memory map. Powerful filtering and refresh capabilities allow you to identify the sources of process memory usage and the memory cost of application features. Besides flexible views […]
View DetailsDubbo与DubboX区别
前世今生： Dubbo源于阿里的淘宝网开源的分布式的服务架构，致力于提供高性能和透明化的RPC远程服务调用方案，是SOA服务化治理方案的核心框架。淘宝网将其开源之后，得到了很多的拓展和支持（比较出名的有：当当网的扩展版本dubbox，京东的扩展版本jd-hydra等） Dubbox（即Dubbo eXtensions）是当当网Fork基于dubbo2.x的升级版本，兼容原有的dubbox。其中升级了zookeeper和spring版本，并且支持restfull风格的远程调用。。 版本： Dubbo目前已停止更新； Dubbox目前还在更新。 说明：dubbox和dubbo 2.x是兼容的， 没有改变dubbo的任何已有的功能和配置方式（除了升级了Spring之类的版本）。 据说淘宝网dubbo与一个非开源的框架HSF有争执，导致dubbo的团队已经解散了，但是其扩展的版本dubbox却得到不断的发展（升级更新）； <!——--升级详情——--|——————-- dubbox-2.8.0：该版本已经在生产环境中使用，主要支持REST风格远程调用、支持Kryo和FST序列化、升级了Spring和Zookeeper客户端、调整了demo应用等等 dubbox-2.8.1：主要支持基于嵌入式tomcat的http-remoting，优化了REST客户端性能，在REST中支持限制服务端接纳的最大HTTP连接数等等 dubbox-2.8.2： 支持REST中的HTTP logging，包括HTTP header的字段和HTTP body中的消息体，方便调试、日志纪录等等 提供辅助类便于REST的中文处理 改变使用@Reference annotation配置时的异常处理方式，即当用annotation配置时，过去dubbo在启动期间不抛出依赖服务找不到的异常，而是在具体调用时抛出NPE，这与用XML配置时的行为不一致。 较大的充实了Dubbo REST的文档 dubbox-2.8.3： 在REST中支持dubbo统一的方式用bean validation annotation作参数校验（沈理） 在RpcContext上支持获取底层协议的Request/Response（沈理） 支持采用Spring的Java Config方式配置dubbo（马金凯） 在Dubbo协议中支持基于Jackson的json序列化（Dylan） 在Spring AOP代理过的对象上支持dubbo annotation配置（Dylan） 修正Dubbo管理界面中没有consumer时出现空指针异常（马金凯） 修正@Reference annotation中protocol设置不起作用的bug（沈理） 修正@Reference annotation放在setter方法上即会出错的bug（Dylan） 详见：https://github.com/dangdangdotcom/dubbox/releases ———/> 嵌入： dubbo：嵌入式Jetty dubbox：基于嵌入式tomcat实现dubbo的 HTTP remoting体系（即dubbo-remoting-http） 对Servlet API的支持： dubbo：2.5 dubbox：升级到3.1 序列化： dubbo： dubbox：基于Dubbo默认的RPC协议添加新的JSON序列化实现； 支持基于Kryo和FST的Java高效序列化实现； Zookeeper注册中心： dubbo：Dubbo提供了Zookeeper注册中心，在整个Dubbo的设计里面充分考虑到了各类用户的需求，一些底层的通讯或者是信息存储都提供有大量的不同的存储方案； dubbox：升级ZooKeeper客户端到最新版本； 使用场景： dubbo：使用Dubbo的RPC调用方式，服务间仍然会存在API强依赖； dubbox：相对于Dubbo支持了REST风格的原创调用（HTTP +JSON/XML）； ——————————————————- ——简言之（dubbox基于dubbo的升级）： ——————- 支持REST风格远程调用（HTTP + JSON/XML)； 支持基于Kryo和FST的Java高效序列化实现； 支持基于Jackson的JSON序列化； 支持基于嵌入式Tomcat的HTTP remoting体系； 升级Spring至3.x； 升级ZooKeeper客户端； 支持完全基于Java代码的Dubbo配置； ————————————————- 附录： Dubbo： 官网首页：http://dubbo.io/ ， 官方用户指南： http://dubbo.io/User+Guide-zh.htm可以当做SOA架构的学习资料 Dubbox： dubbox入门：http://www.cnblogs.com/yjmyzz/p/dubbox-demo.html dubbox架构： http://www.cnblogs.com/Javame/p/3632473.html 当当网dubbox学习参考文档：http://dangdangdotcom.github.io/dubbox/ 分布式服务框架 dubbo/dubbox 入门示例：http://www.cnblogs.com/wanghang/p/6298957.html ———————- […]
View DetailsGUI
图形用户界面（Graphical User Interface，简称 GUI，又称图形用户接口）是指采用图形方式显示的计算机操作用户界面。 与早期计算机使用的命令行界面相比，图形界面对于用户来说在视觉上更易于接受。然而这界面若要通过在显示屏的特定位置，以”各种美观而不单调的视觉消息“提示用户”状态的改变“，势必得比简单的消息呈现花上更多的计算能力。 图形用户界面是一种人与计算机通信的界面显示格式，允许用户使用鼠标等输入设备操纵屏幕上的图标或菜单选项，以选择命令、调用文件、启动程序或执行其它一些日常任务。与通过键盘输入文本或字符命令来完成例行任务的字符界面相比，图形用户界面有许多优点。图形用户界面由窗口、下拉菜单、对话框及其相应的控制机制构成，在各种新式应用程序中都是标准化的，即相同的操作总是以同样的方式来完成，在图形用户界面，用户看到和操作的都是图形对象，应用的是计算机图形学的技术。 GUI 即人机交互图形化用户界面设计。纵观国际相关产业在图形化用户界面设计方面的发展现状，许多国际知名公司早已意识到 GUI 在产品方面产生的强大增值功能，以及带动的巨大市场价值，因此在公司内部设立了相关部门专门从事 GUI 的研究与设计，同业间也成立了若干机构，以互相交流 GUI 设计理论与经验为目的。随着中国 IT 产业，移动通讯产业，家电产业的迅猛发展，在产品的人机交互界面设计水平发展上日显滞后，这对于提高产业综合素质，提升与国际同等业者的竞争能力等等方面无疑起了制约的作用。 GUI的广泛应用是当今计算机发展的重大成就之一，它极大地方便了非专业用户的使用。人们从此不再需要死记硬背大量的命令，取而代之的是可以通过窗口、菜单、按键等方式来方便地进行操作。而嵌入式GUI具有下面几个方面的基本要求：轻型、占用资源少、高性能、高可靠性、便于移植、可配置等特点。 from:https://baike.baidu.com/item/GUI/479966
View Details一个axios的简单教程
首先要明白的是axios是什么：axios是基于promise（诺言）用于浏览器和node.js是http客户端。 axios的作用是什么呢：axios主要是用于向后台发起请求的，还有在请求中做更多是可控功能。 特点：支持浏览器和node.js 支持promise 能拦截请求和响应 能转换请求和响应数据 能取消请求 自动转换JSON数据 浏览器支持防止CSRF（跨站请求伪造） 这里你一定会想promise是什么东西，以下是promise的个人理解： promise是什么：是一个对象用来传递异步操作的信息，它代表了某个未来才会知道结果的事件（通常是一个异步操作），并且这个事件提供统一的api，可供进一步的处理。 promise的作用：Promise的出现主要是解决地狱回调的问题，比如你需要结果需要请求很多个接口，这些接口的参数需要另外那个的接口返回的数据作为依赖，这样就需要我们一层嵌套一层，但是有了Promise 我们就无需嵌套。 promise的本质是什么：分离异步数据获取和业务 基本使用方法： axios执行GET请求 GET 请求方法 执行POST请求 POST请求方法 执行多个并发请求 多个并发请求 get和post都是基于promise的所以写法上很相似，是用then和catch，使用这种方法来进行发送请求。 还有一个axios重要的知识点就是拦截器 拦截器 在请求或响应被 then 或 catch 处理前拦截它们（拦截器可以做什么：在请求或者响应时拦截下来进行处理） 拦截器分为请求拦截器和响应拦截器 请求拦截器（interceptors.requst）是指可以拦截每次或指定HTTP请求，并可修改配置项。 响应拦截器（interceptors.response）可以在每次HTTP请求后拦截住每次或指定HTTP请求，并可修改返回结果项。 拦截器的写法 拦截器的工作流程： 拦截器工作流程 移除拦截器 移除拦截器 自定义 axios 实例添加拦截器 添加拦截器 取消 使用 cancel token 取消请求 可以使用 CancelToken.source 工厂方法创建 cancel token 参考资料：axios中文文档 from:https://www.jianshu.com/p/13cf01cdb81f
View Details如何快速搭建VPN，六款VPN服务器上最好的自由和开源工具，轻松搭建个人VPN
个人外贸企业需要访问国外的网络，怎么办？如果您想尝试建立您自己的 VPN，但是不确定从哪里开始，那么您来对地方了，我将比较 6 个在您自己的服务器上搭建和使用 VPN 的最好的自由和开源工具。不管您是想为您的企业建立站点到站点的 VPN，还是只是想创建一个远程代理访问以解除访问限制并对 ISP 隐藏你的互联网流量，都可以通过 VPN 来达成。 根据您的需求和条件，并参考您自己的技术特长、环境以及您想要通过 VPN 实现的目标。需要考虑以下因素： •VPN 协议 •客户端的数量和设备类型 •服务端的兼容性 •需要的技术专业能力 Algo Algo 是从下往上设计的，可以为需要互联网安全代理的商务旅客创建 VPN 专用网。它“只包括您所需要的最小化的软件”，这意味着为了简单而牺牲了可扩展性。Algo 是基于 StrongSwan 的，但是删除了所有您不需要的东西，这有另外一个好处，那就是去除了新手可能不会注意到的安全漏洞。 作为额外的奖励，它甚至可以屏蔽广告！ Algo 只支持 IKEv2 协议和 Wireguard。因为对 IKEv2 的支持现在已经内置在大多数设备中，所以它不需要像 OpenVPN 这样的客户端应用程序。Algo 可以使用 Ansible 在 Ubuntu (首选选项)、Windows、RedHat、CentOS 和 FreeBSD 上部署。 使用 Ansible 可以自动化安装，它会根据您对一组简短的问题的回答来配置服务。卸载和重新部署也非常容易。 Algo 可能是在本文中安装和部署最简单和最快的 VPN。它非常简洁，考虑周全。如果您不需要其他工具提供的高级功能，只需要一个安全代理，这是一个很好的选择。请注意，Algo 明确表示，它不是为了解除地理封锁或逃避审查，主要是为了加密。 Streisand Streisand 可以使用一个命令安装在任何 Ubuntu 16.04 服务器上；这个过程大约需要 10 分钟。它支持 L2TP、OpenConnect、OpenSSH、OpenVPN、Shadowsocks、Stunnel、Tor bridge 和 WireGuard。根据您选择的协议，您可能需要安装客户端应用程序。 在很多方面，Streisand 与 Algo 相似，但是它提供了更多的协议和定制。这需要更多的工作来管理和维护，但也更加灵活。注意 Streisand 不支持 IKEv2。因为它的多功能性，我认为 Streisand 在某国和土耳其这样的地方绕过审查制度更有效，但是 Algo 的安装更容易和更快。 使用 Ansible 可以自动化安装，所以不需要太多的专业技术知识。通过向用户发送自定义生成的连接指令，包括服务器 SSL 证书的嵌入副本，可以轻松添加更多用户。 卸载 Streisand 是一个快速无痛的过程，您也可以随时重新部署。 OpenVPN OpenVPN 要求客户端和服务器应用程序使用其同名的协议建立 VPN 连接。OpenVPN […]
View Detailsphp7.1以上 mcrypt_generic_open is deprecated 报错处理
php7.1以上. mcrypt_generic_open is deprecated 这个错误， 就是因为mcrypt扩展，在php7.1以上被废弃,服务器不设置报错等级的话， 这个错误会被框架拦截，然后报出微信demo里的40007错误， 具体解决方案，所有 mcrypt扩展的代码，全部加上 错误抑制符 ,例如 //使用BASE64对需要解密的字符串进行解码 原来的代码
|
1 2 3 4 5 6 7 8 9 10 |
//使用BASE64对需要解密的字符串进行解码 $ciphertext_dec = base64_decode($encrypted); $module = mcrypt_module_open(MCRYPT_RIJNDAEL_128, '', MCRYPT_MODE_CBC, ''); $iv = substr($this->key, 0, 16); mcrypt_generic_init($module, $this->key, $iv); //解密 $decrypted = mdecrypt_generic($module, $ciphertext_dec); mcrypt_generic_deinit($module); mcrypt_module_close($module); |
修改的代码
|
1 2 3 4 5 6 7 8 9 10 |
//使用BASE64对需要解密的字符串进行解码 $ciphertext_dec = base64_decode($encrypted); @$module = mcrypt_module_open(MCRYPT_RIJNDAEL_128, '', MCRYPT_MODE_CBC, ''); $iv = substr($this->key, 0, 16); @mcrypt_generic_init($module, $this->key, $iv); //解密 @$decrypted = mdecrypt_generic($module, $ciphertext_dec); @mcrypt_generic_deinit($module); @mcrypt_module_close($module); |
然后我的问题就解决了。 我的问题主要出在微信的加解密函数上，遇到的坑有几个 1.文档给的class默认有的是小写， 2.一个文件有多个class得拆开 3.构造函数获取的变量名称不对得修改… 这些用断点调试都可以进行解决 还有一种方案是， 我听我朋友说可以用 openssl代替mcrypt扩展的方案(mcrypt编码，openssl解码)， 得重写编写微信demo里的代码，虽然我没成功… from:https://blog.csdn.net/qq_38686693/article/details/81388329
View Detailsvue 页面跳转传参
页面之间的跳转传参，正常前端js里写 window.location.href="xxxxx?id=1" 就可以了； 但是vue不一样 需要操作的是路由history，需要用到 VueRouter, 示例： 常用的场景是：列表页点击“查看”按钮，跳转到详情页。 在列表页（list.vue）按钮点击事件里写上
|
1 2 3 4 |
<span class="token function">detail</span><span class="token punctuation">(</span>row<span class="token punctuation">)</span> <span class="token punctuation">{</span> this<span class="token punctuation">.</span>$router<span class="token punctuation">.</span><span class="token function">push</span><span class="token punctuation">(</span><span class="token punctuation">{</span> path<span class="token punctuation">:</span> <span class="token string">"detail"</span><span class="token punctuation">,</span> query<span class="token punctuation">:</span> <span class="token punctuation">{</span> id<span class="token punctuation">:</span> row<span class="token punctuation">.</span>id <span class="token punctuation">}</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span><span class="token punctuation">,</span> |
运行时浏览器地址栏展示： http://localhost:8080/#/orders/detail?id=31 在详情页(detail.vue)里写上
|
1 2 |
<span class="token keyword">let</span> id <span class="token operator">=</span> <span class="token function">Number</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">.</span>$route<span class="token punctuation">.</span>query<span class="token punctuation">.</span>id<span class="token punctuation">)</span><span class="token punctuation">;</span> |
即可获取到参数id了。 解析 先看看 route是什么,在vscode f12后 看到
|
1 2 3 4 5 6 7 |
<span class="token keyword">declare</span> module <span class="token double-quoted-string string">"vue/types/vue"</span> <span class="token punctuation">{</span> <span class="token keyword">interface</span> <span class="token class-name">Vue</span> <span class="token punctuation">{</span> <span class="token variable">$router</span><span class="token punctuation">:</span> VueRouter<span class="token punctuation">;</span> <span class="token variable">$route</span><span class="token punctuation">:</span> Route<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> |
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。 VueRouter官网 传送门 route是一个跳转的路由对象，每一个路由都会有一个route对象，是一个局部的对象，可以获取对应的name,path,params,query等 其中 params {}对象，包含路由中的动态片段和全匹配片段的键值对 用来实现 /order.detail/1 query {}对象，包含路由中查询参数的键值对。 用来实现 /order/detail?id=1 from:https://www.jianshu.com/p/45163cb031be
View Detailscurl: (60) SSL certificate problem: unable to get local issuer certificate 错误
参考地址：http://blog.csdn.net/sanbingyutuoniao123/article/details/71124655 关于“SSL证书问题：无法获取本地颁发者证书”错误。很明显，这适用于发送CURL请求的系统（并且没有服务器接收请求） 1）从https://curl.haxx.se/ca/cacert.pem下载最新的cacert.pem 2）将以下行添加到php.ini（如果这是共享托管，并且您无法访问php.ini，那么可以在public_html中添加到.user.ini） curl.cainfo=/path/to/downloaded/cacert.pem from:https://www.cnblogs.com/haoxuanchen2014/p/8067484.html
View DetailsThinkPHP5.0(六)PHP处理excel文件流程，PHPExcel
##从前台获取文件： 前台代码
|
1 2 3 4 |
<input id='location' type="text" class="controls" disabled>//用来显示选择的文件 <input type="button" id="i-check" value="选择报名表" class="btn btn-sm btn-success" onclick="$('#i-file').click();" style="margin-top: -2px"> <input type="file" id='i-file' name="examfile" accept=".xlsx,.xls" onchange="$('#location').val($('#i-file').val());" style="display: none"> //隐藏的存文件的目录 |
前台获取文件为3个input框： 第一个type=“text”，用来显示获取到文件的路径； 第二个type="button"点击按钮； 第三个type="file"隐藏的获取文件的表单。 流程： 当button 触发click事件，则调用$(’#i-file’).click();触发file，当file类型的input获取到值（文件路径），则change事件将路径值显示在location。 jQuery的 .val() – 设置或返回表单字段的值。 ##后台接收文件： 获取： 通过调用request对象的file()方法获取。
|
1 2 3 4 5 6 7 |
if(request()->isPost()){ $file = request()->file('examfile'); if (!$file) { return $this->error('未选择任何文件','JoinController/joinMultiple'); } } |
移动(上传)： 内置的上传只是上传到本地服务器，上传到远程或者第三方平台的话需要自己扩展。
|
1 2 3 4 5 6 7 |
// 移动到框架应用根目录/public/uploads/ 目录下 $file_url = ROOT_PATH . 'public' . DS . 'upload'; //. DS . 'excel' $config = [ 'size' => 2097152, 'ext' => 'xlsx,xls' ]; $info = $file->validate($config)->move($file_url); //2MB |
其中validata()是一个格式验证，传入参数为最大字节size和限定的后缀ext；
|
1 2 3 4 5 6 7 8 9 10 |
/** * 设置上传文件的验证规则 * @param array $rule 验证规则 * @return $this */ public function validate($rule = []) { $this->validate = $rule; return $this; } |
move 方法成功的话返回的是一个 \think\File 对象，你可以对上传后的文件进行后续操作， move方法如果只传入一个路径则默认会在目录下生成时间目录，且文件名为自动生成的。 例如：20180926\bbc624371e90924a8483b5421acc2e43.xlsx 时间目录20180926下的这个文件 如果不想生成时间目录，且用原始文件名，则通过传入其他参数。 原始文件名采用：move($file_url,")
|
1 2 3 4 5 6 7 8 |
/** * 移动文件 * @param string $path 保存路径 * @param string|bool $savename 保存的文件名 默认自动生成 * @param boolean $replace 同名文件是否覆盖 * @return false|SplFileInfo false-失败 否则返回SplFileInfo实例 */ public function move($path, $savename = true, $replace = true) |
后续操作： 对move()方法获取到的返回值$info可以执行： getExtension()获得扩展名(后缀名) getSaveName()域名 getFilename()文件名 好的可以获取文件地址通过：
|
1 |
$url=$info->getSaveName(); |
注意：在文档中查到 getSaveName 方法返回的是图片的服务器文件地址，并不能直接用于图片的URL地址，尤其在 windows平台上必须做转换才能正常显示图片。 所以正确的获取路径的方法为：
|
1 2 |
$url=$info->getSaveName(); $file_url .= "\\" . $url; |
getSaveName()得到的其实就是文件名加后缀名，要得到的file_url为可用的URL地址。则 $file_url .= "\\" . $url其中 **.=**为连接符 ,双斜杠为转义字符，本意为单斜杆。 则将**$file_url**传入到真正的文件文件处理的方法中，这里是import()方法。 上述过程完整代码：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 |
public function upload() { if(request()->isPost()){ $file = request()->file('examfile'); if (!$file) { return $this->error('未选择任何文件','JoinController/joinMultiple'); } // 移动到框架应用根目录/public/uploads/ 目录下 $file_url = ROOT_PATH . 'public' . DS . 'upload'; //. DS . 'excel' $config = [ 'size' => 2097152, 'ext' => 'xlsx,xls' ]; $info = $file->validate($config)->move($file_url); //2MB if ($info) { $url=$info->getSaveName(); $file_url .= "\\" . $url; try{ chmod($file_url, 0777); }catch(\Exception $e){} $result = $this->import($file_url,$info->getExtension()); try{ //使用文件对象的时候没有完全关闭句柄,导致无法删除该文件。 //解决方法只需要在上传逻辑完成之后清空释放一下变量 会在public/upload下多一些空文件夹 unset($info); unlink($file_url); }catch(\Exception $e){} if (!$result) //为"" { return $this->success('导入成功','JoinController/joinMultiple'); }else { return $this->error($result,'JoinController/joinMultiple'); } } else { // 上传失败获取错误信息 return $this->error($file->getError(),'JoinController/joinMultiple'); } }else { return $this->error("非法请求",'JoinController/joinMultiple'); } } |
##处理文件： 我处理的为Excel文件，经过上述步骤将一个Excel的URL地址，和其扩展名传入了处理函数import()。 一.PHPExcel的安装和引用： 注意在处理之前必须采用使用composer安装PHPExcel。 教程 Git地址 use一下全套服务：
|
1 2 3 |
use PHPExcel; use PHPExcel_IOFactory; use PHPExcel_Cell; |
或者：
|
1 2 3 |
//引入PHPExcel header("content-type:text/html; charset=utf-8"); vendor("phpoffice.phpexcel.Classes.PHPExcel"); |
就完成了引用！ 二.开始处理： 1.通过实例化的PHPExcel_IOFactory对象调用createReader()方法获得Reader对象；
|
1 |
$PHPReader = PHPExcel_IOFactory::createReader('Excel5'); //use excel2007 for 2007 format |
2.Reader对象的load方法调用URL地址获取到存放文件内容的PHPExcel；
|
1 |
$PHPExcel = $PHPReader->load($filename); |
3.通过PHPExcel的getActiveSheet方法获取sheet当前工作sheet sheet可以存在多个，通过索引getActiveSheet(0)
|
1 |
$sheet = $PHPExcel->getActiveSheet(0);//获得sheet |
|
1 |
$highestRow = $sheet->getHighestRow(); // 取得共有数据数 |
4.将sheet转化为数组进行处理，则Excel中的内容就变成了一个二维数组，方便处理了。 […]
View Details