前端 状态 工程师router
23年用vuex进行状态管理out了，都开始用pinia啦！
1 Vue2项目中，Vuex状态管理工具，几乎可以说是必不可少的了。而在Vu3中，尤大大推荐我们使用pinia（拍你啊）进行状态管理，咱得听话，用就完了。 使用之前我们来看一下，使用 pinia 给我们带来哪些好处? **官网介绍：**Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态 ......
前端性能优化——启用文本压缩
前端性能优化——启用文本压缩 一、发现性能问题 1、通过 Google Chrome 打开需要进行性能优化的站点 2、打开 Chrome 开发者工具 Lighthouse 面板： 3、在 Lighthouse 面板中根据自己的需求自定义分析项和分析配置，点击”分析网页加载情况“对页面进行性能等方面的 ......
前端性能优化——采用高效的缓存策略提供静态资源
前端性能优化——采用高效的缓存策略提供静态资源 一、发现性能问题 通过 Chrome 开发者工具的 Lighthouse 工具对目标站点的某个页面进行分析，其生成的报告如图所示： 由分析报告可知，该目标站点存在多项待优化的性能问题，如减少未使用的 JavaScript 和采用高效的缓存策略提供静态资 ......
前端随笔0：URL与状态的双向绑定
这篇要讨论的这个概念，应该也不是我发明的新词，叫 URL 与状态的双向绑定，字面意思来说，在刷新页面或跳转页面时解析 URL 并对应更新组件的状态，在组件状态更新时同步更新 URL，为什么要引入这种机制嘞？ ......
前端性能精进之浏览器（三）——图像
HTTP Archive 在 2022 年关于多媒体的报告中指出，目前大概有 99.9% 的网站或多或少都会包含点图像。 并且高达 70% 的移动页面和 80% 的桌面页面的 LCP 指标会受图像的影响。 通过这些数据可知，图像在网页中占据着举足轻重的地位，优化图像，对于网页性能可以达到立竿见影的效 ......
前端性能精进之浏览器（四）——呈现
现如今，在呈现一个页面时，在浏览器中会打开众多进程，包括浏览器、渲染、插件、GPU、网络等进程。 浏览器进程负责存储、界面、下载等管理。在渲染进程中，运行着熟知的主线程、合成线程、JavaScript 解释器、排版引擎等。 而呈现一个页面大致可分为 4 个步骤： 浏览器进程处理用户在地址栏的输入，然 ......
基于NUXT.JS搭建一款VUE版SSR前端框架（解决SPA应用的SEO优化优化问题）
本文档是从官网文档中摘录的一些重点内容，以及加入了自己的一些调整和对官网内容的理解和解释。适合新手学习，有一定技术水平的宝子，建议直接查看 [NUXT英文官网] ......
SICP：赋值和局部状态（Python实现）
前面我们介绍了组成程序的各种基本元素，看到了如何把基本过程和基本数据组合起来，构造出复合的实体。不过对于设计程序而言，这些手段还不够，我们还需要一些能够帮助我们构造起模块化（modular）的大型系统的策略。所谓模块化，也即使这些系统能够“自然地”划分为一些内聚（coherent）的部分，使这些部分... ......
设计模式与前端工程师
前端要不要学习设计模式 始终认为每个行业都有自己的特点，各自的专业性。一个开发工程师如果不知道电脑是哪些基本硬件组成，那么我们大概率都会认为这个人非常不专业。那么前端要不要学设计模式呢？设计模式跟前端有多大关系呢？ 前端工程师首先是一个工程师，既然是一个软件工程师，那么类似设计模式、数据结构、网络相 ......
Android工程接入UnityLibrary工程
目录结构 Unity工程指UnityLibrary目录下文件； 安卓工程指app目录下文件； 整体指App目录下不包括app和UnityLibrary； 1.Unity打包时勾选导出安卓工程； 拷贝gradle.properties中：unityStreamingAssets=xxx 到整体工程的g ......
前端老赵一次给你讲透“微前端”架构
一、引言： 随着Web应用程序的规模和复杂度的不断增加，前端技术也在不断发展和演进。微前端是近年来兴起的一种前端架构模式，通过将大型Web应用程序拆分为小型、可独立开发和部署的模块，从而降低开发和维护的难度，同时提高Web应用程序的可扩展性和可维护性。微前端的发展也得到了业界的广泛关注和支持，成为了 ......
描述一下锁的四种状态及升级过程？
1、锁的四种状态 无锁、偏向锁、轻量级锁、重量级锁 2、Java对象头描述 以下为32位对象头描述以下为64位对象头描述 3、锁的升级过程（Synchronized加锁/膨胀流程） 1）简单过程如下图 2）详细过程 当线程访问同步代码块时，首先判断当前锁状态是否为可偏向状态（对象头中偏向锁=1，锁标 ......
实践，制作一个高扩展、可视化低代码前端，详实、完整
RxEditor是一款开源企业级可视化低代码前端，目标是可以编辑所有 HTML 基础的组件。比如支持 React、VUE、小程序等，目前仅实现了 React 版。 RxEditor运行快照： 项目地址：https://github.com/rxdrag/rxeditor 演示地址（ Vercel 部 ......
前端必须知道的调试工具
1949年9月9日，天气非常炎热，有一只娥死在了70号继电器里面，造成电路不通，机器死机，经过近一天的检查，Grace Hopper（格蕾斯哈珀）终于找到了真凶，原来正是被光吸引过来的娥造成了机器宕机，在这儿之后，在计算机科学中，Bug就从虫子变成了程序的缺陷，一只虫子就这样被载入了计算机史册。 ......
前端程序员需要了解的MySQL
数据库的基本概念 数据库（database）是用来组织、存储和管理数据的仓库。对数据库中的数据可以进行增删改查操作。市面上常见的数据库有： MySQL（使用最广泛。流行度最高的开源免费数据库 Community+Enterprise） Oracle（收费） SQL Server（收费） Mongod ......
ABP微服务系列学习-对接前端界面
前面我们把后端的微服务架子基本搭建完成并成功启动了，现在我们可以对接前端界面了。这里我们直接用ABP模板里面的Angular的前端界面。 创建应用程序模板 使用ABPCli创建一个应用程序模板，前端选择Angular，选择参数--separate-identity-server，分离身份认证和API ......
拥抱下一代前端工具链-Vue老项目迁移Vite探索
随着项目的不断维护，代码越来越多，项目越来越大，决定将老项目迁移至vite。本文介绍了Vue老项目像Vite迁移的过程、遇到的问题以及经验总结。 ......
立即执行函数在前端国际化方案中的应用
说起国际化，开发过跨区域网页的小伙伴应该都遇到过。我们的网页需要配置多套语言，方便用户进行切换。 本文就以 React 为例，介绍其中一种实现方案，并学习一下其中的知识点。 一种国际化方案 方案是这样的： 为多套语言创建对应的 object，并 export 出去 通过 js 立即执行函数，加载选定 ......
研究c#异步操作async await状态机的总结
前言 前一段时间得闲的时候优化了一下我之前的轮子[DotNetCoreRpc]小框架，其中主要的优化点主要是关于RPC异步契约调用的相关逻辑。在此过程中进一步了解了关于async和await异步操作相关的知识点，加深了异步操作的理解，因此总结一下。关于async和await每个人都有自己的理解，甚至 ......
前端性能精进之优化方法论（二）——分析
在上一节中曾提到过两种性能监控：SYN 和 RUM，那么对应的也有两种分析：数据分析和实验室分析。 数据分析会通过采集上来的性能信息来剖析和定位可能存在的各种问题。 实验室分析会通过某个线上或本地的测试工具对页面进行单点测试，得出性能分析报告。 本文会对前者介绍一些分析实践，后者会介绍一些比较有名的 ......
前端报表如何实现无预览打印解决方案或静默打印
在前端开发中，除了将数据呈现后，我们往往需要为用户提供，打印，导出等能力，导出是为了存档或是二次分析，而打印则因为很多单据需要打印出来作为主要的单据来进行下一环节的票据支撑， 而前端打印可以说是非常令人头疼的一件事。为什么令大家头疼呢？因为前端打印，要强依赖与浏览器的打印预览页面，会天然存在以下弊端 ......
react 高效高质量搭建后台系统 系列 —— 前端权限
其他章节请看： react 高效高质量搭建后台系统 系列 权限 本系列已近尾声，权限是后台系统必不可少的一部分，本篇首先分析spug项目中权限的实现，最后在将权限加入到我们的项目中来。 spug 中权限的分析 权限示例 比如我要将应用发布模块的查看权限分给某用户（例如 pjl），可以这样操作： 在角 ......
【多线程与高并发】- 线程基础与状态
所谓线程就是操作系统(OS)能够进行运算调度的最小单位，是一个基本的CPU执行单元，也是执行程序流的最小单元。能够提高OS的并发性能，减小程序在并发执行时所付出的时空开销。线程是进程的一个实体，是被系统独立调度和分派的基本单位。 ......
前端和后端分别做什么？
前言 在学习程序开发的时候经常不理解一个工具是前端用的，还是后端用的，想把资料进行分类都分得有点混乱，所以我将我知道的知识点整理成博客前端和后端的区分当我们使用互联网的程序时，比如浏览器中的网页或移动应用，我们实际上时使用的是客户端和服务器之间的通信，其中客户端就是指前端，服务器就是后端。前端开发前 ......
前端性能优化百问大杂烩
主要内容为下面几大类：移动端、图片、JavaScript、css、html、页面内容、服务器、cookie。 移动端性能优化： 保持单个文件小于25KB 移动网站页面要求下载资源，如果文件过大，会大大减慢页面加载速度。 打包内容为分段multipart文档 由于HTTP请求每一次都会执行三次握手，每 ......
基于Vue3+TS的Monorepo前端项目架构设计与实现
写在前面 你好，我是前端程序员鼓励师岩家兴！去年在另一个项目https://juejin.cn/post/7121736546000044046中，我向读者朋友们介绍了结合npm包管理工具yarn作vue3项目的monorepo架构设计。今天，在这个风和日丽阳光明媚的钱塘江畔，我心情很好，我打算再写 ......
(三) MdbCluster分布式内存数据库——节点状态变化及分片调整
(三) MdbCluster分布式内存数据库——节点状态变化及分片调整 上一篇： (二) MdbCluster分布式内存数据库——分布式架构 昨天我们在测试节点动态扩缩容时，发现了一个小bug。开始时我想当然“头疼医头，脚疼医脚”地安排开发在问题发生的地方修掉这个bug。早上刚好要一起开会，顺便讨论 ......
MySQL8.0 高可用集群化 · mysql-shell · mysql-router · docker · 单主多从
MySQL8.0 高可用集群，mysql-shell、mysql-router、docker、单主多从、集群服务参数配置说明、GTID、binlog、AdminAPI 集群管理、负载均衡、读写分离、故障转移 ......
前端分支规范
开发规模不大，结合比较正式的规范做了一些简化 基本概念 常设分支 master - 主分支，用于正式发布 develop - 开发分支，用于创建新开发feature分支 临时分支 feature/*** - 任务开发分支 release - 预发布分支 hotfix/*** - 线上热修分支 这三种 ......
前端程序员是怎么做物联网开发的
前端程序员是怎么做物联网开发的 上图是我历时一周做的在线的温湿度可视化项目，可以查看截至目前往前一天的温度、湿度变化趋势，并且实时更新当前温湿度 本文可能含有知识诅咒 概述和基础讲解 该项目用到的技术有： 前端：jq、less、echarts、mqtt.js 后端：eggjs、egg-emqtt 数 ......