前端组件设计原则

·  阅读 173
原文链接： zhuanlan.zhihu.com
分类：
前端
标签：
前端
相关推荐
  • 方应杭
    3年前
    Linux 前端 程序员
    阮一峰，加油！
    哎，就在今天，我关注了多年的博客 ruanyifeng.com 无法访问了。 本文讲述了阮一峰在过去 7 年对我的影响，文章很长，看完需要耐心。 我从大学的时候就开始关注阮一峰的博客。 我还记得那时我刚刚学编程，什么都不懂，经常搜着搜着就搜到「阮一峰」的博客。于是我就看了一下他…
    • 10.7w
    • 411
  • kingda73159
    2年前
    JavaScript
    前端项目文件组织与组件命名
    在开发项目的过程中，大家多多少少会对自己项目的目录结构产生疑惑，如何合理地划分模块以及如何合理的命名，这些如果在项目前期的时候没有好好规范好的话，那么后面新进来的人便会按照自己的逻辑又重新在划分自己的目录，这样日复一日项目体积不但会增加而且目录结构会越来越混乱，因此非常有必要聚…
    • 2894
    • 评论
  • zz
    6月前
    前端 面试
    后端一次给你10万条数据,如何优雅展示，面试官到底考察我什么?
    背景 面试题:后台传给前端十万条数据,你作为前端如何渲染到页面上? 回答者A：我有句话不知当讲不当讲,这什么鬼需求。
    • 16.9w
    • 295
  • 掘金泥石流
    1年前
    前端
    前端职业规划 - 写给年轻的前端韭菜们
    如果没有, 别急, 我这里有一份 前端知识脑图 100多页, 相信我, 你只要看了一定会点赞, 评论加收藏, 然后明年的今天我换个标题 前端知识脑图 102 页, 你还会来点赞, 评论加收藏. 接受自己就是棵韭菜, 这是你有别于其他韭菜的重要特征, 因为只有你接受自己是棵韭菜才…
    • 4.3w
    • 199
  • ^_^在掘金43335
    2年前
    CSS
    前端组件设计之一——设计原则
    一个组件的复杂度，主要来源就是自身的状态；即组件自身需要维护多少个不依赖于外部输入的状态。 组件开发中，如何将数据和UI解耦，是最重要的工作。 组件开发过程中，时刻谨记、思考是否符合以下的原则，可以帮助你开发一个更完善的通用组件。 如fetch请求和渲染逻辑，应该分离。因为fe…
    • 5436
    • 评论
  • 日月之行_
    4月前
    前端
    如何搭建一套前端团队的组件系统
    伴着公司业务发展，开源的组件库已无法满业务需要，搭建一套更适合公司业务的UI组件库，势在必行。目前市面上有很多功能强大且完善的组件库，比如基于react的开源组件库`antDesign`
    • 4297
    • 29
    如何搭建一套前端团队的组件系统
  • 杰出D
    6月前
    前端 算法
    面试了十几个高级前端，竟然连（扁平数据结构转Tree）都写不出来
    「本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！」 前言 招聘季节一般都在金三银四，或者金九银十。最近在这五六月份，陆陆续续面试了十几个高级前端。有一套考察算法的小题
    • 10.1w
    • 1175
    面试了十几个高级前端，竟然连（扁平数据结构转Tree）都写不出来
  • 彭于晏广州分晏
    1年前
    React.js
    前端渣渣开发UI公共组件的新认识
    前段时间，组里决定做一个跨项目、跨业务的 UI 组件库，原因是我们部门的产品越来越多，且每个产品设计到多端（如 Web/Mobile/PC/Android 等）而为了快速响应目标，决定做一套统一且可视化的，拥有部门特色的 UI 组件库。 视觉已经给出了所有组件样式、交互效果，而…
    • 3890
    • 9
  • 翰锅锅
    1年前
    JavaScript
    前端UI组件库搭建和设计
    我们在开始开发一个组件之前，应该要对这个组件做一个解构，了解这个组件中需要有哪些零件，以及这些零件之间的层级结构和关联关系。以确保我们可以通过api实现他们之前的逻辑关系，将所有零件拼装成一个完整的组件。我们可以通过组件图的方式来展示这些结构和关系，这样我们再下手时，有依据可以…
    • 1923
    • 3
  • Peter谭老师
    1年前
    JavaScript
    前端10个灵魂拷问 吃透这些你就能摆脱初级前端工程师！
    这个题目如果回答非常完美，那么可以判断这个人已经脱离了初级前端工程师，前端的核心就是异步编程，这个题目也是体现前端工程师基础是否扎实的最重要依据。 new promise((resolve,reject)=>{ resolve() }).then().... 第二个问题是定时器…
    • 4.6w
    • 106
  • ssh_晨曦时梦见兮
    1年前
    JavaScript 面试
    写给初中级前端的高级进阶指南
    我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，
    • 25.1w
    • 285
  • 谭光志
    11月前
    前端 JavaScript
    带你入门前端工程（三）：前端组件化
    在了解模块化、组件化之前，最好先了解一下什么是高内聚，低耦合。它能更好的帮助你理解模块化、组件化。 高内聚，低耦合是软件工程中的概念，它是判断代码好坏的一个重要指标。高内聚，就是指一个函数尽量只做一件事。低耦合，就是两个模块之间的关联程度低。 仅看文字可能不太好理解，下面来看一…
    • 7563
    • 12
  • 大帅老猿
    8月前
    前端 JavaScript
    产品经理：你能不能用div给我画条龙？
    事情是这样的，前天上午产品经理说想要做一个心愿墙，问我能不能行 我心想，这太容易了，但为了多摸一天鱼，我说还是有点挑战的 结果下午，产品经理和设计师就给我发来了设计参考 他们说，心愿墙的设计大致是这样
    • 9.2w
    • 549
  • 子弈
    1年前
    面试 前端
    在阿里我是如何当面试官的
    由于疫情关系，最近在掘金看到很多同学的工作情况内心还是蛮触动的（降薪、变相裁员、辞退等）。可能这并不是当下一个普遍的现象，但仍然使我感受到前端这碗青春饭不好混。于此同时联系我内推的同学很多都处于待业状态，能感受到他们内心的迷茫和焦灼。于是内心一直有声音督促我，赶紧写点面试相关的…
    • 10.6w
    • 240
  • TooHard
    2年前
    前端
    浅探前端组件化
    首先我们先来回顾下历史，在70年代，诞生了著名的MVC架构。 继MVC之后，经过了十几年的发展，到了90年代，有一个公司的CTO，叫Mike，他在MVC的基础上，提出来了MVP. 又到了2005年，微软的一个架构师，提出了MVVM模式。转换2014年左右的时候，出现了FLUX，…
    • 4011
    • 5
    浅探前端组件化
  • 蚂蚁保险体验技术
    2年前
    前端
    前端防御性编程
    一个页面在呈现给用户之前需要经过静态资源加载、后端接口请求和渲染这三个过程，我们要做的就是在各个过程中防御可能出现的异常情况，保持流畅的用户体验，同时还要应对来自外部的攻击。 在页面内容呈现给用户之前，会一直保持loading动画的效果，避免因网络原因造成用户体验的中断。 静态…
    • 3.0w
    • 43
  • zhiqiang
    2年前
    前端
    谈谈前端组件化
    什么是组件化？不同的人对组件化有着不同理解，我理解的组件化是一种编程思想，是一种拆分代码的方式。对前端开发来说，大到一个页面，小到一个html标签都可以说是一个组件。组件化的概念并不难理解，难的是理解组件化的思想。 在理解组件化之前，我们得先说说我们为什么要有组件化的思想以及组…
    • 3252
    • 3
  • yeyan1996
    2年前
    JavaScript 前端
    一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧
    2. 循环实现数组 map 方法 3. 使用 reduce 实现数组 map 方法 4. 循环实现数组 filter 方法 5. 使用 reduce 实现数组 filter 方法 6. 循环实现数组的
    • 22.5w
    • 300
  • subwaydown
    3年前
    前端
    前端模块化：CommonJS,AMD,CMD,ES6
    模块化的开发方式可以提高代码复用率，方便进行代码的管理。通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统。参见阮一峰老师的文章 module-loader 。 Node.js是c…
    • 7.7w
    • 57
  • Huup_We
    1年前
    前端
    如何修改组件库源码来封装符合自己需求的组件？
    前端开发的同学们或许会遇到这样的问题：产品中需要实现某项功能，常用的 elementui、antd 等组件库中确实有差不多功能的组件。但实际上这些组件可能并不能满足你的功能，或多或少都需要你去看看如何修改它才能满足你的需求。 比如我曾遇到过 element-ui 中的「树形控件…
    • 4689
    • 26
    • 厨子/摩旅/编程 | front end developer
    获得点赞5,506
    文章被阅读227,604
    下载稀土掘金APP
    一个帮助开发者成长的社区
    相关文章
    《深入理解ES6》阅读笔记 --- 迭代器（Iterator）和生成器（Generator）
    54点赞
     · 
    0评论
    谈谈前端组件化
    15点赞
     · 
    3评论
    浅谈前端组件化
    34点赞
     · 
    14评论
    带你入门前端工程（三）：前端组件化
    102点赞
     · 
    12评论
    浅探前端组件化
    48点赞
     · 
    5评论