桃D再不斩

在vue项目开发中，我们会将经常用到的逻辑或模块抽象成组件，对于那些多个项目都有用到的组件，可以考虑封装成组件库，发布到npm。每次要到只需要npm install xx一下，就不用来回拷贝了。下面我们就从0开始来打包一个vue组件库。 组件在使用之前都需要注册组件，注册组件可…

不知道你们有没有碰到这样的场景，打开开发的页面，却短时间难以找到对应的源文件。 这时你可能会想要是能有**点击页面按钮自动用编辑器打开对应文件**的功能，那该多好啊。

您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 我就时常会遇到这样的问题，有时候找一个模块对应的文件需要花上1分钟，但是看了本篇文章后你就会习得点击页面上对应的元素，一键在编辑器中打开它对应的Vue文件。 …

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

在大型项目开发中，经常会遇到这样一个场景，QA 丢给你一个出问题的链接，但是你完全不知道这个页面 & 组件对应的文件位置。 react-dev-inspector 就是应此需求而生。 可以在 预览网站 体验一下。 需要加一个 webpack loader 去遍历编译前…

用户反馈了一个紧急线上问题，你用 VSCode 打开代码仓库，由于出现问题的组件模块恰好不是你开发的，要如何快速找到该组件所对应的源文件呢？

在开发前端应用的过程中，修改页面内容的途径就是找到对应的源文件，并修改对应的代码。如果同时在调试多个页面功能，或者项目架构命名混乱，则将会有大量时间浪费在找文件上。真的是开发 5 分钟，查找 2 小时。。。 vue-devtools 有打开 editor 的功能,但是需要频繁打…

webpack的熟练使用已成为当代前端工程师必备的生存技能。毋庸置疑，webpack已成为前端构建工具的佼佼者，网络上关于如何使用webpack的技术文档层出不穷。但鲜有能将webpack的构建流程讲清楚的。本文尝试从解读源码以及断点调试的方式，来探究 webpack 是如何一…

接私活 今年搞了一个团队接私活，现在有20多人，我这边主要负责商务洽谈，合同签署，进度，风险把控，结果交付之类的活，不涉及到具体代码的编写，交付了好几个项目，今天来谈一谈私活的一些经历 私活的种类 总