分类 大前端 下的文章

React Context及换肤功能实现


前言

通过讲解 React Context 的用法,引出 React 换肤功能的实现

Context 概念

在组件树中共享数据,避免逐层传递。

我们经常遇到这样的场景,数据需要传到子组件的子组件更甚至更下层组件,用props逐层传递的代码如下:


_React「 Refs 转发 」初探


前言

Refs 转发:将父组件创建的 ref 传递给子组件的某个dom元素(或组件)。让父组件可以直接操作该dom元素(或组件)

一开始使用该技术的时候,分不清传 自定义 ref prop 和 转发ref 有什么区别,本文稍微探讨下


_前端-溢出文本显示省略号


需求

  1. 省略号除了在最后,也可能处于前面、中间,或者两边
  2. 双击文本进行复制的时候,拿到的是全部的文本(不带省略号)(对搜索引擎良好,因为所有文本保留)
  3. 自适应,宽度足够的话不显示省略号
  4. 支持多行文本


Antd Table组件 配置规范


前言

开发的时候遇到了这样的几个问题:

  1. 左侧菜单收缩时出现行不对齐
  2. 某列数据过长挤压其他列,导致显示不美观

官方文档讲的较为模糊,网上也没有相应的配置文章,width的设置也较为随意,故把一些经验和实践进行了记录。


vscode下vue项目关于eslint的使用


前言

在vscode的vue项目中,关于代码检查和格式化,遇到各种各样的问题,比如:

  1. 不清楚安装的拓展的功能,导致安装了重复功能的拓展
  2. 右键格式化文档的时候,不是按eslint的规则来格式化,导致需要我再次手动调整
  3. 保存时不能自动修复代码

以下通过自己的实践,进行了相应配置,目前可以实现:

  • 仅安装2个推荐的拓展
  • 右键格式化文档按照eslint规则,不会产生错误
  • 保存时自动修复代码