摘要：
场景 一个注销页，里面有四种状态。 注销说明页 输入手机号码和图形验证码 输入短信验证码 注销处理中 在每一个状态中，都需要被APP调用window.jumpOther()返回到上一个状态 <template> <div v-if="pageStatus.isDelete"></div> <div 阅读全文
摘要：
定义 组合（Composite Pattern）模式的定义：有时又叫作整体-部分（Part-Whole）模式，它是一种将对象组合成树状的层次结构的模式，用来表示“整体-部分”的关系，使用户对单个对象和组合对象具有一致的访问性，属于结构型设计模式。 节点 组合模式结构为一颗二叉树，存在三种节点 Com 阅读全文
摘要：
有一个输入框，有一行lable提示文案，当输入框聚焦，文案上移 <div class="input-area"> <input type="text" class="__input" required /> <label for="" class="__tip">Input...</label> < 阅读全文
摘要：
asyncData() asyncData方法会在组件（限于页面组件）每次加载之前被调用。它可以在服务端或路由更新之前被调用。在这个方法被调用的时候，第一个参数被设定为当前页面的上下文对象，你可以利用 asyncData方法来获取数据，Nuxt.js 会将 asyncData 返回的数据融合组件 d 阅读全文
摘要：
场景 A B两个元素，A元素设置了box-shadow，但是B元素在与A元素重叠的时候将阴影遮挡 解决 1.A元素设置position:absolute/relative; 2.A元素设置z-index:1; 提示 因为z-index只有定位元素的情况下起效，所以单纯设置z-index无法解决问题 阅读全文
摘要：
Nuxt内置了路由模块，无需自行编写路由文件 Nuxt会根据pages/自行配置路由文件 基础路由 pages/ --| user/ | index.vue | one.vue --| index.vue 得到路由配置 router: { routes: [ { name: 'index', pat 阅读全文
摘要：
nuxt2构建文件放在nuxt.config.js，使用cjs语法，暴露配置对象 基本配置项 mode 有spa和universal两种模式。spa没有使用到服务器渲染，但是使用路由。universal使用服务器渲染加客户端路由 mode:'universal' head 配置html的<head> 阅读全文
摘要：
Pure Function 纯函数 1.纯函数一定要有输入和输出，函数内使用到的变量最好都应该从参数中获取 const pure = (a,b,c) { return a + b + c } let c = 1 const impure = (a, b) { return a + b + c } c 阅读全文
摘要：
通过webpack.config.js文件进行配置项编写 与Vite不同，webpack配置文件只需要暴露一个对象即可，包含entry，output，module，plugin，devServer等 基本配置项 entry 打包后的入口文件 entry: path.join(__dirname, ' 阅读全文
摘要：
git commit message基本格式 <type>(<scope>): <subject> type（required） 用于说明git commit的类别，只允许使用下面的标识。 feat：新功能（feature）。 fix：修复bug，可以是QA发现的BUG，也可以是研发自己发现的BUG 阅读全文