weixin_44208883的博客

原创 前端故障演习-如何做一场前端故障演习，前期准备，演练流程

提前拉参与人员进故障演习群 每一个组都会进行2-3例故障处理，通过bot提前提示参与模块即将开始进行演练后开始注入故障 3. 故障注入组成员按照故障case注入故障，每个故障对应一个pfb，注入后以模拟当前故障场景的形式，通知参与成员发生了什么故障，并告知当前故障在哪个pfb，以及对应的分支。 4. 故障注入组成员查看case已产生并且监控可查后，通过bot提醒巡检组成员巡检或查看问题，并提示故障场景等 5. 巡检组成员查看故障页面或监控通知相关模块的定位组成员进行定位 6. 定位组成员根据

原创 Module Federation微前端应用拆分后 - request请求优化、私有化request｜分发拦截器

私有化request。通过来源分发拦截器。优化后request使用情况。 Request 实例独立。加载时机，主应用：主应用初始化，使用主应用生成request实例的方法，生成request实例。request实例挂载interceptor。子应用：进入子模块a，拿到只属于本模块requestA实例。requestA实例挂载interceptor.无需卸载，离开子模块a，进入子模块b后，使用的是子模块b的拦截器。 Interceptor 独立

原创 react native优化class组件的几个方法。优化渲染时间，减少渲染次数

减少render函数内声明 → 每次重新渲染都会执行render函数，在render函数中定义子组件或方法，会增加每次重新渲染耗时。基于b，使用组件的页面，若每次都传入重新定义的pure function可以使用usecallback , usememo，减少引起scanList重新渲染次数。记忆子组件 → 在引用的props不变更的情况下，不因父组件重新渲染而引起子重新渲染。直观的火焰图： 可以看到渲染次数和渲染时间都比初始大大减少。context变更导致引用的组件重新渲染[略]

原创 页面自动播放策略autoplay失效-浏览器自动播放政策限制

Uncaught: （in promise）DOMExcepion: play() failed because the user didn't interact with the document first.音频自动播放失效

原创 JavaScript-图解傻瓜式理解原型链

帮助理解的小故事制衣坊里接受了顾客的订单，要求做两件Tshirt，一件要求是红色的，一件要求是绿色的。制衣坊将这个订单交给了裁缝a做，裁缝a在制衣坊的样板间里拿出了Tshirt的样板，根据这个样板制作出了红T和绿T交给了顾客，顾客满意的离开了。接下来由点到面，由属性认识到整体认知。原型链涉及到的三个属性1. prototype每个函数都有prototype属性，构造函数通过prototype属性指向原型对象裁缝a（构造函数）在样板间（通过prototype属性）拿出（指向）Tshirt样板（原型

原创 自动格式化的html标签代码格式有问题，单独起了一行

自动格式化的html标签代码格式问题在prettier的配置文件中，添加htmlWhitespaceSensitivity: ‘ignore’

原创 表单验证rules，多层嵌套对象获取value值为undefined，输入有值却校验失败？

原因分析：表单验证rules，多层嵌套对象获取value值为undefined，输入有值却校验失败？对象里的值要一一对应到输入框的model，rules也要一一对应。解决方案：<s-form :model="models" :rules="rules" > <s-form-title title="商品信息" /> <div v-for="(item, index, key) in models.sku_list" :key="key

原创 刷新页面仍保留当前数据显示

刷新页面仍保留当前数据显示背景：若当前该页面有数据（有任务），要求刷新保留当前的数据（任务）；关闭当前会话（页面）或完成任务后则把当前任务结束（清空），页面为空数据页。保留数据一般用的四种方法：1. localstorage保存数据，长期有效直到过期（设置了过期时间） localStorage.setItem(keyname, value); //key and value should be string. localStorage.getItem(keyname);2. sessionS

原创 Mac 的外接键盘 alt 键/option键失效问题

https://www.512873.com/archives/616.html

原创 使用scroll-view小程序滑动过程不断动态加载节点 实现丝滑滑动效果

使用scroll-view当位置变动时 记录scrollLeft同时 scroll-view 加scroll-anchoring属性防止在滑动过程中位置改变导致scrollLeft不固定 产生抖动

原创 VUE仿知乎网站（四）登录注册页面开发+表单验证

<template><div class="">here is signup page</div></template>const routes = [{ path: '/', //定义路由 name: 'Home', //定义名称 component: Home, //定义组件 children: //子路由 [{ path: '', component: Main,.

原创 VUE仿知乎网站(三)首页主体部分开发

原创 VUE仿知乎网站(二)-首页header开发

<template><header class="main-header">header</header></template><template><div class="home"><MainHeader></MainHeader><router-view></router-view></div></template><script.

原创 VUE仿知乎网站(一)项目分析与设计

原创 创建vue组件过程中，无错误提示却显示不出组件data中的数据-template

目前发现有两个原因实例对象声明要放在组件声明的后面！<div id="firstVue">//vue对象 <div> <mycom1></mycom1>//使用组件 </div> </div> //组件模板 <template...

原创 微信小程序include报错，:include-1: Included path ...wxml not found from..

微信小程序include报错，…not found from index.wxml不要用中文名！<swiper-item > <include src="推荐.wxml"/> </swiper-item>报错！/pages/index/index.wxml:include????-1: Included path 推...

原创 为什么会出现[nodemon] app crashed - waiting for file changes before starting...

原创 Node.js搭建本地HTTP服务器（微信小程序）

Node.js搭建本地HTTP服务器（微信小程序）Node.js简易搭建本地HTTP服务器1.首先关闭微信开发者工具中的验证单击工具栏中的详情按钮，选中图中所示选项即可。2.将Node.js安装成功后，创建空目录作为项目目录。然后打开命令提示符切换到该目录目录位置随意，此处我放在了wechat文件夹里3.初始化项目,将会自动创建package.json配置文件(我用的是c...