元气少女冰

摘要： 平时我除了业务需求，偶尔会投入到UI组件的开发中，大多数时候只会负责自己业务场景相关或者一小部分公共组件，极少有从创建项目、集成可视化、测试到发布的整个过程的操作，这篇文章就是记录组件开发全流程，UI组件在此仅作为调试用，重点在于集成项目环境。 组件 我们使用 React + TypeScript 阅读全文

摘要： 前段时间在做小程序到H5的迁移，其中小程序中下拉刷新的功能引起了产品的注意。他说到，哎，我们迁移后的H5页面怎么没有下拉刷新，于是乎，我就急忙将这部分的内容给填上。 本来是计划使用成熟的组件库来实现，尝试之后发现这些组件和我们H5页面的其他逻辑有冲突（H5还有吸顶、锚点、滑动高亮、横向滚动），小小H 阅读全文

摘要： 事情的起因是这样的，在一个已上线的项目中，其中一个包含登录和获取菜单的接口因响应时间较长，后端让我尝试未经服务转发的另一域名下的新接口，旧接口允许跨域请求，但新接口不允许本地访问（只允许发布测试/生产的域名访问）。 问题 那么问题来了，本地环境该如何成功访问到新的接口并验证业务功能是否生效呢？ 尝试 阅读全文

摘要： 功能描述 产品要求在h5页面实现集锚点、吸顶及滑动高亮为一体的功能，如下图展示的一样。当页面滑动时，内容区域对应的选项卡高亮。当点击选项卡时，内容区域自动滑动到选项卡正下方。 布局设计 css 布局 为了更清晰的描述各功能实现的方式，将页面布局进行了如下的拆分。 ★ 最外层的元素定义为 conten 阅读全文

摘要： npm 存在的问题 我们经常使用 npm 来管理 node 项目中的包，从 package.json 中读取配置将依赖下载到本地，以保障项目的正常运行。 当项目数量多时，这样的包管理方式会非常的占用电脑内存。由于每个项目都有属于自己的依赖，每个项目都需要安装，即使 npm 会对依赖进行缓存，但是每个 阅读全文

摘要： 背景介绍 我们存在着大量在PC页面通过表格看数据业务场景，表格又分为两种，一种是 antd / fusion 这种基于 dom 元素的表格，另一种是通过 canvas 绘制的类似 excel 的表格。 基于 dom 的表格功能丰富较为美观，能实现多表头、合并单元格和各种自定义渲染（如表格中渲染图形 阅读全文

摘要： 随着需求的不断开发，前端项目不断膨胀，业务提出：你们的首页加载也太慢啦，我都需要7、8秒才能看到内容，于是乎主管就让我联合后端开启优化专项，目标是3s内展示完全首页的内容。 性能指标 开启优化时，我们要清晰的知道现状和目标，以及我们采用什么样的手段，通过检测什么指标来查看到优化的过程。 结果指标 根 阅读全文

摘要： 因历史遗留原因，接手的项目没有代码提醒/格式化，包括 eslint、pretttier，也没有 commit 提交校验，如 husky、commitlint、stylelint，与其期待自己或者同事的代码写得完美无缺，不如通过一些工具来进行规范和约束。 ### eslint eslint 是一个代码 阅读全文

摘要： GIT 中提交对象非常的重要，我们通过它记录代码提交过程、进行文件保存、回退等操作，那么它是怎样帮助我们记录这些信息的呢？其实就是都保存在项目根目录的 .git 文件夹中。 新建空项目 ```gitDemo``` 使用 ```git init``` 初始化，在文件夹根目录下会生成 ```.git`` 阅读全文

摘要： 随着用户需求的增加，应用于页面的 css 代码越来越复杂越发臃肿难以维护，但是又没有 css 的替代品，css 预处理器作为 css 的扩展，出现在前端技术中。 sass 是 css 预处理器中常用的一种，它是一种动态样式语言，比 css 多些功能，如变量、嵌套、运算、混入、继承、指令、颜色处理、函 阅读全文