Perfecto
运维部署和云原生
Docker实战分享（二）
众所周知，我们前端有一套自己的nginx机器：10.226.22.5252soar.sangfor.com.cn，用于验证以前纯前端、体验优化的问题，（从@郑燏辉93565组抠过来的一台机器），来之不易。一开始是够用的，后来大家都知道了这台机器，好几个人都需要用52这台机器的时候，就显得捉襟见衬了。
技术实践运维部署和云原生容器化技术
运维部署和云原生
Docker实战分享（一）
今天业务组新搭了一套中文环境，用于迭代内的需求验证。但是这套环境没有接入流水线，没有办法通过流水线的“部署Dev”来升级，可它又安装了docker，是以docker的形式部署的。今天分享一下作为前端，在这种情况下该怎么升级这个新环境的nginx，内容涉及ssh、docker-compose、vim操
技术实践运维部署和云原生容器化技术
运维部署和云原生
Bash快捷命令/命令别名
众所周知，每次提交pr以后，想要更新代码，都要通过amend和强推命令更新远程仓库的个人分支。一遍一遍的gitcommit--amend--noedit，再gitpush-f，让人十分头痛。从程序员的角度上来说，偷懒是每一位程序员进步不可缺少的自驱力。所以我们可以通过配置bashalias的方式简化
技术实践运维部署和云原生Linux
架构与思考
线上问题排查：MSSP渠道版23.03.30发版记录
MSS平台，客户管理，页面上复用sdsp的模块出现了一部分key，国际化加载问题渠道平台调用了不该调用的接口，出了一堆报错MSS平台项目详情展示字段有问题排查通过断点的方式发现是sdsp代码中getPlatform的逻辑出现了问题，不管什么情况下都会判断成sdsp本体，导致渠道平台和MSS平台复用模
架构与思考问题排查与案例
前端开发
包管理器迁移：从 Yarn 到 Pnpm
关于软件包的管理工具，大家比较熟知的是npm和Yarn，在自动化测试的代码中，使用的也一直是yarn作为包管理工具，今天给大家介绍一个新的包管理工具pnpm。pnpm是什么？节约磁盘空间并提升安装速度pnpm代表performantnpm（高性能的npm），同npm和Yarn，都属于Javascri
技术实践前端开发前端工程化
前端开发
CSS的工具物料文档推荐
承接MSS年度账单H5项目的时候，由于ToC的特性，对页面展示效果和css动画要求比较高。如果采用常规的lotte-web方案会导致负担过大，视觉需要用AE做特效然后导出SVG给前端，前端使用一个空DIV渲染json动画，并且无法控制动画的宽高。所以动画方面最好使用原生CSS来实现动画效果，性能也比
技术实践前端开发CSS
效率与工具
Mac破解Typora
一、安装**1.首先到官网下载Mac版的Typora,****下载地址**：https://typoraio.cn/（1）打开默认中文站（2）往下滑，下载Mac版2.下载完成后，会看到Typora.dmg文件，点击打开文件3.打开Typora.dmg文件，鼠标落在左边app图标上，按住拖拽到右边图标
效率与工具效率软件与服务
前端开发
Webpack 打包优化实战：从 153MB 到 101MB
引言：一次打包优化的实战记录晚上9点半，我盯着webpack-bundle-analyzer生成的可视化图表陷入沉思。MSSP平台的打包产物已经膨胀到153MB，其中仅JS文件就占了74.74MB。用户抱怨页面加载慢，运维反馈CDN流量费用激增，而我面对这个庞大的代码库却不知从何下手。经过一番调研和
技术实践前端开发前端工程化
架构与思考
如何设计一个草稿功能
1.概述1.1背景介绍在复杂的报告编辑过程中，用户可能需要临时保存未完成的工作，以便后续继续编辑。报告中心草稿功能旨在解决这一需求，为用户提供自动保存和恢复编辑状态的能力，确保重要数据不会因意外中断而丢失。1.2功能目标自动保存用户编辑中的报告内容在用户重新进入编辑页面时恢复先前的编辑状态支持版本更
架构与思考软件架构
效率与工具
终端配置
Alias#Examplealiasesaliasll='ls-alF'aliasla='ls-A'aliasl='ls-CF'aliasgcb='gitcheckout-b'aliasgcm='gitcommit-m'aliasgca='gitcommit--amend'aliasgcae='gi
效率与工具开发环境配置
效率与工具
VS Code/Cursor 配置 + 扩展
配置文件{//自动导入时使用双引号"autoimport.doubleQuotes":true,//启用文件路径导航"breadcrumbs.enabled":true,//在终端中运行代码"code-runner.runInTerminal":true,//将文件目录作为当前工作目录"code-r
效率与工具开发环境配置
效率与工具
如何快速在本地启动Dify Web服务进行二次开发
项目介绍Dify是一个开源的LLM(LargeLanguageModel)应用开发平台，采用前后端分离架构设计。该平台允许开发者快速构建基于大型语言模型的应用，无需复杂的底层实现。本文将为前端开发者提供在本地环境中启动DifyWeb前端服务的详细步骤，便于二次开发和功能定制。仓库架构简介Dify项目
效率与工具开发环境配置
Rust
Rust 与 JavaScript/TypeScript 对比
作为前端开发者，理解Rust与JavaScript/TypeScript的异同点有助于更快掌握Rust。本文将从多个角度对比这些语言。语言类型系统类型检查时机类型声明//JavaScript-无需类型声明letmessage="Hello";message=42;//有效，动态类型//TypeScr
技术实践后端开发后端语言RustRust语法学习