1：vue-element-admin推荐指数：star:55k Github 地址：https://github.com/PanJiaChen/vue-element-admin Demo体验：https://panjiachen.github.io/vue-element-admin/#/dashboard一个基于 vue2.0 和 Eelement 的控制面板 UI 框架，这是使
转载
2024-06-07 23:45:06
74阅读
个人认为设计系统要因场景因时间而异，一个系统不是一下子就设计的非常完美，在有限的资源情况下一定是先解决当下最核心的问题，并预测/发现未来可能出现的问题，一步步解决最痛点的问题。也就是说系统设计是不断迭代的过程，在迭代中发现问题修复问题；即满足需求的系统是不断迭代优化出来的，不是一下子就架构的非常完美，这是一个持续的过程，个人不相信完美架构银弹。不过如果一开始就有好的基础系统设计，未来可以更容易达到
转载
2023-07-24 22:39:38
108阅读
所谓打点日志，是指用于数据统计的日志，一般前端会有打点的方法，而后端也会有类似需求。按理说，后端的一般的日志也可以做到打点的效果，但是因为一般的日志离散，风格不统一，得到的日志格式不好，不容易切分统计，所以就会想要一个独立的打点日志来实现打点。实现打点日志的方法通过日志模版，增加一种类型的打点日志，则替换模版中的占位符，重新生成一遍日志的配置文件，之后热更新日志配置。使用日志框架API，不借助配置
转载
2024-02-22 15:48:30
159阅读
一、背景 目标效果是想导入 Excel 文档，后台接收并读取数据，再将数据传入到数据库中进行查询，得到结果后导出。二、实现过程 版本一： 版本一和版本二的后台的代码都一样，所以这里主要讲解前端的处理，后端的参考版本二的介绍即可。 首先在 f
转载
2024-04-28 20:14:12
221阅读
1-1（web前端开发叙述）一、什么是Web前端开发？Web指的是Web系统，web系统其实就是以网站的形式呈现出来，用户可以通过浏览器来访问，可以完成一定功能的这样的系统。二、Web系统的例子（都是以网站的形式呈现）：1.电商网站：淘宝，京东比如我们要购物，要登到电商网站2.综合门户网站：新浪，搜狐比如我们要浏览新闻，，要登录到一些综合门户网站上3.管理系统：内部管理系统比如，公司的管理系统；学
转载
2024-02-04 11:38:22
47阅读
伴随着移动互联的大潮，当今越来越多的网站已经从网页模式进化到了
原创
2023-03-13 18:30:42
44阅读
以下是前几天帮前端早读课整理历史文章的思维导图：整理文章的过程，也是对前端知识体系有个初步认知的过程，深感构建一个自己的前端知识体系的重要性。对于计算机，为了高效读取存储的知识，我们发明了数据库；为了高效的读取知识，我们发明了索引技术。斯科特·扬也在《如何高效学习》讲了“整体性学习”的重要性。因此，我们要建立属于自己的知识体系——根据知识的内在逻辑和特点，进行组织归纳，方便联系和检索的体系架构。借
转载
2024-04-11 08:51:56
35阅读
一、Sentry简介Sentry 是一套开源的实时异常收集、追踪、监控系统，支持几乎所有的语音和平台。这套系统由对应各种语言的 SDK 和一套庞大的数据后台服务组成，通过 Sentry SDK 的配置，可以上报错误关联的版本信息、发布环境。同时 Sentry SDK 会自动捕捉异常发生前的相关操作，便于后续异常追踪。最后，异常数据上报到数据服务之后，会通过过滤、关键信息提取、归纳展示在数据后台的
转载
2024-04-03 13:19:49
143阅读
后台管理系统，前端框架用什么最好？当你写项目的时候，如何快速的完成一个项目的搭建，这个时候就需要借助到一些模板了，前端开发的一个好处就是，各类UI模板都是相当的齐全的，直接拿来用就可以了，脱离了一行又一行垒代码的繁琐的工作，以下的开源后台管理系统模板是我在逛GitHub的时候看到的，排名先后是按照2020/5月份GitHub上面的star进行排名的。1：vue-element-admin推荐指数：
Web三件套
一、前言几年前，笔者还是一名初涉编程的学生，对于开发的各个领域都倍感新奇。曾经在知乎一个编程相关的问题下，看到一个关于各个领域的诙谐论调，谈到前端，他概括为：“前端简单来说就是画网页”。笑谈过后，笔者也不经意间留下了前端很简单、比较低端的印象。后来有了几年的移动端开发经历，后端也有一些实践。在最近的一份工作经历中，开始逐渐了解了一直未曾涉足的前端领域。这段经历切实
转载
2023-11-02 19:10:06
35阅读
在进行前端测试前，我们需要明确我们需要怎样的前端测试。前端测试类型总结前端应用测试分为几种常见类型:端到端（e2e） ：一个辅助机器人，表现得像一个用户，在应用程序周围点击，并验证其功能是否正确。常见的测试框架是 Playwright 。单元：验证单独的、孤立的部分按预期工作。常见的测试框架是 Jest。静态：在你写代码的时候捕捉错别字和类型错误。常见的是使用 Typescript 检查每种前端测
转载
2023-11-10 11:39:03
61阅读
当我们完成一个业务系统的上线时，总是要观察线上的运行情况，查看日志发现问题并进行优化迭代。因为测试永远无法做到100%覆盖，用户也不会总是按照我们所预期的进行操作，因此我们需要在系统异常时主动对其进行收集上报，以制定解决方案。当生产环境中产生了一个 bug 时，如何做到迅速报警，找到问题原因，修复后又如何在线上验证？此时我们需要一个高效的错误监控系统。前端错误监控后端有各种强大的监控服务，给我们的
转载
2024-05-28 15:08:13
87阅读
项目介绍我们基于Vue2.利用vue-plugin实现项目级别的npm包监控报错，并专为Vue项目设计了监控中台核心监控插件开箱即用，用户可灵活选择全面应用或组件级别应用，可扩展性强。同时我们暴露了生命周期钩子，用户可自由拓展插件，提高了定制化水平项目源码被监控网站代码显示中台代码npm包地址展示地址『技术选型』& 『架构设计』针对团队内大部分同学的技术栈为vue框架，前端顺水推舟选择了v
背景意义当前前端存在的问题： 1. 出现问题无法快速定位。 2. 统计不到用户使用过程中指标(例如：白屏时间，页面流程度等)导致优化方向比较迷茫。 3. 对于用户信息和使用情况了解甚少，大部分基于反馈了解到。 开发前端日志服务(以下简称logger)主要有几个目的： 通过logger服务解决用户出问题后难以定位的问题。 通过logger服务建立指标，方便后面版本迭代通过指标优化，做到
转载
2024-02-27 14:18:21
32阅读
在软件开发领域，前端技术一般被认为是构建用户界面与用户体验的关键环节。然而，随着技术的不断进步和工具链的日益丰富，前端所承担的角色已经远不止于此。如今，前端技术在构建内部系统方面也展现出了巨大的潜力和价值。特别是在软考（软件水平考试）的备考过程中，理解和掌握前端在内部系统开发中的应用，对于提升整体软件开发能力具有重要意义。
在传统的软件开发观念中，前端主要负责与用户直接交互的界面设计，包括布局、
原创
2024-05-29 19:17:11
32阅读
本文档适用于所有Linux系统示例环境 系统版本：Ubuntu 22.04 web服务端版本：nginx 1.18.0 前端版本：dist-2.2.12-20231122一、创建目录#Linux环境下，前端路径为/home/nvisual-frontend/
sudo mkdir -p /home/nvisual-frontend/dist二、解压前端文件#上传前端包至服务器并解压到dist，我这
原创
2024-11-01 19:06:09
116阅读
本文章主要思想由ThoughtWorks@李光毅授权分享@李光毅，知乎专栏「前端技术漫游指南」以及图书《高性能响应式Web开发实战》作者。曾就职于爱奇艺、百度、知乎等互联网公司，目前就职于 ThoughtWorks，从事全栈开发相关工作。1，理论性的讨论前端架构前端架构满足的是非功能需求，什么是非功能性需求？就是可拓展性，可用性，可靠性，可维护性，可测试性。一个业务功能需求，可以有多种多样的方法去
概述什么是前端，简单讲就是在程序开发中，跟美工设计人员打交道比较多的部分。或者讲是展现给多数用户的操作界面部分，操作界面可以是实体的（比如遥控器、按键面片等），也可以是虚拟的（比如显示器里的各种窗口）。大多数情况下，我们使用的是虚拟界面，也就是利用计算机图形功能，在显示器中画出来供我们操作的部分。虚拟界面的好处就是输入设备简单（通常一个鼠标加一块键盘就行了），还有就是灵活容易变通，如果客户对界面不
转载
2023-11-09 05:34:18
36阅读
博客系统前端实现
原创
2023-04-01 21:35:23
37阅读
# 前端系统架构要求
## 引言
前端系统架构是指前端项目在设计和开发阶段需要遵循的一系列规范和要求，以确保项目的可维护性、可扩展性和性能优化。在当今互联网时代，前端工程师承担着越来越重要的角色，因此对于前端系统架构的要求也越来越高。
本文将介绍前端系统架构的基本要求，并给出相应的代码示例，帮助开发者更好地理解和应用这些规范。
## 前端系统架构要求
### 1. 代码规范
在前端系统架构
原创
2024-03-03 05:29:07
65阅读
