git 常用命令
如何合并commit合并某个分支上的单个commit首先，用git log或sourcetree工具查看一下你想选择哪些commits进行合并，例如： 比如feature 分支上的commit 82ecb31 非常重要，它含有一个bug的修改，或其他人想访问的内容。无论什么原因，你现在只需要将82ecb31 合并到master，而不合并feature上的其他commits，所以我们用git che
iframe架构微前端实战
前言最近看到了好几篇与为前端相关的文章，对于微前端的架构基本都提到了 iframe 方式，但最终也没看到那篇文章最后选择了 iframe 架构。既然如此，那我就来试试看用 iframe 实现微前端怎么样。 项目介绍demo演示：https://notes.jindll.com/frame 项目地址：https://github.com/luokaibin/miniWeb 项目可以分为两部分，一
仿EventBus实现小程序兄弟组件传值
背景公司业务中有个场景，需要在用户点击标签的时候，把标签内容进行处理成类似微博话题的形式，插入到 textarea 中。textarea 和标签是页面的两个组件，正常情况我可以点击标签后向外抛出事件，页面去监听，然后再把数据传给 textarea ，但这样的处理麻烦，所以就想仿照 Vue 的 EventBus 来实现小程序的兄弟组件传值。 首先先看下demo： 标签的部分和输入框部分是页面的两个
大型前端项目git管理方案
为什么要有它为什么要有它？肯定是我们项目遇到问题了，所以根据实际情况约定下的解决方案。 首先说下我们的项目，我们的项目是一个提供给医院来使用的系统，包含Web与小程序与App端….，本文主要针对我们Web与小程序。 我们项目是一个多人协作开发的项目，参与开发人员有十好几个，在开发过程中我们出现了以下问题。 背景一： dev分支是我们开发分支，每位开发人员每天下班后都需要将自己分支合并到dev分支上
大型前端项目结构设计
将模块化的思想进行到底这个结构也是我们项目目前正在使用的，应对两三百个页面的web项目是没有任何问题的，在扩展性，多人合作方面是非常优秀的。废话不多说，先上结构，再说为什么要这么做。 12345678910111213141516171819202122232425262728293031323334353637├── service # 后端接口管
自定义一套Vue-Cli项目模版
前言当我们使用Vue去开发项目时，Vue-Cli 给我们提供了一套开箱即用的项目模版，免去了我们配置 webpack 的烦恼。但由于Vue-Cli是面向所有开发者的，它所提供的项目模版是非常基础的，当我们使用这套模版去开发的时候，通常还要再引入 axios Element-ui 等常用的三方库，以及配置一些常用的 webpack 优化配置；但是当我们再次新开项目时，这些常用的东西又需要再去复制过来
将Vue玩出花
使用ref来主动操作子组件背景代码这是从element-ui复制的代码自定义校验规则 的代码，删除了提交和重置 子组件：form.vue 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
将小程序玩出花
子组件直接调用父组件方法我们先写一个header组件，组件左侧为返回按钮，中间为标题，正常情况左侧按钮被点击时应该返回上一级，但某些场景下，我们可能希望它不要返回上一级，而是跳转到指定页面。 需求有了，我们来梳理实现思路，父组件可以给子组件传一个跳转的方法，子组件返回按钮被点击，我们先判断父组件是否有传进来返回方法，如果有直接调用父组件的方法，如果没有直接返回上一级。 子组件示例代码所以样式就没写
Proxy与Object.defineProperty 数据劫持对比
本文是Vue双向绑定的前置篇。我们都知道Vue是通过数据劫持来实现双向绑定的，那么什么是数据劫持？数据劫持是如何进行的？要弄明白这两个问题，我们首先要知道我们一般情况是怎么定义对象，怎么修改对象的，先看下简单的对象定义与修改； 1234const obj = {name: '张三'};console.log(obj.name);obj.name =
策略模式能有多常用
前言网上看了众多关于策略模式的文章，但大多数文章中的例子不是计算奖金就是表单校验。 页面跳转