小小羊羊

随着互联网的高速发展，信息安全问题已经成为企业最为关注的焦点之一，而前端又是引发企业安全问题的高危据点。在移动互联网时代，前端人员除了传统的 XSS、CSRF 等安全问题之...

最近实现一个功能需要使用iframe嵌入其它系统内部的一个页面，但嵌入后出现一个问题，就是一打开这个页面就会自动跳转到登录页，原因是被嵌入系统没有登录(没有token)肯定...

这些都是我在 2024 年使用 Vue 构建可扩展 App 的个人建议。机智如你可能已经察觉，大部分情况下我都喜欢坚持行业标准。...

JS 发起的请求可以暂停吗？ 这个问题非常有意思，这一句话当中有两个概念需要明确，一是什么样的状态才能称之为 `暂停`？二是 `JS 发起的请求` 是什么？...

JS实时通信eventsource, Eventsource、websocket与socket.io 在现代Web开发中，实时通信是一个非常重要的话题。当我们需要实现即时聊...

在ChatGPT官网我们可以看到，对话的方式仅仅只有一个post请求，而没有使用IM中使用的websocket链接。...

webpack cache 发布3年多了, 在历史包袱中的项目中其实非常好用. 本文会介绍 cache 在一个项目中的实践经验, 和实现原理, 以及了解流程后的一些推论....

最近一直在学习Rxjs，在学习过程中，踩了不少坑，也发现网上的文章都或多或少存在些问题，要么是内容过时了（现在已经Rxjs6），要么就是上来就讲原理（让我一脸懵逼），要么就...

有的时候，一些业务需要展示mqtt或者socket数据，展示问题，不难解决，也就是前端同学，一首歌的时间，就能帮你画出根据你喜好的自定义的数据日志展示页面。可以自定义标记出...

竞争问题 race conditions 是并发编程的一种情况，其中两个并发线程或进程竞争资源，最终状态取决于谁先获得资源。...

本人写了五年的后台管理。每次面试前就会头疼，因为写的页面除了表单就是表格。抱怨过苦恼过也后悔过，但是站在现在的时间点回想以前，发现有很多事情可以做的更好，于是有了这篇文...

本文从select组件的代码结构入手，了解select组件如何组织父子组件通信，并重点分析了ElSelect组件 和 ElOption组件实现的巧妙之处。并介绍select...

以el-input为例，简单介绍el-input组件主要功能：处理的原生vue事件，并向外派发若干事件，处理input的前置后置元素，动态计算textarea的高度，在组件...

在浏览器的一次render中，同步任务执行完毕后，首先会检查宏任务中有没有优先级很高的操作（比如ui事件），如果有会优先执行，没有则执行微任务，如果在清空微任务队列中又有新...

watchEffect watchEffect 接收一个回调函数，会在组件渲染时立即调用一次回调，同时自动追踪回调中的响应式依赖，当响应式依赖数据变更时会重新执行回调。 第...

watch 的本质 所谓的watch，其本质就是观测一个响应式数据，当数据发生变化时通知并执行相应的回调函数。实际上，watch 的实现本质就是利用了 effect 和 o...

之前的章节，我们按照流程介绍了vue的初始化、虚拟Dom生成、虚拟Dom转为真实Dom、深入理解响应式以及diff算法等这些核心概念，对它内部的实现做了分析，这些都是偏底层...