2024-05-13

Article / Engineering

9 分钟读完 (大约 1330 个字)

使用 Certbot 在内网签发 wildcards（通配符证书）

前置条件

Certbot 和 certbot-dns-cloudflare 插件
域名的 NS 服务器设置为 CloudFlare，配置好，大概一天后生效（保守估计）
内网 DNS 服务器，如果路由器支持定义局域网域名，可以不安装，我用的是 adguard
内网 Ubuntu 服务器
Ubuntu 安装 Nginx

2024-05-13

Article / Engineering

6 分钟读完 (大约 845 个字)

使用 Caddy 和 CloudFlare 在内网自动签发 https 证书

前置条件

Caddy 和 dns-cloudflare 插件，需要构建自己的 Docker 镜像
域名的 NS 服务器设置为 CloudFlare，配置好，大概一天后生效（保守估计）
内网 DNS 服务器，如果路由器支持定义局域网域名，可以不安装，我用的是 adguard
内网 Ubuntu 服务器
Ubuntu 安装 Docker

2020-10-16

Article / Engineering

11 分钟读完 (大约 1681 个字)

GitHub 在线 IDE 初体验

之前就有听说 GitHub 将推出在线 IDE，一搜索发现很多结果。

现在 GitHub 的在线 IDE 发布一段时间了，官方命名为：GitHub Codespaces（点击可以申请），今天我们就来体验一下。

2020-06-08

Article / Engineering

13 分钟读完 (大约 2012 个字)

GraphQL + Koa + React 项目实践

项目背景

源于 2019 年 11 月 16 日 FCC 成都社区主办的 Web 全栈大会上尹吉峰老师的 GraphQL 的分享，让我产生了浓厚的兴趣。GraphQL 是一个用于 API 的查询语言，是使用基于类型系统来执行查询的服务端运行时（类型系统由你的数据定义）。一个 GraphQL 服务是通过定义类型和类型上的字段来创建的，然后给每个类型上的每个字段提供解析函数。

参考学习资料：

基于以上的一番学习，做了个实践的小项目，就代码做以下分析。

（附上项目地址：react-graphql-project）

2020-06-08

Article / Engineering

12 分钟读完 (大约 1816 个字)

JavaScript 效率工具

每当看到发在 FCC 成都社区群里的技术文章，水歌都忍不住去指出它的不足。

今天评注的文章题为《一批提升你工作效率的 JS 工具方法》，文中的 60 个方法与上次评注的“24 个 ES 方法”类似，不够简洁、优雅，与最新 ECMAScript、DOM 标准有些差距，有些“复制粘贴老文章片段”的感觉。

接下来，我就按功能类别来对一些有必要优化的工具方法一一重构。

2020-05-28

Article / Engineering

18 分钟读完 (大约 2693 个字)

webpack 打包文件分析（下）

回顾

上一篇webpack 打包文件分析（上）我们讲到 webpack 打包源码中文件加载的部分，通过分析了解了在 webpack 中不同模块规范相互加载的处理。而至此，只包括了文件的同步加载分析，对于文件的异步加载又是如何处理的呢？

我们使用 webpack 将项目打包为一个 bundle.js 文件，通过 script 标签插入到页面中引用。但如果这个 bundle.js 体积特别大，就会导致我们加载时间过长，阻塞页面的渲染。

其次，这个打包出来的 bundle.js 中其实部分的代码资源是当前加载页面用不到的，这样也导致了浪费。于是，资源加载的优化就成了必须要考虑的问题，而异步加载（或者说动态加载）就是解决这个问题的方案之一。

2020-05-17

Article / Engineering

16 分钟读完 (大约 2469 个字)

webpack 打包文件分析（上）

前言

webpack 是一个用于静态资源打包的工具。它分析你的项目结构，会递归的构建依赖关系，找到其中脚本、图片、样式等将其转换和打包输出为浏览器能识别的资源。

本篇文章仅对 webpack 打包输出的文件进行简要的分析。

2020-03-26

Article / Engineering

9 分钟读完 (大约 1399 个字)

ECMAScript + DOM 骚操作

前一阵有篇传播较广的 Web 技术博文，我看后觉得，作者题为“ES 6”，但有些示例代码却不够 ES 6，且看我一一优化~

对标文章

中文译文：《记好这 24 个 ES6 方法，用来解决实际开发的 JS 问题》
英文原文：“24 modern ES6 code snippets to solve practical JS problems”

使用 Certbot 在内网签发 wildcards（通配符证书）

前置条件

使用 Caddy 和 CloudFlare 在内网自动签发 https 证书

前置条件

GitHub 在线 IDE 初体验

GraphQL + Koa + React 项目实践

项目背景

JavaScript 效率工具

webpack 打包文件分析（下）

回顾

webpack 打包文件分析（上）

前言

ECMAScript + DOM 骚操作

对标文章

最新文章

链接

归档

标签

链接

归档

标签

Your browser is out-of-date!