12k 11 分钟

# Q1:安装超时 (install timeout)

方案有这么些:

cnpm : 国内对npm的镜像版本
/*
cnpm website: https://npm.taobao.org/
*/
npm install -g cnpm --registry=https://registry.npm.taobao.org
//cnpm 的大多命令跟 npm 的是一致的,比如安装,卸载这些
yarn 和 npm 改源大法
// 使用 nrm 模块 : www.npmjs.com/package/nrm
npm config : npm config set registry https://registry.npm.taobao.org
yarn config : yarn config set registry https://registry.npm.taobao.org

1.7k 2 分钟

在 JavaScript 开发过程中,资源管理一直是一个需要认真对待的问题。无论是文件句柄、数据库连接还是其他需要手动释放的资源,开发者都不得不编写繁琐的清理代码。传统的解决方案是使用 try…finally 结构,但这种方式往往导致代码冗长且易于出错。

8.7k 8 分钟

# 前言

本文将简要介绍前端常用日期处理库官方停止维护的 moment.js无缝代替 moment.js 的 day.js逐渐流行的 date-fns,最后基于 date-fns 封装常用日期处理的 utils

如果项目中有用 moment.js 的可以用 day.js 代替减少体积做优化,新项目可以直接选择 date-fns

4.9k 4 分钟

​ 本文介绍了内置的 URLSearchParams 类,用于处理 URL 查询字符串,包括其属性如 size、append、get、getAll 等方法的详细说明和示例,以及如何使用这些方法操作和转换查询字符串。

17k 16 分钟

# 从 15 个点来思考前端大量数据渲染与频繁更新的方案

先来总结一下处理方法有哪些:

  1. 惰性加载 (懒加载)
  2. DOM 操作合并处理
  3. 虚拟列表
  4. 分批数据加载
  5. 简化 DOM 结构
  6. 优化资源
  7. Web Workers
  8. 用户操作优化
  9. 差异更新
  10. 服务端渲染
  11. 动画优化
  12. 逐帧渲染
  13. 异步更新
  14. WebAssembly
  15. GPU 加速

4.8k 4 分钟

# 路由参数解耦

通常在组件中使用路由参数,大多数人会做以下事情。

export default {
    methods: {
        getParamsId() {
            return this.$route.params.id
        }
    }
}

在组件中使用 $route 会导致与其相应路由的高度耦合,通过将其限制为某些 URL 来限制组件的灵活性。正确的做法是通过 props 来解耦。

const router = new VueRouter({
    routes: [{
        path:  /user/:id ,
        component: User,
        props: true
    }]
})

将路由的 props 属性设置为 true 后,组件内部可以通过 props 接收 params 参数。

export default {
    props: [ id ],
    methods: {
        getParamsId() {
            return this.id
        }
    }
}

您还可以通过功能模式返回道具。

const router = new VueRouter({
    routes: [{
        path:  /user/:id ,
        component: User,
        props: (route) => ({
            id: route.query.id
        })
    }]
})

8.1k 7 分钟

# 🖼️ 1. UI 组件库(UI Component Libraries)

快速构建美观、响应式、可访问的用户界面

  1. React —— Facebook 出品的 UI 构建库 https://react.dev
  2. Vue.js —— 渐进式 JavaScript 框架 https://vuejs.org
  3. Svelte —— 编译时框架,无虚拟 DOMhttps://svelte.dev
  4. Solid.js —— React-like 语法,极致性能 https://www.solidjs.com
  5. Qwik —— 可恢复性框架,超快首屏加载 https://qwik.builder.io
  6. Lit —— 轻量级 Web Components 库(Google)https://lit.dev
  7. Alpine.js —— 轻量级 “Tailwind for JS”https://alpinejs.dev
  8. Preact —— React 的轻量替代(3kB)https://preactjs.com
  9. Mithril.js —— 超小、超快、全功能框架 https://mithril.js.org
  10. Stimulus —— Basecamp 出品,HTML 驱动交互 https://stimulus.hotwired.dev

12k 11 分钟

转自

https://juejin.cn/post/7163932925955112996

# 前言

最近在公司开发了一个可视化大屏,开发定制化大屏,大家可能都一个感受,开发大屏主要是两方面的工作:

  • 大屏之关键-前期的自适应适配
  • 根据 ui 稿绘制图表,调细节

而解决了适配问题后,后面就只是一个慢工出细活,耗时间的事情了。