前端接入单元测试(Node+React)

假如要重构一个老前端框架，并根据其开发一个向后兼容的新框架。此时老框架针对其内部API函数，写了充分的单侧用例。在开发新框架时，直接运行老前端框架的单侧用例，如...

小程序商品规格属性界面布局，实现每种属性选择一个

小程序技术选型

由于微信小程序原生开发，和团队技术栈(react)不统一，不支持ES7以上的高级语法，不支持工程化、缺少统一配置等局限性，选型考虑市面上主流小程序框架，期望能够...

前端安全之常见漏洞及防御

随着项目复杂度的提升以及用户体量的增大，前端安全变得越来越重要。平时系统运行正常，一旦出现安全问题，轻者部门扣分，严重的可能对公司造成严重损失。了解一些常见漏洞...

小程序商品规格属性界面布局，以及存在的坑

最近做一款商城小程序，其中有个弹层展示商品属性，商品界面存在滚动条，弹层显示后，划动屏幕，会使后面的滚动条滚动，在网上查找了一些方法，基本都是一些重复的解决方案...

web前端学习/工作笔记（十六）

TAM上云访问链路： 访问域名->UDNS(CNAME)->ias->北极星(负载和寻址)->tke 搜索页性能优化： 改良的csr，在服务端组装部分数据...

web前端学习/工作笔记（十五）

nginx代理后端接口 location ~* ^/agent { rewrite ^(/agent)(.*)$ $2 break; ...

web前端学习/工作笔记（十四）

git切换源地址 git remote set-url origin newurl css的sticky失效，因为overflow不能是auto 解...

web前端学习/工作笔记（十三）

package-lock如果不加入git管理，打的js hash值会不一样 ll -h 查看所有文件大小 du -h 文件占用大小，比前者大 nginx he...

web前端学习/工作笔记（十二）

“target和currentTarget的区别是: target:触发事件的元素。currentTarget:事件绑定的元素 linux文件保存 wq：表示保...

web前端学习/工作笔记（十一）

useReducer：多个状态的hook处理; 32.useLayoutEffect里面的任务最好是影响了Layout SyntaxError: Invali...

web前端学习/工作笔记（十）

react16.production.js:14 Uncaught (in promise) Invariant Violation: Minified Rea...

web前端学习/工作笔记（九）

useState不能用在class中，相当于class中this.setState 业务组件，数据尽量自己处理 react表单列表数据校验，可以把table放在...

web前端学习/工作笔记（八）

因为文件引用大小写问题，原因是查找autoComplete时限定了js，改了之后就可以了

平时工作常用Linux指令

Linux常用指令： cat file 查看文件 vim file esc : wq! 编辑文件 退出 du -h -d1 查看一级目录空间占用 tai...

快速理解BFC原理

在讲 BFC 之前，我们先来了解一下常见的定位方案，定位方案是控制元素的布局，有三种常见方案:

web前端学习/工作笔记(七)

117.webpack打包问题： Could not find a matching event to end plugins Object/Compiler...

web前端学习/工作笔记(六)

98.:key要放在真正的html元素上，不能放在 99. vue不能自动更新数组对象

web前端学习/工作笔记(五)

全局注册组件，在main.js // 全局注册组件方式一 Vue.component(‘MyHellpWorldE’,{ template:<div>my-c...

web前端学习/工作笔记(四)

对象中添加属性，刷新的问题 利用this.$set(this.obj,key,val) table设置圆角 border-radius:5px; overflo...