插件技术

写给初中级前端的高级进阶指南[通俗易懂]我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，

Vuex面试题汇总「建议收藏」Vuex 是一个专为 Vue.js 应用程序开发的状态管理插件。它采用集中式存储管理应用的所有组件的状态，而更改状态的唯一方法是提交mutation，例this.$store.commit(‘SET_VIDEO_PAUSE’, video_pause，SET_VIDEO_PAU…

Vue 3 源码导读[亲测有效]5号凌晨，尤雨溪公布了 Vue 3 源代码。 话不多说，我们趁热对 Vue 3 源码进行一些简要的分析。 如果你还没有阅读过 Composition API RFC，可能无法完全看懂下面的内容。 目前打包后的代码是 ES2015+，不支持 IE 11。 目前的代码 98% 以上…

VSCode前端必备插件，有可能你装了却不知道如何使用？「建议收藏」Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。 就像大多数 IDE 一样，VSCode 也有一个扩展和主题市场，包含了数以千计质量不同的插件。下面我列出一些VSCode前端必备插件，并配…

Vue 组件间通信六种方式（完整版）[亲测有效]组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对…

基于Vue的前端架构，我做了这15点[亲测有效]本篇文章针对于 vue2，目前正在基于 vue3 做一个开源的脚手架，如果有感兴趣的同学，可以来这里贡献代码。 考虑到后续招人和现有人员的技术栈，选择 Vue 作为框架。 公司主要业务是 GIS 和 BIM，通常开发一些中大型的系统，所以 vue-router 和 vuex 都…

element ScrollBar滚动组件源码深入分析「建议收藏」scrollbar组件根目录下包括index.js文件和src文件夹，index.js是用来注册Vue插件的地方，没什么好说的，不了解的童鞋可以看一下Vue官方文档中的 插件，src目录下的内容才是scrollbar组件的核心代码，其入口文件是main.js。 在开始分析源码之…

为京东PLUS会员保驾护航的日子「终于解决」改版页面增加沉浸式以及楼层换肤功能，烘托氛围，增强用户感知；以及整个页面实现配置化，减少后期前端维护上线成本。 目前正式用户已经接近两千万大关，一切是那么的欣欣向荣、朝气蓬勃。 然而沉下心来，无论是技术的升级，还是项目的不断完善，在《2019年京东PLUS会员前端开发之路》一文…

从零搭建一款PC页面编辑器PC-Dooring「终于解决」之前一直忙着调研lowcode平台和开发以下两个项目:H5编辑器H5-Dooring ,可视化大屏编辑器V6.Dooring没有太多时间做PC端搭建化项目, 好在搭建平台很多原理都是通用的, 所以早在

Vue 3 和 Webpack 5 来了，手动搭建的知识该更新了「建议收藏」用 Vue CLI 工具去搭建一个项目。 在领导或同事搭建好的项目基础上做业务。 长此以往，会导致你对整个项目的把控度越来越低。面试下一家公司的面试官问你，是否手动搭建过 Vue 项目的时候，对配置一问三不知🤔️ 。本文着重为大家讲解从 0 到 1 搭建 Vue 3.x 开发…

2022年前端面试集锦[亲测有效]2022前端面试问题集锦 整理了自己面试前端（主要技术是vue）的各种问题，以及一些算法答案，面试回答思路等等

Vue + Koa从零打造一个H5页面可视化编辑器——Quark-h5[亲测有效]想必你一定使用过易企秀或百度H5等微场景生成工具制作过炫酷的h5页面，除了感叹其神奇之处有没有想过其实现方式呢？本文从零开始实现一个H5编辑器项目完整设计思路和主要实现步骤，并开源前后端代码。有需要的小伙伴可以按照该教程从零实现自己的H5编辑器。（实现起来并不复杂，该教程只是提…

TailwindCSS 资源推荐「建议收藏」TailwindCSS 发布了 3.0， 功能也越来越好用，那么是否有与之相关的组件库呢 ？本文是我将推荐我个人认为比较好用的资源。

🔥 连八股文都不懂还指望在前端混下去么「建议收藏」前端八股文还是值得深入了解，系统巩固的基础。扎实的基本功还有利于跳槽涨薪的。小知识，大挑战！努力行动起来吧！

Chrome插件推荐「终于解决」从 IE 到 Chrome ，期间使用了很多浏览器，搜狗、360、2345、傲游等等，最后选择了 Chrome ，一直到现在，在使用的过程中发现一些好用的插件（扩展程序），在此推荐给大家。 在我使用搜狗浏览器的时候，一直都使用鼠标手势控制网页的刷新和滑动到顶部等，刚开始使用 C…

基于react-grid-layout实现可视化拖拽「终于解决」做前端的小伙伴们可能会经常遇到做一个自定义dashboard这样的需求。 那么什么是自定义dashboard呢？自定义dashboard其实就是一个自定义面板，用户能够在面板上自由的拖拽，新增，删除组件。组件可以是各种echarts图形，也可是各种数据表格。通过各个组件的拖拽组…

【利器篇】前端40+精选VSCode插件，总有几个你未拥有！「终于解决」工欲善其事，必先利其器！ VSCode作为前端开发的重要工具，其插件能大幅提升战斗力，精心收集40+插件，总有几款你还未曾拥有。

2020年了,再不会webpack敲得代码就不香了(近万字实战)「终于解决」2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深…

手把手教你封装 Vue 组件，并使用 npm 发布「终于解决」本文主要记录一下如何基于 Vue 开发组件，并在 npm 上发布。废话不多说，进入正题 好了，到这里准备工作做好了，我们可以开始开发组件了，接着上面的例子，下面开始开发一个 switch 组件。 写的比较简单，主要还是提供思路。用习惯了开源的组件自己总得了解一下嘛，有的时候在…

拖拽竟然还能这样玩！「终于解决」原来拖拽 API 除了可以用来上传文件、页面布局或列表项排序之外，还可以跨越浏览器的边界，实现数据共享。