1、Element UI适用于PC端页面开发样式，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。 官网地址：https://element.eleme.cn/#/zh-CN2、有赞UI适用于手机端页面的开发样式，轻量、可靠的移动端 Vue 组件库，偏向于电商类、O2O类、交易类产品设计 官网地址：https://youzan.github.io/vant/#/zh-CN
转载
2024-02-06 22:45:26
133阅读
一、如何UI组件设计组件的设计分三个步骤，如下:结构设计：分析组件UI的布局，用相应的dom元素设计html结构API设计：设计JavaScript API来实现交互效果控制流设计：为用户提供交互所触发的事件。组件中的控制流可作为插件抽象出来，并模板化。二、轮播图组件具体设计接下来以轮播图组件的设计过程具体讲解组件设计过程。步骤1. 结构设计图片结构是一个列表型结构，所以主体用 <
转载
2024-08-20 19:43:39
0阅读
一、了解React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。React主要用于构建UI。你可以在React里传递多种类型的参数，如声明代码，帮助你渲染出UI、也可以是静态的HTML DOM元素、也可以传递动
转载
2024-01-26 06:38:38
76阅读
手把手教你写 Vue UI 组件库最近在研究 muse-ui 的实现，发现网上很少有关于 vue 插件具体实现的文章，官方的文档也只是一笔带过，对于新手来说并不算友好。笔者结合官方文档，与自己的摸索总结，以最简单的 FlexBox 组件为例子，带大家入门 vue 的插件编写，如果您是大牛，不喜勿喷～项目结构| src
| ---| plugin
| ---| ---| flexbox
一、技术栈我们先简单了解一下要搭建一个团队的 UI 组件库，会涉及到哪些技术栈：Create React App：官方支持的 CLI 脚手架，提供一个零配置的现代构建设置；React: 用于构建用户界面的 JavaScript 库；Ant Design：一套企业级 UI 设计语言和 React 组件库；Storybook: 辅助 UI 控件开发的工具，通过story创建独立的控件，让每个控件开发都
一、框架与组件bootstrap等UI框架设计与实现伸缩布局：grid网格布局基础UI样式：元素reset、按钮、图片、菜单、表单组件UI样式：按钮组、字体图标、下拉菜单、输入框组、导航组、面包屑、分页、标签、轮播、弹出框、列表、多媒体、警告响应式布局：布局、结构、样式、媒体、javascript响应式第三方插件：插件管理jQuery、zepto使用原理以及插件开发支持amd、cmd、全局变量
转载
2024-01-22 21:20:53
151阅读
一、框架与组件bootstrap等UI框架设计与实现伸缩布局：grid网格布局基础UI样式：元素reset、按钮、图片、菜单、表单组件UI样式：按钮组、字体图标、下拉菜单、输入框组、导航组、面包屑、分页、标签、轮播、弹出框、列表、多媒体、警告响应式布局：布局、结构、样式、媒体、javascript响应式第三方插件：插件管理jQuery、zepto使用原理以及插件开发支持amd、cmd、全局变量
转载
2024-01-22 21:44:55
98阅读
目录Vue框架一、前端发展历史二、Vue的介绍的基本使用1、Vue简介2、Vue特点3、M-V-VM思想4、组件化开发、单页面开发5、版本选择6、引入方式7、补充8、简单使用Vue框架一、前端发展历史1、HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲
转载
2024-07-06 21:46:09
67阅读
最实用的web前端开发知识框架图尐不正经丶 2020-08-11 14:02:58把整个web前端开发所需要的知识都之中在一个视图中，形成一个完整的web前端知识体系，目的是想要颠覆人们对于前端只有三大块（html、css、js）的认识——做web前端需要的比这三大块要多得多。1、分类所有知识框架，那肯定是一个结构型的展现，就是一棵树。web前端的知识点非常多，也非常散，需要好几层结构来组织这个体
转载
2023-05-31 20:00:05
688阅读
通过Vue CLI可以方便的创建一个Vue项目，但是对于实际项目来说还是不够的，所以一般都会根据业务的情况来在其基础上添加一些共性能力，减少创建新项目时的一些重复操作，本着学习和分享的目的，本文会介绍一下我们Vue项目的前端架构设计，当然，有些地方可能不是最好的方式，毕竟大家的业务不尽相同，适合你的就是最好的。除了介绍基本的架构设计，本文还会介绍如何开发一个Vue CLI插件和preset预设。p
转载
2024-03-12 17:09:43
41阅读
原文：Modern Frontend Developer in 2018译者：Fundebug下图是我给前端工程师制定的成长路线图(由Fundebug翻译)，希望对大家有所帮助： 成为前端工程师，第一步应该是学习HTML/CSS/JavaScript，这是基础。1.HTMLHTML用于定义网页的结构。你的第一步是学习HTML的语法，学会如何把页面拆分为多个部分。任务： 至少撸5个纯HTML页面，你
优良架构的一个重要特点就是通过组件分层使模块间的依赖流畅贯穿于整个架构。如何描述和维护组件间的依赖是一个常见却又很难解决的工作。UML包图(package diagram)提供了描述这种依赖的方法，但是创建包图往往很耗费时间，甚至在反向工程时，获得一个直观的设计也需要很长的时间。此外，UML也不能有效地进行修正，用它来维护大型且复杂的系统的依赖图，投资回报率往往很小。依赖结构矩阵(Dependen
转载
2023-12-02 13:19:18
90阅读
vue的基本组成vue(读View ，不要读成view e ，面试时，经常发现面试者这种叫法，很费解，作为一个这么火热的前端框架专业人士连名字都叫错)是渐进式框架，主要包含三部分：1.Vue 主要UI组件；2.Vue Router,主要用来绑定UI和浏览器url之间的关系，很重要的一个就是路由守卫和重定向；3 Vuex，主要用于vue单页面应用（单页面应用 和多页面应用 和前端）存储全局变量，在任
转载
2023-07-10 16:45:12
352阅读
作者：booleanwang，腾讯 PCG 后台开发工程师前言本文主要探讨和总结服务架构设计中高性能的技术和方法，如下图的思维导图所示，左边部分主要偏向于编程应用，右边部分偏向于组件应用，文章将按图中的内容展开。高性能思维导图1 无锁化大多数情况下，多线程处理可以提高并发性能，但如果对共享资源的处理不当，严重的锁竞争也会导致性能的下降。面对这种情况，有些场景采用了无锁化设计，特别是在底层框架上。无
转载
2023-08-23 19:12:57
114阅读
# UI 产品架构图详解
在现代软件开发中，用户界面（UI）是至关重要的，它直接影响到用户体验。了解UI产品架构图，可以帮助我们更好地规划和设计产品。本文将通过示例和代码，带您深入了解UI产品架构及相关技术。
## 什么是UI产品架构图？
UI产品架构图是一种可视化的表示方式，用于展示用户界面各组成部分及其交互关系。它通常包括以下几个主要部分：
1. **用户界面层**：显示用户与系统交互
原创
2024-09-06 04:06:38
85阅读
# 探究UI React架构图：构建用户界面的新思路
在现代Web开发中，React已成为构建用户界面的主流选择。作为一个高效、灵活的JavaScript库，React通过组件化的设计理念，帮助开发者搭建复杂的用户界面，并保持高效的性能。本文将对React的基本架构进行解析，通过代码示例与可视化图表帮助读者更好地理解其工作机制。
## React架构基础
### 组件结构
React的核心
原创
2024-09-05 05:34:03
41阅读
UI层架构图
UI层是用户与系统进行交互的界面层，它承担着将系统的数据和功能以用户友好的方式展示给用户的任务。UI层架构图描述了UI层的组织结构和各组件之间的关系，它是设计和实现UI层的重要依据。
UI层架构图通常包括以下几个重要组件：
1. 用户界面：用户界面是用户与系统进行交互的窗口，可以是一个网页、一个桌面应用或者一个移动应用。用户界面负责接收用户的输入和展示系统的输出。
2. 控制
原创
2023-11-28 10:10:03
122阅读
首先感谢原作者：webApp赵海洋 每个工种都有自己的工作范围，在工作中，提高工作效率是每个人必要的发展方向。每个工种之间不光是完成自身的工作，同时更重要的是要进行如何衔接。对于每个工种来讲，一定要将你下一个工种作为客户来对待。如何让人家快速的接手，工作起来容易顺畅，才是一个好的工作者应有的态度。在架构原型搭建篇，其实不光是搭建各个页面。同时还有一个步骤应该加上各
转载
2023-07-14 19:00:17
216阅读
前言进阶是每一个程序员都要面对的问题。是转型到管理还是架构。都是需要自己去作出选择并朝着目标前进。-- 瞎说的！！！以上我自己的在迷糊。前端攻城狮该如何向前发展，如何拿到高薪？别的不说。首先技术得过关呀。今天梳理了一份技术进阶图。意在规划自己的进阶路线。大家可以结合自身制定自己的学习路线。进阶路线总揽ES6VueJSReactJSNodeJS前端安全开放平台移动端开发工程化自动化测试性
转载
2024-02-22 16:14:24
120阅读
以前开发者只要掌握 HTML、CSS、JavaScript 三驾马车就能胜任一份前端的工作了。而现在除了普通的编码以外，还要考虑如何性能优化，如何跨端、跨平台实现功能，尤其是 AI、5G 技术的来临，都在加快前端技术的更新，也在逼促开发者要不停的学习，不能的接受新的技术标准。
“学什么”“怎么学”其实是我们要着重解决的问题。所以，今天给你梳理
转载
2024-04-08 00:00:57
312阅读
