2024/2/14

基于react的远程组件加载 实践

这个自己确实研究了蛮久了,就是如何实现远程组件的加载。 因为对于业务组件一般来说,第一选择会发npm包,但是对于产品组件的话,第一就是组件过大,与独立的项目无异,迭代很频繁,有时需要更改线上的问题,且平…

  • 未分类
  • 2024/2/14
  • 李金涛
  • 638
  • 2024/1/9

    阿里云对象存储服务oss以及文件上传

    使用OSS 对象存储服务来上传下载文件。例如版本更新公告,图片,其他文件等。 甚至可以用来存储前端组件,这个的话倒是比较复杂的。先看一下如何基本的使用 首先需要购买oss服务 创建一个bucket   项目中基本…

  • 未分类
  • 2024/1/9
  • 李金涛
  • 308
  • 2023/12/18

    产品更新公告

    随着自己做的这个产品愈发的成熟,商业化也在推进,企业级用户越来越多,所以这期twin这边需要单独出个版本的更新公告。   主要点在与在同一设备中同一版本的公告只显示一次,其实可以抽象为同一浏览器。 实现…

  • 未分类
  • 2023/12/18
  • 李金涛
  • 219
  • 2023/11/8

    antd树形控件的二次封装

    emmmm,主要解决的是一些样式上的问题 ,使用泛型二次封装一下 复选框只能叶结点存在,这里需要自己写一下渲染逻辑,当然,树形结构,使用递归即可 import { ConfigProvider, TreeSelect, TreeSelectProps } from '…

  • 未分类
  • 2023/11/8
  • 李金涛
  • 259
  • 2023/10/12

    树的遍历

    解决一个需求,前端做一个search功能 数据结构的话是树形数据,emmm,不只是单独的遍历,还需要找到搜索到节点的层次,并且进行拼接,拼接父级的name 大致的数据结构: const arr=[ { name:'1',children:[{name:'2'…

  • 未分类
  • 2023/10/12
  • 李金涛
  • 174
  • 2023/9/16

    tailwindcss

    TailwindCSS本身是一个PostCSS插件,在使用时,仅需要根据样式来书写类名,便可以实现任意的样式组合。公司的css解决方案便是使用的winidcss加less,真的香,可能上手的话,需要一点点的适应时间 结合自己的使用体…

  • 未分类
  • 2023/9/16
  • 李金涛
  • 181
  • 2023/8/27

    埋点—基础功能的代码实现

    实现一下 用户点击 与promise保存 资源加载失败与js代码报错  上报。 目录结构:   核心的代码实现以及实现思路。 主要考虑将用户的id与请求的url存储在了window上,因为这样比较好操作一些。 但是实际开发中…

  • 未分类
  • 2023/8/27
  • 李金涛
  • 240
  • 2023/8/26

    埋点—环境搭建

    这里使用webpack搭建下react的开发环境 webpack的配置文件 const path = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') module.exports = { entry: "./src/index", outpu…

  • 未分类
  • 2023/8/26
  • 李金涛
  • 470