- 博客(11)
- 收藏
- 关注
RSS订阅原创 从零到一实现jenkins前端自动化流水线搭建
jenkins 一个熟悉又默认的东西，说熟悉是因为早在2020年（四年前）我就知道这个自动化构建工具，说不熟悉知道他四年了一直都不知道该怎么使用 jenkins 来帮助自己以及团队提效。所以就趁着最近不忙，从零到一搭建一个jenkins应用并新建一条前端流水线来学习和使用jenkins了。总体来讲，jenkins 作为老牌的自动化构建工具功能还是很强大的，不过对于前端同学来说，学习成本还是挺高的。本篇博客从零到一实现了前端 jenkins 流水线的部署以及搭建，博客通篇写的内容很详细，篇幅很长。
2024-11-11 23:28:03
1394
原创 Chrome、Firefox、Edge浏览器最新稳定版离线安装包下载指南
toB用户内网设备浏览器版本太低想要升级内网设备浏览器版本，尤其是chrome只能下载浏览器快捷安装程序，还是需要联网安装。其实不管是谷歌、火狐还是微软都有官方的离线安装包的下载渠道，只是谷歌把离线安装包的下载页面并没有用户开发，火狐还有微软做的不错倒是把浏览器的离线安装包的下载的页面开放出来了。
2023-12-04 03:45:00
17295
8
原创 纯前端字体文件优化实践，字体文件压缩93%!
高保真数据可视化大屏页面，设计部同学在提供UI图的同时还会提供UI图中使用到的字体文件，例如：思源字体、微软雅黑等类型的字体。但是，通常来说UI提供的字体包都很大，大都在十几M，加载非常缓慢，严重影响用户体验。从上图可以看出，字体压缩比确实是高达93%，对比网络加载速度，同样6M带宽字体文件由原来的18s到目前的500ms，用户访问网页带来飞升一般的体验。字体文件体积大的原因主要是中文有上万个字体，可是常见的中文字体只有3000个左右，删除特殊字符以及生僻字，可以大大减小字体文件的体积。
2023-04-17 21:36:06
6264
7
原创 内网npm私有仓库搭建以及使用教程
前端团队沉淀一套通用的UI库、工具类、脚手架，不允许在公网发布，内网npm私有库搭建需求应运而生。如何在内网环境搭建npm私有仓库并使用？主角登场了 ——Verdaccio。接下来我来教大家使用 verdaccio 在内网环境中搭建npm私有仓库。
2023-02-03 09:52:07
13483
4
原创 Nginx源码安装并开启http2.0以及brotli压缩
本教程主要针对Centos7环境，其他更多环境安装教程，欢迎评论区补充说明。截至今天（2023年1月8号）为止，在Centos7环境中使用yum一键安装nginx最新稳定版（nginx-1.22.1）已经支持gzip静态压缩，但是还是不支持brotli压缩。目前主流浏览器均已支持http2.0以及brotli压缩，接下来我来教大家使用nginx开启http2.0以及brotli压缩提升网站加载速度。
2023-01-08 20:16:44
814
原创 Centos系统docker、docker-compose 在线安装教程
前言本教程只适用于Centos7.6、7.9环境下，root用户。在线安装docker、docker-compose，其他更多环境安装教程，欢迎评论区补充。docker 安装教程# yum 包更新到最新（生产环境中此步操作需慎重）yum update -y# 安装需要的软件包yum install -y yum-utils device-mapper-persistent-data lvm2# 设置yum源为阿里云（推荐，快）yum-config-manager --add-
2022-12-31 18:18:26
611
原创 JavaScript中 a === 1 || a === 2 || a === 3 能改为 a === 1 || 2 || 3吗？
const a = 2if (a === 1 || 2 || 3) { console.log(a) // 2}条件始终为 true，不能用于条件判断改：const b = 2if (b === 1 || b === 2 || b === 3) { console.log(b) // 2}附 JS 运算符优先级（从高到低）运算符描述. [] ()字段访问、数组下标、函数调用以及表达式分组++ – - ~ ! delete new typeof
2020-10-13 11:23:14
938
1
原创 ! 和 !!的用法，侧重说明!!的使用
egg:! 的简单用法!null = true!undefined = true!'' = true!100 = false!'abc' = falsevar a;if (a != null && typeof(a) != undefined && a != '') { console.log('a有内容才会执行代码')}等价于:if (!!a) { console.log('a有内容才会执行代码')}以上是网上资源，以下是自
2020-06-02 20:54:53
268
原创 JavaScript访问对象的属性和方法
在JavaScript中，可以使用“ . ”和“ [ ] ”来访问对象的属性。二者区别：“ . ”表示法一般作为静态对象使用时来存取属性。而“[ ]”表示法在动态存取属性时就非常有用。1.访问对象的属性：对象名.属性名对象名[‘属性名’] 属性名是字符串类型2.调用对象的方法：对象名.方法名（）for...in 语句用于对数组或者对象的属性进行循环操作。语法格式：for (变量 in 对象名) { console.log（变量）； console.log(对象名[变量])
2020-05-31 19:19:51
864
前端开发字体文件压缩演示文件
2023-04-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人