判断一天是否为节假日。

在区分不同的工作场景时，这个变量是比较有用的。

基础数据如何获取？

节假日查询

百度搜索节假日，国务院放假发文地址

https://www.gov.cn/zhengce/zhengceku/202310/content_6911528.htm

节假日数据获取

和另一个系统联调，字符串请求是一个普通的 string。

但是对方是 go 语言，通过 "%s" 直接 format 我们传入的字符串。

此时字符串中出现 " \ 等字符时，就会导致错乱。

如何解决？

使用StringEscapeUtils：Apache Commons Lang库提供了StringEscapeUtils工具类，可以用来转义和反转义字符串中的Java控制字符。

例如，使用Apache Commons Lang来转义字符串：

发送邮件的时候，希望在邮件中放一张图片。

如果可以直接引用链接就会很方便，但是想简单点，因为图片非常小。

java 实现

转换方法

    /**
     * 将文件转成 base64 字符串
     *
     * https://www.cnblogs.com/darkhumor/p/7525392.html
     * https://blog.csdn.net/phoenix_cat/article/details/84676302
     * https://blog.csdn.net/myloverisxin/article/details/117530365
     * https://www.cnblogs.com/yejg1212/p/11926649.html
     *
     * 不同规范编码不同，会导致出现换行符号，但是解码的时候会被忽略。
     * @param filePath 文件路径
     * @return base64 字符串
     * @since 0.1.146
     */
    public static String fileToBase64(String filePath) {
        File file = new File(filePath);

        try(FileInputStream inputFile = new FileInputStream(file)) {
            byte[] buffer = new byte[(int)file.length()];
            inputFile.read(buffer);
            String plainText = Base64.getEncoder().encodeToString(buffer);

            return plainText.replaceAll("\r", "")
                    .replaceAll("\n", "");
        } catch (IOException e) {
            throw new RuntimeException(e);
        }
    }

前端 vue，如何设置定时触发一个查询方法？

在 Vue.js 中，你可以使用 JavaScript 的 setInterval 方法来设置定时触发一个查询方法。你可以将这个定时器放在 Vue 组件的生命周期钩子 mounted 中，这样当组件被挂载到 DOM 上后，定时器就会开始运行。

以下是一个简单的示例：

  
    
  



export default {
  data() {
    return {
      timer: null,  // 保存定时器的引用
    };
  },
  methods: {
    queryMethod() {
      // 这是你要定时执行的查询方法
      console.log("查询方法被触发");
      // 在这里编写你的查询逻辑
    }
  },
  mounted() {
    // 组件挂载后，设置定时器，每隔5秒执行一次 queryMethod
    this.timer = setInterval(this.queryMethod, 5000);
  },
  beforeDestroy() {
    // 在组件销毁前清除定时器，避免内存泄漏
    if (this.timer) {
      clearInterval(this.timer);
    }
  }
};



/* 你的组件样式 */

现代化的前端技术栈

现代化的前端技术栈指的是当前流行的、高效的、并且被广泛采用的前端开发工具、库和框架的集合。

这些技术通常具备良好的社区支持、持续更新和维护，以及广泛的应用案例。

以下是一些现代化前端技术栈中的常见组成部分：

1. 框架和视图库:

   • Vue 3: 一个轻量级且功能强大的前端框架，用于构建用户界面和单页应用程序。
   • React: 由 Facebook 维护的一个声明式、高效且灵活的 JavaScript 库，用于构建用户界面。
   • Angular: 一个由 Google 维护的全面的前端框架，用于构建大型、高性能的应用程序。

2. 构建工具:

   • Vite: 一个由 Vue 团队成员开发的极速构建工具，提供了丰富的功能和快速的开发服务器。
   • Webpack: 一个模块打包器，现代 JavaScript 应用程序的事实上的标准。
   • Rollup: 一个模块打包器，通常用于构建库或将应用程序打包为多个模块。

3. 状态管理:

   • Redux: 一个可预测的状态容器，广泛用于管理 React 应用程序的状态。
   • Vuex: 专为 Vue.js 应用程序开发的状态管理模式和库。
   • Pinia: Vue 团队推荐的 Vue 3 的状态管理库。

4. 路由:

   • React Router: React 应用程序的官方路由库。
   • Vue Router: Vue.js 官方的路由管理器。
   • Angular Router: Angular 的官方路由系统。

5. CSS 框架和工具:

   • Tailwind CSS: 一个实用性优先的 CSS 框架，提供了大量的工具类。
   • Bootstrap: 一个流行的前端框架，提供了响应式网格系统和预制的组件。
   • Sass/Less/Stylus: CSS 预处理器，提供了变量、混合、函数等高级功能。

6. 前端测试:

   • Jest: 一个由 Facebook 维护的 JavaScript 测试框架。
   • Cypress: 一个前端应用的端到端测试工具。
   • Testing Library: 一组用于测试 React 应用程序的库。

7. 版本控制:

   • Git: 目前最流行的版本控制系统。

8. 代码质量:

   • ESLint: 一个插件化的 JavaScript 代码质量和代码风格检查工具。
   • Prettier: 一个代码格式化程序，确保代码风格的一致性。

9. 类型检查:

   • TypeScript: JavaScript 的一个超集，提供了类型系统和其他特性以帮助大型应用程序的开发。

10. 前端监控和服务:

    • Sentry: 一个错误监控平台，用于实时跟踪和修复应用程序中的问题。
    • Fathom Analytics: 一个简单、轻量级的网页分析工具。

11. API 和后端交互:

    • Axios: 一个基于 promise 的 HTTP 客户端，用于浏览器和 node.js。
    • GraphQL: 一个查询语言，用于 API，以及一个运行时用来处理这些查询的系统。

12. 移动开发:

    • React Native: 一个由 Facebook 维护的框架，允许开发者使用 React 来开发原生移动应用。
    • Flutter: 由 Google 维护的 UI 工具包，用于构建 natively compiled applications for mobile, web, and desktop from a single codebase.

Boostrap 简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。

入门模板

  
    
    
    

    
    

    Hello, world!
  
  
    Hello, world!