摘要:
场景 一个注销页,里面有四种状态。 注销说明页 输入手机号码和图形验证码 输入短信验证码 注销处理中 在每一个状态中,都需要被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 阅读全文