JS
关注
分享
扫一扫
文章平均质量分 62
惊蛰ins
这个作者很懒，什么都没留下…
展开
-
google chrome 调试技巧：监控 DOM 元素被修改
在很多时候， 页面上一个元素的属于被修改、删除，子节点的添加与修改，很难一下找到对应的代码，在 google chrome 开发者工具里， 提供了对 DOM 元素的监控：在 Elements 标签, 右击有监控的元素，在弹出来的菜单中有一个 Break on 的菜单项， 下面有三个子菜单项subtree modifcations: 监控当前元素子级元素结构的变化，添加结点和删除节点，移动节点不知道算不算。attribute modifcations: 监控当前元素属性的变化。node remova转载 2022-05-09 16:10:11 · 1533 阅读 · 0 评论 -
再谈OT算法的协同文档制作的底层基础架构记录
关于OT算法的协同的核心算法部分已经写完了。再简单谈一下关于协同文档底层架构的问题，因为目前我的方案还没有最终落地所以并不清楚实际情况中会出现哪些问题，说一下传输层，传输层是用的MQTT，得益于RabbitMQ的插件MQTT，实现了消息队列，当然了MQ和Redis是老搭档了，少不了Redis的入场，Redis基本上只负责服务器缓冲层的作用，因为大量的JSON数据会传输到后端存储起来，用Redis最好不过了，这里使用的是Redis的有序set，这样咱们的数据进来的时候可以根据时间戳进行排序，等到新用户进.原创 2021-08-30 13:42:11 · 800 阅读 · 0 评论 -
前端技术 — 关于css隔离的几种方案带来的思考和展望
背景介绍：从第五代标准HTML推广发布后，其中工作线程（Web Worker）概念的推出让人眼前一亮，但未曾随之激起多大的浪花，并被在其随后工程侧的 Angular、Vue、React 等框架的「革命」浪潮所淹没。微前端的概念自从火爆以来，对于JS隔离和css的隔离成为了众多开发者的解决的主要方向什么是CSS隔离：css一旦生效，就会应用于全局，所以很容易出现冲突。css隔离就是为了解决这个问题。当我们作为前端开发人员较长一段时间后，我们很轻易地就能想到为什么需要css隔离，抛弃微前端的概念不谈，原创 2021-08-30 13:18:57 · 3039 阅读 · 0 评论 -
前端技术 — 关于JS沙箱（JS隔离）的几种方案带来的思考和展望
背景介绍：从第五代标准HTML推广发布后，其中工作线程（Web Worker）概念的推出让人眼前一亮，但未曾随之激起多大的浪花，并被在其随后工程侧的 Angular、Vue、React 等框架的「革命」浪潮所淹没。但自从2019 年爆火的微前端架构的出现，基于微应用间 JavaScript 沙箱隔离的需求，Web Worker 才得以重新从边缘化的位置跃入到我的中心视野。什么是JS沙箱：在现实与 JavaScript 相关的场景中，我们知道平时使用的浏览器就是一个沙箱，运行在浏览器中的 JavaSc原创 2021-08-09 15:56:31 · 3709 阅读 · 0 评论 -
深入探讨微前端的未来发展与为什么需要它
简论微前端的意义与发展PS：以下言论部分整理于网友先说一下为什么需要微前端我抛出两个场景，大家思考一下：1.新入职一家公司，老板给你一个5年，甚至于10年的老项目，需要你在这个项目上加入其他功能2.你们起了一个新项目，老板只给了一个要求，要这个项目的架构在3年甚至于5年后依旧保持活力，不论为遗产项目第一个场景我们初步一想，可以啊，我只需要把新功能用 react/vue 开发，反正他们都只是 ui library，给我一个dom 节点我想怎么渲染怎么渲染。但是你有没有考虑过这只是浮在表层原创 2020-11-30 15:29:56 · 778 阅读 · 0 评论 -
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 · 3899 阅读 · 2 评论 -
实现一个大文件上传和断点续传
本文将从零搭建前端和服务端，实现一个大文件上传和断点续传的 demo前言本文将从零搭建前端和服务端，实现一个大文件上传和断点续传的 demo前端：vue element-ui服务端：nodejs文章有误解的地方，欢迎指出，将在第一时间改正，有更好的实现方式希望留下你的评论大文件上传整体思路前端前端大文件上传网上的大部分文章已经给出了解决方案，核心是利用 Blob.prototype.slice 方法，和数组的 slice 方法相似，调用的 slice 方法可以返回原文件的某个切片这样我原创 2020-10-28 15:36:54 · 588 阅读 · 0 评论 -
整理一下关于jq队列和回调
整理一下关于jq队列和回调jq队列首先说一点jQuery的队列依赖缓存机制事件，它同时是animate的基础它不像事件机制、缓存机制、回调机制一样有自己的命名空间，由于比较简单，所以直接挂在到$和jQuery对象上它提供的基础方法有jQuery.extend({ queue: function( elem, type, data ) { var queue; // 如果存在elem，也就是至少有一个参数 if ( elem ) { // 如果有第原创 2020-10-28 15:34:34 · 246 阅读 · 0 评论 -
全站利用pjax无刷新展示
全站利用pjax无刷新展示前言终于抽出空写这篇文章了，还是在上班事件摸鱼写的不得不说，pjax很好用，很强，很好理解，并且帮助开发者省去了很大部分的工作量但是由于整站替换后，有些事件还是得自己写一下简单的记录一下，自己实现全站pjax的一系列过程吧简介虽然传统的 ajax 方式可以异步无刷新改变页面内容，但无法改变页面 URL，因此有种方案是在内容发生改变后通过改变 URL 的 hash 的方式获得更好的可访问性（如 https://liyu365.github.io/BG-UI/tpl/#原创 2020-10-28 15:29:56 · 721 阅读 · 0 评论 -
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 · 3674 阅读 · 0 评论 -
用JS演示A*算法
比如像这样子：JS代码如下：<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=...原创 2019-10-09 15:36:07 · 598 阅读 · 0 评论