springdk2009的博客

原创 charles下载安装教程详细（抓包）

此时你的手机必须和电脑在同一个网络/wifi里,手机选择和电脑相同wifi—>长按此wifi弹框中选择修改网络—>显示高级选项—>服务器主机名输入框中输入电脑ip地址,服务器端口号填写8888——>保存即可,此时手机和电脑绑定在一起一遍电脑抓手机上请求网络数据.注意，同一个手机对应不同电脑上的Charles都要分别下载证书进行认证，因为手机的证书是和电脑端的Charles一一配对的。由于https协议的特殊性，所以要求电脑端和手机端都需要安装下证书，否则会看到返回的数据都是乱码。

原创 前端实现在线预览pdf、word、xls、ppt等文件

1、免费纯前端方式实现在线预览word、excel、ppt最优选择微软在线预览（不可编辑）2、利用后端将文件转为图片，前端以图片形式预览（可行方案）3、购买在线预览服务例如百度DOC文档服务永中I DOC VIEW等XDOC文档预览服务。

转载 composer事件和自定义脚本

你可以使用 – 来给 scripts 传参，例如 composer run-script post-install-cmd – --check ，scripts 是命令的情况下，会如正常传参那样接收到 --check 参数，而使用 PHP 脚本的情况下，你可以使用 $event->getArguments() 来获取到相同的传参。我们需要在项目的 composer.json 定义一个叫 “scripts” 的选项，在此选项里，设置事件名称和对应的要执行的命令或脚本。您必须将它们拆分为 JSON 命令数组。

原创 trim小BUG一枚

可选参数，过滤字符也可由 character_mask 参数指定。” 列出一个字符范围。此函数返回字符串 str 去除首尾空白字符后的结果。“\x0B” ( ASCII 11 (0x0B))，垂直制表符。" " ( ASCII 32 (0x20))，普通空格符。“\n” ( ASCII 10 (0x0A))，换行符。“\r” ( ASCII 13 (0x0D))，回车符。“\0” ( ASCII 0 (0x00))，空字节符。“\t” ( ASCII 9 (0x09))，制表符。

原创 mysql8.0递归使用之生成日历结构

【代码】mysql8.0递归使用之生成日历结构。

原创 mysql-binlog

保存binlog，如一些函数，statement无法完成主从复制的操作，则采用row格。式保存binlog，MySQL会根据执行的每一条具体的sql语句来区分对待记录的日。到和在master端执行时候相同的结果。条数据详细的变更细节，即使只更新了一个字段，binlog里也会记录所有字段的。binlog，即二进制文件，他记录了MySQL所有数据的变更，并以二进制的。优点：不需要记录每一行的变化，减少了binlog日志量，节约了IO，提。ROW（行模式）：记录那条数据修改了，注意：记录的是这条记录的全部数。

原创 img对象，file对象，base64，canvas对象相互转换以及图片压缩

会将一个 Canvas 对象压缩转变为一个 Blob 类型对象；fn 为回调方法，包含一个 Blob 对象的参数;会将 File （ Blob ）类型文件转变为 dataURL 字符串,其中 file 参数传入一个 File （ Blob ）类型文件;有时候后它还有可能是一块canvas画布，或者是一个Image对象，或者直接就是一个图片的url地址，我们需要将它们压缩上传到远程；有时候我们也需要将一个。：这个方法便捷，且是同步的，但需要基于当前的内存，换句话说，这个url不能拿到其他页面使用。

原创 vue组件内引入外部js, 外部js调用组件内的方法

方式一：vue组件中的方法先调用外部js 中的方法，外部js再调用vue组件中其它方法。test.js 为主js文件，里面引入了a.js和b.js文件。外部js文件test.js: 使用 window.test2()调用。vue组件中引入外部js,并调用外部js 中的方法。方式二：外部js直接调用vue组件中的方法。外部js 中调用vue组件中的方法。5. 外部主js文件调用其它js中的方法。5.3 调用a.js和b.js文件方法。4. 外部js调用vue组件中的方法。5.1 引入a.js和b.js文件。

原创 Vue组件中如何引入外部的js文件

/ 引入import 'common/importJs.js'// html使用的地方

原创 epub.js电子书的使用及VUE注意事项

EPub是电子书格式，可以用Adobe Digital Editions打开，它是一个自由的开放标准，属于一种可以“自动重新编排”的内容，也就是文字内容可以根据阅读设备的特性，以最适于阅读的方式显示。4、获取meta、封面图、章节等均是Promise对象（异步编程的一种解决方案，可以获取到异步的操作），需要使用.then()方法来获取里面想要的信息。用程序来加载epub文件的话，也是可以的，就跟视频文件一样，前端客户端多种语言都能解析它。今天分享的主题是用epub.js来操作电子书文件。

原创 谷歌开源图片压缩项目与VUE结合

element ui upload组件。在before_upload方法中处理。2. 自己封装的NPM包方式。1. 直接引入官方源码方式。（在vue后台中成功引用）

原创 使用vue v-for遍历map

关键点在于(value, key) in map，value在前，key在后。

原创 vue 子组件watch监听不到prop的解决

父子组件是单向数据流，父组件值改变时子组件可以拿到改变后的值，但通过watch监测不到变量的变化。当日期区间改变后，子组件对应数据自动更新，尝试百度后好多几个最终才可解决。父组件日期区间选择框，子组件数据根据日期区间显示对应数据，

原创 Vue中的computed和watch的区别

空智今年的年龄: 空智今年的年龄: 反转后的数据为: {{ reversedMsg }}空智个人信息情况: {{ basicMsg }}原来的数据: {{ msg }}

原创 nuxt生命周期

原创 JS中使用map

【代码】JS中使用map。

原创 记录使用Nuxt开发服务端渲染项目时遇到的问题难点整理

asyncData、fetch、validate使用范围只能应用于页面组件中，子组件中无法使用此生命周期。return new Error('页面1渲染报错')const res1 = 接口1;const res2 = 接口2;方法3 不拆分组件(不建议)方法1 props(推荐)方法2 vuex(可用)

原创 vue2转战vue3的简单步骤第二部分

vue2转战vue3的简单步骤第二部分;子组件声明公开的属性。父组件定义模板ref。

原创 使用curl上传附件

fastAdmin接收并转发到其他接口。

原创 自定义组件实现双向绑定

【代码】自定义组件实现双向绑定。

原创 js object常见方法总结

以上，obj对象存在的name属性的时候，调用这个方法才是返回true，我们知道其实每个对象实例的原型链上存在toString方法，在这里打印false，说明这个方法只是表明实例对象的属性，不包括原型链上的属性。Object.getOwnPropertyNames也是es5中新增的方法，返回对象的所有自身属性的属性名（包括不可枚举的属性）组成的数组，但不会获取原型链上的属性。上面代码中，源对象obj1的a属性的值是一个对象，Object.assign拷贝得到的是这个对象的引用。

原创 Ifvisible.js 检查当前网页是否处于激活状态

Ifvisible.js 是一个跨浏览器、轻量级的方式，用户检查用户在浏览页面或正在与它进行交互。它可以处理活动状态，如在页面上空闲或活跃。您还可以使用 ifvisible.js 智能设置您的间隔，如果用户是空闲或没有看到页面的间隔时间会自动停止。在示例网页中，空闲持续时间设置为 30 秒，这样您就可以轻松地看到效果，如果在 30 秒的时间内，该网页没有任何来自用户的操作，那么网页将添加一个白色透明蒙版。

原创 webupload多文件上传到阿里云且执行其他功能

每上传一个需要更新formData,按官方文档没生。'个文件到服务器，'

原创 react 一天入门文档

本书为有一点前端基础的并且是 React.js 零基础的同学而作，帮助他们掌握 React.js 并且灵活地把 React.js 应用到实际项目当中。如果你有一定的 HTML、CSS、JavaScript 基础并且希望学习 React.js，而又觉得 React.js 当中有些概念比难以接受和理解，希望能够从零开始学习，那么本书很适合你。但如果你已经对前端已经非常熟悉并且用过不少的前端框架和相关的组件化技术，建议你直接看官网文档。

原创 es6数组赋值

用法1：展开运算符(spread operator)，作用是和字面意思一样，就是把东西展开。可以用在array和object上都行，比如123456用法2：剩余操作符(rest operator)，是解构的一种，意思就是把剩余的东西放到一个array里面赋值给它。一般只针对array的解构1234567891011121314151617181920// 1// [2,3]// 也可以// 1// 2// 3// 也可以。

原创 vue获取openid并完成微信支付功能

接下来就可以放开干支付，分享等其他功能了。

原创 vue微信功能 本地模拟线上正式域名方式

3. 更改项目build/webpack.dev.conf.js 在devServer增加disableHostCheck:true配置。2. 更新项目文件/config/index.js。1. 修改hosts文件劫持正式域名。在微信开发工具直接用域名访问即可。然后直接npm run dev。

原创 js 二进制文件转临时文件并上传到服务器

【代码】js 二进制文件转临时文件并上传到服务器。

原创 js+canvas合成图片实现微信公众号海报功能

在微信公众号开发中,很多时候都有个需求是一张图加上头像和昵称或者其他数据生成自己的二维码海报或者是生成分享海报。这个需求,php的gd库是可以实现的,但是用服务器进行图片合成,会消耗服务器大量的资源。二:使用html2canvas进行网页保存成图片//需引入html2canvas.js。一:js的canvas图片合成方法。所以我们可以考虑用以下方式实现。

原创 微信jssdk config:invalid signature 签名错误 ,问题排查过程

使用微信开放平台的appid2账号获取的网页登陆授权的access token ，仅用于登陆和获取用户信息，在调用jsapi ticket 和其他接口的token 指的是全局的access token,这个和网页授权得到的access token 不是一个东西，需要调用全局access token 接口获取，并全局保存。确认 config 中的 appid 与用来获取 jsapi_ticket 的 appid 一致。确认url是页面完整的url，包括GET参数部分。确认签名算法正确，可用。

原创 artTemplate 简洁语法版

编码可以防止数据中含有 HTML 字符串，避免引起 XSS 攻击。无论数组或者对象都可以用 each 进行遍历。符号包裹起来的语句则为模板的逻辑表达式。

原创 使用jquery.more.js来实现点击底部之二次开发

这个JQ插件，一个页面只能实例化一个实例，多个实例就会出问题，分析原因：不能自定义保存数据变量，导致多个实例时变量冲突，时间：2017-06-05 08:57:03。故修改变量名使一个网页应用多个实例。

原创 json与jsonp 跨域

而且竟然也运行成功了！哈哈，这就是jQuery的功劳 了，jquery在处理jsonp类型的ajax时（还是忍不住吐槽，虽然jquery也把jsonp归入了ajax，但其实它们真的不是一回事儿），自 动帮你生成回调函数并把数据取出来供success属性方法来调用，是不是很爽呀？3、聪明的开发者很容易想到，只要服务端提供的js脚本是动态生成的就行了呗，这样调用者可以传一个参数过去告诉服务端“我想要一段调用XXX函数的js代码，请你返回给我”，于是服务器就可以按照客户端的需求来生成js脚本并响应了。

原创 Elasticsearch 入门教程 – mapping映射

为了能够把日期字段处理成日期，把数字字段处理成数字，把字符串字段处理成全文本（Full-text）或精确（Exact-value）的字符串值，Elasticsearch需要知道每个字段里面都包含什么数据类型。这些类型和字段的信息存储在映射中创建索引的时候,可以预先定义字段的类型以及相关属性,相当于定义数据库字段的属性。

原创 深入浅出Docker技术-Dockerfile详解

时间：2019-12-22 19:49:32 Docker通过读取Dockerfile里面的内容可以自动build image，Dockerfile是一个包含了build过程中需要执行的所有命令的文本文件。也可以理解为Dockfile是一种被Docker程序解释的脚本，由一条一条的指令组成，每条指令对应Linux系统下面的一条命令，由Docker程序将这些Dockerfile指令翻译成真正的Linux命令。Dockerfile有自己书写格式和支持的命令，Docker程序解决这些命令间的依赖关系，类似于

原创 Linux目录文件太多，报no space left on device: reading anyway错误

首先，在linux中，有两个概念，就是block和inode，block：用于存放实际数据，inode：存放文件属性，只要这两个其中一个占满空间了，都会导致提示报错“磁盘空间不足”。inode在linux中，每个文件，不管大小是多少都会对应一个inode，inode就是一个专门用来保存文件属性，权限和指针(指向block)find $i | wc -l;删除删除建议用此命令:ls |xargs rm -fr（删除当前目录下的文件及目录）2. inodex满了会导致什么问题？查看空间是有的，但文件数占满了。

原创 Elasticsearch基本概念及核心配置文件详解

时间：2019-11-27 14:54:11Elasticsearch5.X,下列的是Elasticsearch2.X系类配置，其实很多配置都是相互兼容的。

原创 screen用于命令行终端切换

你可以在Screen的默认两级配置文件/etc /screenrc和$HOME/.screenrc中指定更多，例如设定screen选项，定制绑定键，设定screen会话自启动窗口，启用多用户模 式，定制用户访问权限控制等等。以多用户功能为例，screen默认是以单用户模式运行的，你需要在配置文件中指定multiuser on 来打开多用户模式，通过acl*（acladd,acldel,aclchg...）命令，你可以灵活配置其他用户访问你的screen会话。它提供了统一的管理多个会话的界面和相应的功能。

原创 把在线视频转GIF for linux

ss 2 -t 5，从第2秒的地方开始，往后截取5秒钟, -r 用于设定帧数. 通常Gif有15帧左右就比较流畅了。设置fuzz因子可以将相近的颜色视为相同的颜色，这样就可以抵消抖动和色彩压缩的影响。-fuzz选择多少能取得最大的压缩效果，同时对画质的影响可以接受，则需要耐心地尝试。-s用于设定分辨率,-b:v设定视频比特率来压缩大小。ffmpeg详细参数说明。

原创 Ubuntu iptables配置

4、Ubuntu iptables默认重启服务器后清空，需在/etc/network/interfaces里写入pre-up iptables-restore < /etc/network/iptables.up.rules才会开机生效。3、iptables配置文件路径及文件名建议为/etc/network/iptables.up.rules,因为执行iptables-apply默认指向该文件，也可以通过-w参数指定文件。注：允许策略一定要写到拒绝的上面，否则没用。