• sakila1012sakila1012/blog· 9 时前

    写在前面

    之前会遇到 construct,现在在 ES6 的 constructor 中

  • kvkensiuap-design/blog· 13 时前

    从渲染原理到性能优化

    通过最近的台湾项目,当功能做成后,性能成了瓶颈,就拿行编辑来说,不了解这些下面知识点,是无法做优化的,大致分为4个章节去阐述问题

    一、JSX如何生成element

    二、element如何生成真实DOM节点

    三、性能优化

    四、React 16异步渲染方案

    1. JSX如何生成element

    jsx:

    return(
      <div className="cn">
      <Header> Hello, This is React </Header>
      <div>Start to learn right now!</div
  • dolymoodDDFE/DDFE-blog· 16 时前

    背景

    最近在用 Vue 重构一个历史项目,一个考试系统,题目量很大,所以核心组件的性能成为了关注点。先来两张图看下最核心的组件 Paper 的样式。

    从图中来看,分为答题区与选择面板区。

    稍微对交互逻辑进行下拆解:

    • 答题模式与学习模式可以相互切换,控制正确答案显隐。
    • 单选与判断题直接点击就记录答案正确性,多选是选择答案之后点击确定才能记录正确性。
    • 选择面板则是记录做过的题目的情况,分为六种状态(未做过的,未做过且当前选择的,做错的,做错的且当前选择的,做对的,做对的且当前选择的),用不同的样式去区别。
    • 点击选择面板,答题区能切到对应的题号。

    基于以上考虑,我觉得我必须有三个响应式的数据

  • dwqsdwqs/blog· 18 时前

    基于 Lazy Loading Images and Video 一文翻译,略有删减

    对于一个网站的有效载荷而言,图片和视频是非常重要的一部分内容。然而,项目的利益相关者并不愿意从已有的应用中削减媒体资源,当项目所有相关人想提高网站性能但却无法就如何实现目标达成一致时,这种障碍是非常令人沮丧的。幸运的是,懒加载(Lazy Loading)是一种可以降低初始页面负载和加载时间的解决方案,但它并不会减少内容的加载。

    什么是懒加载

    懒加载是一种在页面加载时,延迟加载非关键资源的技术,而这些非关键资源会在需要的时候才会被加载。对于图片而言,"非关键"资源即"屏幕外"(off-screen)的资源。

  • https://draveness.me/kubernetes-object-intro

    上一篇文章中,我们其实介绍了 Kubernetes 的对象其实就是系统中持久化的实体,Kubernetes 用这些实体来表示集群中的状态,它们描述了集群中运行的容器化应用以及这些对象占用的资源和行为。当我们想要了解 Kubernetes 的实现原理时,绕不开的其实就是 Kubernetes 中的对象,而在 Kubernetes 中,规格(Spec)和状态(Status)是用于描述 Kubernetes 对象的两个最重要的嵌套对象,在这篇文章中会重点介绍对象的规格和状态的使用方式和实现原理。