【碎片笔记】2022年9月

• javascript捕获页面窗口关闭事件

• html页面关闭前提示信息

• 使用 JavaScript 阻止屏幕进入睡眠状态

• 系统休眠或浏览器不是当前活动状态，不执行js的解决思路

• GitHub Achievements 个人页已知成就统计

• GitHub个人资料上所有可获得的成就列表

• 低成本的动捕方案：tensorflow.js

• HTML自定义属性 data-*

• CSS禁止选取文本内容：user-select: none;

• 超详细！Github团队协作教程（Gitkraken版）

• Git团队协作机制及GitHub操作

• Java中获得字符0-9 a-z A-Z的几种方法

  1. 手动输入：

     String characterPool = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
     
     char[] characterPool = {'0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'};

  2. int强转char循环递增

     String str = "";
     for (int i = 'a'; i <= 'z'; i++) {
       str += (char) i;
     }
     for (int i = 'A'; i <= 'Z'; i++) {
       str += (char) i;
     }
     for (int i = '0'; i <= '9'; i++) {
       str += (char) i;
     }
     System.out.println(str);

  3. char循环递增

     char[] chs = new char[62];
     // 记录的是存储元素的索引
     int index = 0;
     for (char ch = '0'; ch <= '9'; ch++) {
         chs[index] = ch;
         index++;
     }
     for (char ch = 'a'; ch <= 'z'; ch++) {
         chs[index] = ch;
         index++;
     }
     for (char ch = 'A'; ch <= 'Z'; ch++) {
         chs[index] = ch;
         index++;
     }

• php实现前后端完全分离

  • php服务器如何做到前后端分离
  • 解析Thinkphp5怎么实现前后端分离

• vue实现前端随机验证码（两种方法）

  • vue项目 - 基于canvas的数字验证码
  • Vue组件的三种调用方式

• javascript replace将文字表情替换为图片 （实用、赞）

• js把一个字符串里符合表情文字标签的地方全部替换为相应的图片的方法

• 服务器ip暴露的原因 服务器ip被攻击怎么办

• 服务器经常被暴力扫描、攻击你的服务器够安全吗

• 宝塔面板如何屏蔽禁止某个IP(IP段)访问

• vue路由history模式，后端配置

• vue项目中自带文件eslintrc.js的内容解析

• vue 前端 package.json 中 eslintConfig 的 rules 配置

• vue中在mounted中window.onresize不生效

  • 在vue开发中，因为引用的父组件和子组件都使用了window.onresize以至于一个window.onresize失效。可以采用下面的方式解决：

    window.onresize = () => this.screenWidth = window.innerWidth 
    // 改为以下写法
    window.addEventListener('resize', () => this.screenWidth = window.innerWidth, false)

• vue 通过background-image引入图片失效问题

• vue如何监听屏幕尺寸变化

• element-ui的el-backtop用法
  必须在一个div内写el-backtop，其次这个div要有个类选择器，el-backtop的target写这个div的类选择器的名字。这个div的类选择器的样式必须有这俩个属性：height: 100vh;和overflow-x: hidden;