- 博客(144)
- 收藏
- 关注
RSS订阅原创 Git 版本控制：构建高效协作和开发流程的最佳实践
版本控制是软件开发的核心，促进团队协作与项目管理。通过制定明确的分支命名策略，遵循一致的代码提交规范，如指明提交类型和简短描述，增强了历史记录的可读性，可以清晰地组织和理解项目的结构与进展。
2024-04-25 00:07:50
815
原创 Go 实战｜使用 Wails 构建轻量级的桌面应用：仿微信登录界面 Demo
Wails 框架提供了一种简洁而强大的方式，让开发者能够利用 Go 的性能优势和 Web 前端的灵活性，从而能够使用更高效、更轻量级的方法来构建跨平台的桌面应用。本文探讨 Wails 框架的使用，从搭建环境到开发，再到最终的构建打包。
2024-04-06 12:54:53
2008
3
原创 【Go 编程实践】从零到一：创建、测试并发布自己的 Go 库
解释了为何需要开发自己的 Go 库，以及如何创建、测试和发布。文章以 Asiatz 库为例，详细阐述了创建目录、初始化项目、编写代码、测试、编写文档和发布等步骤，并强调了开发自己的 Go 库的优点，包括代码复用性、可维护性和可测试性。
2023-11-05 17:25:21
503
1
原创 使用脚本整合指定文件/文件夹，执行定制化 ESLint 命令
描述了如何通过自定义脚本简化 ESLint 命令的执行。该脚本支持指定文件或文件夹，指定 ESLint 配置文件，附带命令，以及前后置执行命令等功能，极大地提高了代码检查和格式化的效率。
2023-11-01 23:22:03
607
原创 Debian 11 x64 安装 MySQL 8.0.33
本文提供了一个逐步指南，介绍了如何在 Debian 11 x64 上下载和安装 MySQL 8.0.33。此外，还提供了允许远程访问的说明。
2023-07-08 22:45:51
1108
原创 CentOS 9 x64 使用 Nginx、Supervisor 部署 Go/Golang 服务
在 CentOS 9 x64 系统上，可以通过以下步骤来部署 Golang 服务。安装必要的软件包、编译应用、配置 Supervisor、配置 Nginx。
2023-07-02 15:09:50
600
原创 使用 Debian、Docker 和 Nginx 部署 Web 应用
本文将介绍基于 Debian 的系统上使用 Docker 和 Nginx 进行 Web 应用部署的过程。着重介绍了 Debian、Docker 和 Nginx 的安装和配置。
2023-06-26 22:56:15
1099
原创 使用 Nginx 在服务器上搭建一个 Xooxle 镜像站
期望能够通过 `xooxle.example.com` 访问 `www.xooxle.com`，配置地址：「DNS 解析 DNSPod」->「域名」->「解析」->「添加记录」。
2023-06-18 16:39:11
236
原创 解决 `remote: You must use a personal access token with ‘api‘ scope for Git over HTTP.`
`git clone` 报错，解决 `remote: You must use a personal access token with 'api' scope for Git over HTTP.`
2023-06-17 21:52:16
704
原创 Go 中的格式化字符串`fmt.Sprintf()` 和 `fmt.Printf()`
在 Go 中，可以使用 fmt.Sprintf() 和 fmt.Printf() 函数来格式化字符串。本文介绍了五个最常用的格式化动词和参数索引的使用方法。
2023-06-17 21:09:59
2275
原创 对数据进行模糊匹配搜索（动态规划、最长公共子串、最长公共子序列）
倘若要在一堆数据中对一个关键词进行匹配搜索，传统做法是把数据拆分开，然后遍历他们，看看是否包含这个关键词，对于 “fin” 和 “finish” 这样存在包含关系的单词来说是没问题的，但是对于 “fish” 和 “finish” 这样并不存在包含关系的单词就失效了，这时候期望计算出两个单词的相似性，比如 “fish” 和 “finish” 都包含 “ish”，“ish” 的长度是 3，我们可以理解相似性为 3。对最长公共子串进行升级来查找所有序列中最长子序列，版本管理中使用的。来寻找两个或多个已知字符串。
2023-06-11 13:57:09
744
原创 CentOS 9 安装 Nginx 模块 `subs_filter`
sub_filter 和 subs_filter 区别sub_filter（ 0.7.24）：替换响应体（Response Body）中的文本，只能设置一组替换。subs_filter：替换响应体（Response Body）和响应头（Response Headers）中的文本，可以设置多组替换。sub_filter 使用案
2023-05-28 13:58:17
351
原创 快捷转换/互转 Markdown 文档和 TypeScript/TypeDoc 注释
作为文档工具人，经常需要把代码里面的注释转换成语义化的 Markdown 文档，有时也需要进行反向操作。以前是写正则表达式全局匹配，时间长了这种方式也变得繁琐乏味。所以写了脚本来互转，增加一些便捷性。
2023-05-26 22:43:23
717
原创 批量拉取/git pull 指定文件夹下面所有 Git 项目的最新代码
因为工作需要，当前所负责的项目较多；但是人力紧缺，其中绝大部分项目平时也不会去跟进迭代。所以经常需要批量拉取最新的代码查看最新的改动。
2023-01-25 21:29:29
1302
原创 Docker 解决 `denied: requested access to the resource is denied`
由于不可描述的原因，相对于以前，最近在更加频繁的迁移服务器，简单的 Shell 脚本已经不能满足需求了，于是将所有的项目 Docker 化。
2023-01-25 11:06:14
3620
原创 GitHub/GitLab 为不同的项目修改提交名字 user.name 和邮箱 user.email（附：批量处理脚本）
大疫情的背景下，家里的电脑需要同时支撑自己和公司的项目，根据 GitHub/GitLab 网站的提交记录上看，其是根据邮箱来辨识用户的，所以有必要分别针对不同的项目设置不同的 Git 名字（user.name）和邮箱（user.email）。
2022-12-19 23:13:38
845
原创 Node 项目通过 .npmrc 文件指定依赖安装源
`npm` 命令运行时，往往通过命令行指定相关配置，最常用的便是使用 `--registry` 来指定依赖的安装源。`.npmrc`（NPM Running Configuration）可以指定 `npm` 命令运行时的配置内容。
2022-12-11 22:59:13
5223
原创 Mac 使用 Nginx 在本地部署静态网站
安装 Nginx启动 Nginx重启配置默认静态页面默认配置默认日志目录新增的配置目录新增一个静态页面服务配置了 History 路由模式的 SPA 页面。解释 语法： 后面定义多个文件路径进行依次尝试，响应存在的第一个文件，若文件都不存在，则会响应最后一个 进行内部重定向。例如访问 ：安装 Nginx 后的 Terminal 输出。参考版权声明本博客所有的原创文章，作者皆保留版权。转载必须包含本声明，保持本文完整，并以超链接形式注明作者后除和本文原始地址：ht
2022-07-09 16:38:02
988
原创 npm/cnpm 设置镜像地址
npm查看当前镜像源：npm config get registry# https://registry.npmjs.org/修改当前镜像源：npm config set registry https://registry.npmjs.org/cnpm安装 cnpm：npm install cnpm -g查看当前镜像源：cnpm config get registry# https://registry.npm.example.com修改当前镜像源：cnpm confi
2022-05-28 22:02:08
1125
原创 PWA 实践/应用（Google Workbox）
PWA（Progressive Web App – 渐进式网页应用）是一种理念，由 Google Chrome 在 2015 年提出。PWA 它不是特指某一项技术，而是应用多项技术来改善用户体验的 Web App，其核心技术包括 Web App Manifest、Service Worker、Web Push 等，用户体验才是 PWA 的核心。
2022-03-11 14:27:24
1452
原创 Bootstrap实战 - 单页面网站
单页面结构简单、布局清晰，常常用来做手机 App 或者某个产品的下载介绍页面。现在，展示型网页整体趋向于单页网站设计，这样一次性把核心信息展现出来，对于用户来说更加直观和简单，能够快速了解一个产品。
2022-03-03 20:55:06
1177
原创 npm 直接安装 GitHub/GitLab 仓库代码及 npm link 本地调试
一、npm 直接安装 GitHub/GitLab 仓库代码语法npm install <git remote url>示例命令：npm i git@github.com:mazeyqian/mazey.git -S# 或npm i https://github.com/mazeyqian/mazey.git -S{ "name": "test", "version": "1.0.0", "description": "", "main": "index.js"
2022-03-03 11:37:27
2357
2
原创 Bootstrap实战 - 评论列表
Bootstrap 是当前很受欢迎的前端框架，如何用 Bootstrap 快速完成一个网站？社交媒体网站盛行，人们常常会使用评论表达自己的观点，评论功能已然成为网站的一部分。一个基础的媒体对象由四个部分组成...
2022-01-26 22:36:01
2915
原创 Bootstrap实战 - 响应式布局
响应式布局就是一个网站能够兼容多个终端，而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。导航栏与轮播在大部分网站的头部占很高的比重，特别是导航栏，扮演着网站地图的角色。在响应式布局中，要求导航栏能够根据终端屏幕大小显示不同的样式。
2022-01-11 23:42:10
2134
原创 前端性能和加载体验优化实践（附：PWA、离线包、内存优化、预渲染）
页面为何会卡？等待时间长？看起来卡？特别是对于首屏资源加载中的白屏时间，用户等待的时间就越长，用户感知到页面的速度就越慢。麻省理工学院的 Richard Larson 在讲话中指出，“人类将被动等待高估了 36%”。这意味着用户感觉到的等待时间比开发工具记录的长得多。
2021-12-28 15:24:26
3160
原创 Bootstrap实战 - 瀑布流布局
讲 Bootstrap 基础的教程网上已经很多了，实际上 Bootstrap 中文网（bootcss.com）里的文档已经写的很详细了，但实战的案例却不多。这里用一些当前流行的网页布局为导向，使用 Bootstrap 中的样式来完成它。每次只讲与案例相关的知识点，边学边练，加强理解。
2021-12-05 23:13:21
3795
1
原创 [新]SQLServer 中 exists 和 except 用法
一、exists1.1 说明EXISTS（包括 NOT EXISTS）子句的返回值是一个 BOOL 值。EXISTS 内部有一个子查询语句（SELECT … FROM…），我将其称为 EXIST 的内查询语句。其内查询语句返回一个结果集。EXISTS 子句根据其内查询语句的结果集空或者非空，返回一个布尔值。Linkexists：强调的是是否返回结果集，不要求知道返回什么，比如：select name from student where sex = 'm' and mark exists(select
2021-12-01 23:41:35
1732
原创 JavaScript 跳出 iframe 框架
一、window.toptop 属性返回最顶层的先辈窗口。该属性返回对一个顶级窗口的只读引用。如果窗口本身就是一个顶级窗口，top 属性存放对窗口自身的引用。如果窗口是一个框架，那么 top 属性引用包含框架的顶层窗口。二、window.selfself 属性可返回对窗口自身的只读引用。等价于 Window 属性。三、window.locationwindow.location（MDN）对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。3.1 示例window.locatio
2021-11-27 23:03:58
2305
原创 [新]JavaScript 通过 preventDefault() 使 input[type=text] 禁止输入但保留光标
一、说明取消事件的默认动作。该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type 属性是 submit，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单。注意，如果 Event 对象的 cancelable 属性是 fasle，那么就没有默认动作，或者不能阻止默认动作。无论哪种情况，调用该方法都没有作用。二、语法event.preventDefault()三、示例3.1 阻止 <a> 元素跳转<a h
2021-11-25 23:19:26
866
原创 CSS3 边框 border-radius
一、官方解释设置或检索对象使用圆角边框。提供 2 个参数，2 个参数以“/”分隔，每个参数允许设置 1~4 个参数值，第 1 个参数表示水平半径，第 2 个参数表示垂直半径，如第 2 个参数省略，则默认等于第 1 个参数。水平半径：如果提供全部四个参数值，将按上左(top-left)、上右(top-right)、下右(bottom-right)、下左(bottom-left)的顺序作用于四个角。如果只提供一个，将用于全部的于四个角。如果提供两个，第一个用于上左(top-left)、下右(bottom
2021-11-18 23:17:24
131
原创 Promise + Async&Await + Array.reduce + 函数递归 解决网络/接口请求的依次/排队不间断间隔访问
背景试想在一个需要频繁更新数据的场景（例如：监控、图表类），常规方法是设置一个间隔 N 秒的定时器 setInterval；但是这种方式存在一个问题，当前一个请求时间过长时（超过了间隔时间），后一个请求的接口响应会先于前一个请求，也就是说，将导致旧的数据渲染会覆盖新的数据渲染。解决方案利用 Array.reduce 的迭代性，注册异步（Async）的匿名函数，在函数内部将网络请求封装成 Promise 实例，在整个迭代周期中等待（Await）前一个请求完成以后再请求后一个请求，完成一个请求周期以后递归
2021-11-15 10:53:45
966
原创 JavaScript 事件 onblur 与 onfocus 区别
一、onblur1.1 说明onblur属性在元素失去焦点时触发，onblur常用于表单验证代码（例如用户离开表单字段）。1.2 示例<input type="text" name="" id="" onblur="javascript:alert('onblur');">二、onfocus2.1 说明onfocus属性在元素获得焦点时触发，onfocus常用于、以及。2.2 示例<!--点击后因为不断onfocus会不断弹出，可以直接关闭浏览器标签页终止-->
2021-11-01 23:29:14
2643
原创 使用 GitLab CI/CD 和阿里云 CLI 自动部署前端项目
一、什么是 CI/CD？CI（持续交付）是功能迭代后自动构建、打包、校验代码格式、跑单测、单测覆盖率，常见的就是 Webpack、Rollup、ESLint等。CD（持续部署）是经过 CI 后，代码自动部署到服务器。在 GitLab 中部署 CI、CDGitLab CI/CD 通 .gitlab-ci.yml 配置文件来部署。cd project_pathtouch .gitlab-ci.yml创建一个简单的 CI/CD 配置：# 指定使用的镜像image: node:latest
2021-08-03 01:22:23
622
原创 Postman 使用小技巧/指南
一、什么是 Postman（前世今生）Postman 诞生于 2013 年，一开始只是 Abhinav Asthana 着手于解决 API 测试的工具，随着这个工具的使用者和需求迅速激增，Abhinav Asthana 找了他的两个前同事 Ankit Sobti 和 Abhijit Kane 一起创建了公司 Postman Inc。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ErHORrFA-1618416138130)(https://blog.mazey.net/w
2021-04-15 00:03:09
281
原创 如何知道 window 的 load 事件已经触发
背景为了使页面加载更快，常常将一些不重要的第三方脚本在页面完成加载后进行懒加载。// 做一些不影响业务的事情window.addEventListener('load', () => { // 懒加载埋点分析 loadScript({ url: 'https://www.domain.com/test.js', timeout: 10000 }).then(() => { console.log('ok'); }).catch(console.err
2021-03-15 17:30:30
954
原创 前端常用库 CDN
本文介绍了前端开发中常用的一些库的 CDN 资源，包括 jQuery、Bootstrap、Vue.js 等流行框架和库。我们将探讨这些库的功能、使用方法以及如何通过 CDN 进行快速引入。通过使用 CDN，可以显著提高网站的加载速度和性能，为开发者提供便利。
2021-02-18 11:35:15
496
原创 使用 rollup 打包可按需加载的 NPM 包
安装 rollupnpm install rollup --save-dev配置文件 rollup.config.jsexport default { input: 'src/index.js', output: { file: 'lib/bundle.js', format: 'cjs' }};此时可以使用 npx rollup -c 来创建 bundle 了。配置插件安装插件 Babelnpm install @babel/core @babel/pres
2021-02-17 01:45:23
892
原创 webpack 4 快速搭建
安装npm install --save-dev webpack@4.30.0 webpack-cli@3.3.2更新 package.json 脚本"scripts": { "build": "webpack --config webpack.config.js"}更新目录结构 webpack-demo |- package.json+ |- webpack.config.js+ |- index.html+ |- /src+ |- index.js更新 we
2021-02-16 23:23:07
88
原创 Git 删除 .gitignore 生成之前上传的文件
清除缓存git rm -r --cached .git add .提交记录git commit -m "chore: 清除缓存。"git push附录阅读原文：https://blog.mazey.net/1401.html
2021-02-16 22:12:56
1152
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人