SortableJS / vue.draggable.next 使用笔记，持续记录
东西确实是好东西，奈何一开始文档没捋清，费了一番时间好好琢磨了一下。 Github：https://github.com/SortableJS/vue.draggable.next，完整代码如下： <draggable v-model="myArray" group="people" @start="drag=true" @end="drag=false" :move="move" hand
JS定时器清除之后，已经开始但是没有运行完的函数还会继续运行吗？
最近使用定时器的时候遇到这样一种情况，定时器清除了，功能仍然在跑（遍历数组，同步定时网络请求）。 排查了一下代码，发现逻辑确实没问题。后来一想，是不是函数没运行完，仍然在跑，于是上代码测试了一下： let timer = setInterval(async () => { console.log("开始") await new Promise((resolve) => { setTim
Vue-Router多级路由时，父组件重复加载的问题。
代码中使用了两层路由，并且每层路由都使用了keep-alive，App.vue内初始代码如下： <router-view v-slot="{Component}"> <keep-alive> <component :is="Component" :key="$route.name"/> </keep-alive> </router-view&g
前端Mockjs学习笔记，持续记录
相比于自己写一个模拟数据返回的后端接口，好像还是这个来的更加方便。 让前端攻城师独立于后端进行开发。不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。 基于对window的xhr对象的二次封装，增加了用于拦截的逻辑。 npm install mockjs Mock.setup({ timeout: 400 }) M
WebRTC开发经验总结，持续记录
volume 音量约束 sampleRate: 采样率 sampleSize: 采样大小，采样的位数 echoCancellation: 回音消除 autoGaincontrol： 增加音量 noiseSuppression: 降噪 latency ： 延迟大小 channelCount: 切换声道 deviceID: 多个音频输入输出设备的进行切换 groupId: 同一个物理设备，是一个分组，
记录一次使用安卓模拟器抓包安卓应用
HTTPdebugger破解版：https://pan.baidu.com/s/1__7e0fVTmccfO-n5FUrzkQ，提取码：8888 雷电模拟器：https://www.ldmnq.com/?n=6000&bd_vid=9204851305503095844 一开始使用夜神模拟器，解决不了证书的问题，怎么设置都不生效，换成这个就好了。 最大的一个问题就是在模拟器上面进行HTTP
2022年新年春节总结，记录美好生活
1月24号，计划下午回家，起的比较早，彻底把家当收拾好，然后把房间打扫了一下。带着行李，出门跟着朋友去家具市场逛了一圈，路上晕车了，人都麻了。大概中午又回来了，一起吃了一碗粉，之后踏上了回家的路。朋友开车我坐车，怕晕车趴了一路，下午4点多到家，一家人聚一起吃了顿饭，拉家常到晚上10点多，然后洗澡睡觉了。 1月25，26，27都没啥事，窝家里，学习，敲代码。期间带外甥女到处跑 1月28号，下午和堂弟
Vue Ant Admin学习笔记，持续记录
Vue Ant Admin基于Vue2.x的中后台管理系统：https://iczer.gitee.io/vue-antd-admin-docs/ 比较漂亮的，可以借鉴的：https://vue-admin-beautiful.com/admin-pro Ant Design of Vue： https://antdv.com/docs/vue/introduce-cn/（V2及以上版本为Vue
JS的异步编程过程中的问题集锦、echarts使用记录。
为了方便维护，在JS里的把html模板和业务逻辑做了分离，在业务逻辑里向模板对象传递指定的data对象返回生成好的html，以往的数据对象是用户交互产生的，今天需要改成从接口拉取。 按照以往的逻辑，获取用户的交互数据，传递给模板。基本上是同步的，今天修改的时候为了不触碰原有的代码，把网络请求单独放在了其他对象里，业务流程变成了，调用网络请求函数产生的返回值作为数据对象传递给模板对象。 一切看似没问
记录一下自己做过哪些菜（生活系列）
白菜豆腐 水煮白菜 包菜豆腐 玉米炒鸡胸肉 清炒藕丁 青椒小鱼仔 红萝卜丝炒肉 豆干炒肉 油豆腐炒肉 苦瓜炒蛋 火腿炒蛋 韭菜煎蛋 荷包蛋 毛豆炒肉 豆皮炒肉 香肠红萝卜 莴笋炒肉 黄瓜火腿炒蛋 油煎豆腐炒肉 香菇炒肉 按时搞卫生 东西摆放好 衣服当天就洗 敲代码记得眨眼 出门可以多带一把伞 自己做比点外卖强（就是费时间） 坚持跑步 坚持锻炼 和朋友联络感情 坚持学习 不浪费时间，时不我待 给家人
理解PHP MVC，以及NPM、YARN命令的相关说明
MVC，在我印象中最典型的、自己用的多的当属THinkPHP。 MVC包括控制器（Controller），模型（Model），视图（View）。 控制器的作用是调用模型和 视图，将模型产生的数据传递给视图，并让视图去显示 模型的作用是获取数据并处理返回数据 视图的作用是将取得的数据进行美化，并向用户终端输出 1. 浏览者 -> 调用控制器，发出指令 2. 控制器 -> 按指令选择合适的
Es6学习笔记，持续记录
解构：https://www.runoob.com/w3cnote/deconstruction-assignment.html ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成 Set 数据结构。 const s = new Set(); .forEach(x => s.ad
PHP批量识别Nginx网站日志内的百度真假爬虫记录
通过分析网站日志可以统计出百度的真实抓取次数、分析抓取情况。 网站一般都有一定的反爬虫机制，但是为了正常收录会通过UA排除百度的爬虫，也就导致了很多做采集、爬虫的人冒充百度爬虫UA用以越过反爬虫机制。 逐条分析每一条日志，筛选出百度爬虫的日志，再通过exec函数执行nslookup命令反向解析IP获取解析的域名，域名中包括baiduspider关键词的就是真的百度爬虫。 下载PHP脚本（百度网盘）
linux常用命令、bash语法学习笔记，持续记录
linux命令存储以下位置: /bin(指向/usr/bin)目录,包含基本的用户命令,默认全体用户都可使用,例如curl,ls命令 /sbin(指向/usr/sbin),/usr/local/sbin,存放需要root权限的命令以及工具,默认root用户使用,例如ip,halt命令 /usr/local/bin 给用户放置自己的可执行程序的地方,不会被系统升级覆盖 /usr/local/sbin
PHP批量压缩整站图片的小工具
在保证图片质量的前提下，批量压缩整个网站目录下所有图片的大小。 说明：使用前请先到https://tinypng.com/developers，邮箱注册获取Apikey，每月免费压缩500次（邮箱一大堆换着来就行）； 首先点这里（百度网盘）下载PHP脚本，提取码8888，脚本默认是扫描所在目录和所在目录的子目录下的所有图片文件进行压缩。编辑compress.php，找到下面两行代码。 /*设置ke