- 博客(49)
- 资源 (3)
- 收藏
- 关注
RSS订阅转载 google chrome 调试技巧：监控 DOM 元素被修改
在很多时候， 页面上一个元素的属于被修改、删除，子节点的添加与修改，很难一下找到对应的代码，在 google chrome 开发者工具里， 提供了对 DOM 元素的监控：在 Elements 标签, 右击有监控的元素，在弹出来的菜单中有一个 Break on 的菜单项， 下面有三个子菜单项subtree modifcations: 监控当前元素子级元素结构的变化，添加结点和删除节点，移动节点不知道算不算。attribute modifcations: 监控当前元素属性的变化。node remova
2022-05-09 16:10:11
1244
原创 Vue3中使用vite 如何做自动路由呢？
简单记录一下，昨儿研究vue3+ vite 没有找到现成的自动路由的方案，遂上github上寻找了一些开源项目，借鉴一下人家的写法，很简单，使用import.meta.glob但是这个方法有点严格import.meta.globEager跟import.meta.glob都无法往子文件夹继续查找文件之前的require.context都是可以的贴下代码吧// 引入 routerimport { createRouter, createWebHistory } from 'vue-rou
2021-12-24 10:11:38
2420
1
原创 过滤器中处理multipart/form-data头部的post请求只能获取一次参数的问题（记录一下）
你可能很疑惑，为什么request对象中的InputStream或者Reader只能使用一次？原理很简单，可以把流比喻成水，request里面的inputStream就好比杯子中的水。试问杯子中的水倒掉之后还能继续倒吗？当然不能滴！InputStream里面有做指针和同步处理，一旦指针到了末尾是不会回来的。那么我们怎么拷贝request body里面的数据呢，当然我们得找一种可以复制的存储方式了，比如String，可以先把request 的inputStream转成String，然后又把String转成b
2021-12-23 10:02:41
1165
原创 再谈OT算法的协同文档制作的底层基础架构记录
关于OT算法的协同的核心算法部分已经写完了。再简单谈一下关于协同文档底层架构的问题，因为目前我的方案还没有最终落地所以并不清楚实际情况中会出现哪些问题，说一下传输层，传输层是用的MQTT，得益于RabbitMQ的插件MQTT，实现了消息队列，当然了MQ和Redis是老搭档了，少不了Redis的入场，Redis基本上只负责服务器缓冲层的作用，因为大量的JSON数据会传输到后端存储起来，用Redis最好不过了，这里使用的是Redis的有序set，这样咱们的数据进来的时候可以根据时间戳进行排序，等到新用户进.
2021-08-30 13:42:11
737
原创 前端技术 — 关于css隔离的几种方案带来的思考和展望
背景介绍：从第五代标准HTML推广发布后，其中工作线程（Web Worker）概念的推出让人眼前一亮，但未曾随之激起多大的浪花，并被在其随后工程侧的 Angular、Vue、React 等框架的「革命」浪潮所淹没。微前端的概念自从火爆以来，对于JS隔离和css的隔离成为了众多开发者的解决的主要方向什么是CSS隔离：css一旦生效，就会应用于全局，所以很容易出现冲突。css隔离就是为了解决这个问题。当我们作为前端开发人员较长一段时间后，我们很轻易地就能想到为什么需要css隔离，抛弃微前端的概念不谈，
2021-08-30 13:18:57
2832
转载 如何在码云获取token呢？
准备工作跟 GitHub 一样，码云（gitee）是一个代码存储、共享平台（为描述方便，后文统称为 gitee ），这里要使用它们的服务进行图片存储，则首先都需要创建一个账号，如果你没有码云账号，点击这里去先去注册。注册完成后，接下来需要获取 token创建仓库（如果已经有现成仓库，可以直接复用）获取 tokentoken 是一个操作凭证，只有有了这个凭证，才可以有权限去上传图片到你 gitee 下面的仓库。进入 gitee 主页，点击右上角的个人图标，然后选择弹出菜单的设置选项，如下所示：
2021-08-30 10:28:23
7419
1
原创 前端技术 — 关于JS沙箱（JS隔离）的几种方案带来的思考和展望
背景介绍：从第五代标准HTML推广发布后，其中工作线程（Web Worker）概念的推出让人眼前一亮，但未曾随之激起多大的浪花，并被在其随后工程侧的 Angular、Vue、React 等框架的「革命」浪潮所淹没。但自从2019 年爆火的微前端架构的出现，基于微应用间 JavaScript 沙箱隔离的需求，Web Worker 才得以重新从边缘化的位置跃入到我的中心视野。什么是JS沙箱：在现实与 JavaScript 相关的场景中，我们知道平时使用的浏览器就是一个沙箱，运行在浏览器中的 JavaSc
2021-08-09 15:56:31
3213
原创 （operational-transformations）ot算法两个字符串如何生成ot操作转换的工具
此篇文章写给一同在进行ot算法实践中的朋友们，希望抛砖引玉，有对ot算法感兴趣的小伙伴可以联系我一下，目前关于此算法的一些细节处理上我还有一点点的疑惑部分，希望能讨论解决Purpose 目的在目前的ot算法中，您并不知道两个字符串是如何将一个字符串转换为第二个字符串的，在使用操作转换(operational-transformations，OT)时，您必须知道文本块何时被插入、删除或替换。您只处理字符串中的连续更改(连续意味着所有更改都在一起)。从来没有超过一组的变化) 即可。Here’s an ex
2021-08-02 10:28:00
509
转载 解决 sub_filter 不能替换 Gzip 过的内容
在微信小程序 web-view 跳转外部链接？甲方的需求千奇百怪，好在办法总比困难多。不是只允许业务域名吗，不大可能在别人网站放一个 txt 校验吧？此时反代不失为解决业务域名限制的一个办法，总之一切为目标服务。⚠️ 就算绕开了限制，由于内容经你方服务器转发，你方也须承担责任。另请注意，撰文时个人类型的小程序暂不支持内嵌网页。本文假设我方域名 yourdomain.com，对方域名 example.com。1) proxy_pass 转发下？感觉事情没那么简单。
2021-02-24 10:27:01
3136
原创 初学者进——前端女友帮助整理前端常用css样式（极其有用）
html页面的元素有好多，分块儿级元素，行内元素，行内块儿级元素块儿级元素 ：像div，p，h这种的，不管宽是多少都占一整行行内元素：像span，a，label啊，i这种的，如果写好几个就挨着排队，而且width、margin-top,margin-bottom、padding-top对行内元素都没有用，padding-left,right,bottom和margin-left、margin-right是好用的，也就是margin的竖直方向上数值无效，padding只有padding-top数值无效
2020-12-28 08:30:36
1128
4
原创 万恶的IEEE754规范直接让雪花算法全盘崩
<p>万恶的IEEE_754规范 ，直接让雪花算法全盘崩</p><h3 id="1事情为什么发生？"><strong>1.事情为什么发生？</strong></h3><p>事情还要从ID的架构说起
2020-12-03 14:09:19
1218
原创 简述基础中剩下的部分BIONIO粘包拆包多路复用等
<h5 id="简述基础中剩下的部分bio，nio，粘包拆包，多路复用等"><strong>简述基础中剩下的部分BIO，NIO，粘包/拆包，多路复用等</strong></h5><p><img sr
2020-12-02 13:54:46
205
原创 简述基础中剩下的部分BIONIO粘包拆包多路复用等
<h5 id="简述基础中剩下的部分bio，nio，粘包拆包，多路复用等"><strong>简述基础中剩下的部分BIO，NIO，粘包/拆包，多路复用等</strong></h5><p><img sr
2020-12-02 13:51:32
105
原创 面试-简论HTTP和HTTPS敖丙面试图解析
<p>简论HTTP和HTTPS</p><!-- more --><p><img src="https://i.loli.net/2020/11/30/1QCc9AargfkOGzo.png" a
2020-11-30 15:53:24
236
原创 深入探讨微前端的未来发展与为什么需要它
简论微前端的意义与发展PS：以下言论部分整理于网友先说一下为什么需要微前端我抛出两个场景，大家思考一下：1.新入职一家公司，老板给你一个5年，甚至于10年的老项目，需要你在这个项目上加入其他功能2.你们起了一个新项目，老板只给了一个要求，要这个项目的架构在3年甚至于5年后依旧保持活力，不论为遗产项目第一个场景我们初步一想，可以啊，我只需要把新功能用 react/vue 开发，反正他们都只是 ui library，给我一个dom 节点我想怎么渲染怎么渲染。但是你有没有考虑过这只是浮在表层
2020-11-30 15:29:56
742
原创 面试-网络基础TCP和UDP的知识
<h1 id="基本记录一下网络基础tcp和udp的知识">基本记录一下网络基础(TCP和UDP)的知识</h1><p><img src="https://i.loli.net/2020/11/30
2020-11-30 13:37:34
852
原创 Jenkins部署JAVA的全部教程，感受Jenkins的巨大魅力
<h5 id="因为很多种原因，昨儿学习了一下jenkins部署，感受到了詹金斯的巨大魅力">因为很多种原因，昨儿学习了一下Jenkins部署，感受到了"詹金斯"的巨大魅力</h5
2020-11-24 10:47:21
2121
原创 如何将猫猫监控放在博客上
<hr><p>title: 如何将猫猫监控放在博客上date: 2020-07-30 13:36:22tags: </p><ul><li>docker</li><li>nginx</li>
2020-11-17 14:53:26
289
1
原创 关于猫鼻支的防范和治疗
<hr><p>title: 关于猫鼻支的防范和治疗date: 2020-08-0711:10:49categories:</p><ul><li>喵喵</li></ul><hr><h4
2020-11-17 14:52:25
4164
原创 开始面向Spring编程，一个Spring的面试题就能扯一天， 怕了，怕了
前言：最近总在CSDN上闲逛，看到好多面试题根本就是面向Spring编程面试嘛…Spring的成功也给开发人员带来了不小的挑战,无论在架构选型,还是在日常开发中。唯有系统性地掌握Spring Framework思想、设计,以及实现,可游刃有余,以免进退失据今天扯一扯Spring到底有哪些高频面试题使用 Spring 框架能带来哪些好处？低侵入式设计，代码污染极低独立于各种应用服务器，基于Spring框架的应用，可以真正实现Write Once,Run Anywhere的承诺Spring的D
2020-11-17 13:55:38
996
原创 concurrenthashmap 安全失败 1.7 1.8区别——解析三太子敖丙的大厂面试结构图（集合系列）
为什么要出现concurrenthashmap上文咱们说到过，HashMap在并发执行put操作时候会引起死循环，是因为多线程导致HashMap的链表形成环形数据结构，一旦形成环形数据结构，链表的next节点永远不为空，就会产生死循环数据获取链表Entry，那么有人会问，HashTable不是可以安全的嘛？不会死循环的，但是HashTable效率太低下，一个进程访问，其他进程 会进入阻塞状态，这时候ConcurrentHashMap使用了锁分段技术可有效提升并发率，与HashTable不同的是，Co.
2020-11-17 13:18:24
963
原创 解析三太子敖丙的大厂面试结构图（集合系列）扩容机制，线程不安全，2的幂次，重写equals
集合HashMap1.7 1.8区别1.7头插法 1.8尾插法JDK1.7用的是头插法，而JDK1.8及之后使用的都是尾插法，那么他们为什么要这样做呢？因为JDK1.7是用单链表进行的纵向延伸，当采用头插法时会容易出现逆序且环形链表死循环问题。但是在JDK1.8之后是因为加入了红黑树使用尾插法，能够避免出现逆序且链表死循环的问题结构不同JDK1.7的时候使用的是数组+ 单链表的数据结构。但是在JDK1.8及之后时，使用的是数组+链表+红黑树的数据结构（当链表的深度达到8的时候，也就是默认阈值
2020-11-16 14:50:34
950
原创 解析三太子敖丙的大厂面试结构图（系列）
首先感谢敖丙大佬的呕血巨作，我接下来会更新解析这张图的各个知识点，有不对的地方大佬轻喷最后希望大家都能找到自己喜欢的工作
2020-11-16 14:23:49
1203
原创 VUE中index.html什么时候加载的mainjs呢
今天突然思考到一个问题，index.html文件中是vue项目的主页，项目入口，那么mainjs是啥时候被index加载运行的呢？是怎么被运行的呢？1.先来看看vue项目的一个结构解析（非常感谢磊阿磊阿磊磊磊的图片）index.html---主页，项目入口App.vue---根组件main.js---入口文件2.通过2张图片搞清楚index和mainjs的关系和配置很明显看得出，mainjs中是配置了咱们的页面该渲染在index中的app节点上的，但是vue项目访问最开始
2020-11-10 16:20:48
3592
2
原创 java面试题（持续更新）最近更新2020/11/05
阿里面试：一面（主要是jvm，并发，锁，数据结构等基础）自我介绍（说说自己的擅长及拿手的技术） 说说treemap和HashMap的区别？HashMap和ConcurrentHashMap的区别？ HashMap底层如何实现(JDK1.8有所改动)？ 说说Hash的一致算法？ 你知道的GC算法和回收策略有哪些？GC的机制是什么？ 垃圾回收器的基本原理？是否可以立即回收内存？怎么样主动的通知JVM进行垃圾回收？ 双亲委派模型机制 线程池创建的几个核心构造参数是什么？ 乐观锁和悲观锁？可
2020-11-05 15:07:15
127
原创 实现一个大文件上传和断点续传
本文将从零搭建前端和服务端，实现一个大文件上传和断点续传的 demo前言本文将从零搭建前端和服务端，实现一个大文件上传和断点续传的 demo前端：vue element-ui服务端：nodejs文章有误解的地方，欢迎指出，将在第一时间改正，有更好的实现方式希望留下你的评论大文件上传整体思路前端前端大文件上传网上的大部分文章已经给出了解决方案，核心是利用 Blob.prototype.slice 方法，和数组的 slice 方法相似，调用的 slice 方法可以返回原文件的某个切片这样我
2020-10-28 15:36:54
556
原创 整理一下关于jq队列和回调
整理一下关于jq队列和回调jq队列首先说一点jQuery的队列依赖缓存机制事件，它同时是animate的基础它不像事件机制、缓存机制、回调机制一样有自己的命名空间，由于比较简单，所以直接挂在到$和jQuery对象上它提供的基础方法有jQuery.extend({ queue: function( elem, type, data ) { var queue; // 如果存在elem，也就是至少有一个参数 if ( elem ) { // 如果有第
2020-10-28 15:34:34
219
原创 三步将猫猫监控放在博客上1.Ffmpeg+ 2.nginx+ 3.docker推送B站直播流 走上人生巅峰
将监控猫猫的监控放到博客上并且定时关闭摄像头需求很简单，作为一个拥有猫猫的程序员来说，观察自己的猫猫每天在干什么很重要，于是乎，装了监控，为了分享给朋友们一起云撸猫，特意将摄像头的视频流推送到博客上第一步 选方案因为家里的摄像头是rtsp协议的，想在网页上观看只能选择转码推流，那么大致方案就敲定下来了因为家里的nas上还有其他程序再跑，最终选中docker容器作为载体1.Ffmpeg 2.nginx 3.docker第二步 搭建Docker环境：centos71、Docker 要求
2020-10-28 15:33:10
442
原创 全站利用pjax无刷新展示
全站利用pjax无刷新展示前言终于抽出空写这篇文章了，还是在上班事件摸鱼写的不得不说，pjax很好用，很强，很好理解，并且帮助开发者省去了很大部分的工作量但是由于整站替换后，有些事件还是得自己写一下简单的记录一下，自己实现全站pjax的一系列过程吧简介虽然传统的 ajax 方式可以异步无刷新改变页面内容，但无法改变页面 URL，因此有种方案是在内容发生改变后通过改变 URL 的 hash 的方式获得更好的可访问性（如 https://liyu365.github.io/BG-UI/tpl/#
2020-10-28 15:29:56
666
转载 mysql中要根据某个逗号分割的字符串关联查询另一张表的数据
首先观察下面的查询select * from company where f_id in ('210','205','208')select * from company where f_id in ('210,205,208')现在我要根据另一张模板表中的一个字段查询他下面的公司，存的是字符串类型这时select * from company where f_id in (select company_id from templet where f_id=583).
2020-06-16 15:32:49
5532
原创 JQ 控制方法执行顺序的几种方法 JQ 队列 JQ方法 JQ执行顺序
很久之前我就意识到很多时候我们都需要控制一下这个jq方法的执行顺序，或者是遇到了嵌套地狱，无法复用的问题多方查找后找到了Deferred(从jQuery 1.5.0版本开始引入的一个新功能)简单说一下使用方法：首先注册var def = $.Deferred();注册后var prs1 = def.then(自定义函数);var prs2 = prs1.then(...
2020-04-15 14:19:49
3539
原创 JavaScript的annyang语音识别 国外库 中文文档 js
原文档 ：https://github.com/TalAter/annyang/blob/master/docs/README.md项目地址：https://github.com/TalAter/annyang这里介绍一个开源的JavaScript语言输入库，名叫annyang。Github地址：https://github.com/TalAter/annyang截至到2019年1...
2019-12-13 10:55:25
2259
原创 几种句子相似度实现算法（简单了解一下）
最近在做一个虚拟客服的项目，简单的了解了一下中文语境的集中句子相似度的算法看了大佬的项目和博客，不明觉厉，链接送上：https://github.com/wenyangchou/SimilarCharactorSimilarCharactor基于音形码，EditDistance的字符串纠正相似度算法音形码格式：【韵母，声母，结构，四角编码，笔画数】 共8位音形码相似度算法 参考...
2019-12-02 10:52:23
2332
原创 用JS演示A*算法
比如像这样子：JS代码如下：<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=...
2019-10-09 15:36:07
565
原创 Trilateration三边测量定位算法
Trilateration（三边测量）是一种常用的定位算法：已知三点位置 (x1,y1),(x2, y2), (x3,y3) 已知未知点 (x0, y0) 到三点距离 d1, d2, d3以 d1, d2, d3为半径作三个圆，根据毕达哥拉斯定理，得出交点即未知点的位置计算公式：( x1 - x0)2 + ( y1 - y0 )2 = d12( x2- x0)2+ ...
2019-09-23 11:47:45
8622
原创 PHP Workerman 提示：proc_open() has been disabled for security reasons 错误的解决方法
proc_open函数被php禁用了，打开即可宝塔面板在：软件管理 ----> php7.2---->设置 ---> 禁用函数，将proc_open删除即可没有宝塔的：解决方法： 在php.ini中，找到disable_functions选项，看看后面是否有proc_open函数被禁用了，如果有的话，去掉即可 其实如果php的文档熟悉的话，你应该马上就能...
2019-08-22 14:53:53
3635
原创 workerman 中转转发程序 需求2 动态改变链接的服务器地址
上一篇文章写过workerman作为转发程序的代码和思路，需求2：想通过http接口动态改变转发程序所连接的服务器地址思路：第一步，通过workerman的 listen 接口 创建一个 监听程序，监听一个http 接口对外开放，这就打开了接口这一环节第二步，通过这个接口拿到改变的服务端IP连接IP地址改变动态链接第三步，改变动态连接，我使用了在接口接过来的时候重新初始化连接...
2019-08-21 11:06:36
516
原创 workerman转发中转服务
涉及到充电桩的调试和数据迁移，我们决定使用转发中转服务，灵活的达到了和原有程序的无缝对接需求就是从一个socket客户端A1接到消息转发给服务端B1，思路很简单，将中转程序当作一个服务端，就叫做服务端B2，然后再用workerman的AsyncTcpConnection的类做一个随着系统启动的TCP客户端A2，A2拿到服务端B2接到消息，连接服务器B1，转发给它代码：<?php...
2019-08-21 10:49:16
997
原创 关于PHP workerman的教程，学习思路解决方案
这个框架对我来说不算是很陌生，在大学的时候就拿来做过物联的项目，具有高性能，高可用，开发简单的优良特性，将PHP这门语言开阔了一个新的领域，打破了一般开发者对PHP的成见和拘束废话不多说，先看看官方怎么介绍的：Workerman是一款开源高性能异步PHP socket即时通讯框架。支持高并发，超高稳定性，被广泛的用于手机app、移动通讯，微信小程序，手游服务端、网络游戏、PHP聊天...
2019-08-21 10:42:01
1006
转载 IntelliJ Idea取消Could not autowire. No beans of 'xxxx' type found的错误提示
1.问题描述 在Idea的spring工程里，经常会遇到Could not autowire. No beans of 'xxxx' type found的错误提示。但程序的编译和运行都是没有问题的，这个错误提示并不会产生影响。但红色的错误提示在有些有强迫症的程序员眼里，多多少少有些不太舒服。 2. 原因 spring auto scan配置，在编辑情况下，无法找不到对应的bean，于是提示找...
2018-06-08 10:15:29
167
spring写好的代码，配合spring必须jar包使用
2018-04-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人