qq20004604的博客

原创 unity专题（1）背景图片的设置

众所周知，游戏是需要背景图片的。假如说，我们下载了一个标准的1920*1080的背景图片，现在我们需要把他放游戏里并填满窗口，怎么做呢？

原创 Gitlab跨仓库跨分支搜索工具

本工具的创造起因源于某个同事提出，有个接口要废弃了，要换成一个新的接口，希望其他同事排查是否有项目在使用这个接口，如果有则更换为新的接口。由于前端业务复杂，接口比较多，二十来位前端同学无论是能力还是主观能动性，都参差不齐。根据我一贯的习惯，但凡是依赖于个人主观能动性的，都不靠谱，所以突发奇想，看是否能用chatGPT实现此类功能。于是向许愿机提出了这个要求，而许愿机也如我期望的给了我代码。不过实际上，前几版代码都不可用，会报各种奇怪的bug。

原创 摸鱼神器！开发效率提升 1000% 的 Vue 低代码表单组件

目录：一、简介二、本组件和 Element UI 的表单组件进行对比三、架构设计四、详细功能描述4.1 wti-form 全局功能4.2 wti-form 表单元素功能4.3 如何一个 JSON 配置生成 3 个表单五、高度支持自动化测试5.1 天生支持自动化测试5.2 通过简单的配置文件，自动完成自动化测试5.3 更牛逼的自动化测试支持六、未来将添加的功能6.1 可视化生成表单6.2 打通产品经理与前端这条线6.3 纵向拓展：自动生成后端代码6.4 横向拓展

原创 西安的一些互联网公司一览

西安地区知名互联网公司一览。只包含西安地区的优质公司以及一些需要避坑的公司，欢迎各位交流补充，或者在评论区发求职、招聘信息

原创 shell脚本创建redis容器

#!/usr/bin/env bashcontainername="redis-for-dailyreport"pw="ppwweeerrtbtbr"echo "0、停止并删除之前的 docker 镜像"docker container stop $containernamedocker container rm $containernameecho "1、开始拉取 redis 的 docker 镜像"docker pull redis:6.0echo "2、查看是否已创建持久化文件

原创 前端如何展示一个有上亿数据的树结构

需求描述数据上亿，有数千个从属于根节点的一级子节点；每个一级子节点有数个到数万个二级子节点；二级子节点可能有三级子节点；子节点的最多层深不定（即，也许可能有 10 层）；需求分析当面临一个树结构的时候，一般首先考虑用 tree 组件，但是，这里显然是不可能的，理由如下：数据量太多，一个节点可能有数万子节点，显示会非常卡（一般来说，最多显示几百个才能保证性能，超过 1000 很容易卡）；当多展开几个子节点后，很难找到自己需要的那个子节点；即使增加过滤/搜索功能，也不太方便；因此我们

原创 高阶之路：从零设计开发一个多端报警系统（1）

序 本文目的教你如何从零开始设计一个系统。本文会尽量减少代码相关的内容，而侧重于产品与系统设计。适合阅读人员：会写代码，但不知道代码在系统里为什么这么写。在线项目预览地址：【待给】（没给的话回复提醒我一下）第一章 需求的提出我们在实际业务中，会遇见这样的情况：希望在项目出现意料之外的错误时（例如服务意外停止），可以自动报警并通知相关负责人员；某些功能，在出错率超过阈值，自动通知相关人员；在收到工单，或者工单流程发生变更时，自动通知相关人员；系统每日周月的自动汇总（例如每日新注册用户、

原创 【九图流】从零开始设计一个登录系统（初中级）

说明无任何代码，只有设计思路。范畴等级：初级开发、中级开发。场景：中小型项目，内部项目。v0.1v0.2v0.3v0.4v0.5v0.6v0.7v0.8v0.9

原创 用套路写页面（第二节）不定高边栏，子元素高度动态且相邻联动

目录：5、左侧边栏（难度：3.5颗星）5.1、原型分析套路5：当高度/宽度为动态获取，且相邻联动的两个区域5.2、左边栏上下区域划分套路6：无痕滚动5.3、按钮的 CSS5.4、历史记录5.5、总结5、左侧边栏（难度：3.5颗星）前文参照：第一节：https://blog.csdn.net/qq20004604/article/details/987482205.1、原...

原创 手把手教你用套路写页面（HTML、CSS初中级前端教学）（第一节）

很多人不太会写 HTML 和 CSS，这里教你如何分析页面结构，如何使用各种标准套路写出各种页面。以 HTML 和 CSS 为主，部分动态内容加入 js 实现。所有技巧全部简单暴力，没有兼容性问题（除非你要兼容IE8），但是非常好用。源代码：https://github.com/qq20004604/tell-you-write-manage-page作者微信：qq20004604讨论...

原创 前端架构详谈（1）纯前端发布

前端架构详谈（1）纯前端发布0、前言1、项目简述2、场景描述3、数据结构简述4、项目核心点5、后台服务6、项目架构图7、数据库设计8、后期功能扩展9、示例效果10、总结0、前言在上一篇文章《大型项目前端架构浅谈》里，我简单的阐述了一下在大型项目里，前端架构如何设计。有很多同学反映，说谈的比较浅。但由于篇幅所限，尽管已经写了8000字，但想每个都深入下去，实在是不太可...

原创 大型项目前端架构浅谈（8000字原创首发）

大型项目前端架构浅谈目录：1、综合1.1、使用场景1.2、核心思想1.3、切入角度1.4、其他2、基础层设计2.1、自建Gitlab2.2、版本管理2.3、自动编译发布Jenkins2.4、纯前端版本发布2.5、统一脚手架2.6、Node中间层2.7、埋点系统2.8、监控和报警系统2.9、安全管理2.10、Eslint2.11、灰度发布2.12、前后...

原创 一图流的前端工程化

原创 原 Python3——Django2新手教程（5）django和数据库（sqlite、mysql、多数据库）

8、django和数据库交互8.0、前注觉得文章写的对你有帮助，请点赞、关注、Star。项目资源的github地址：https://github.com/qq20004604/Python3_Django_Demo8.1、环境安装首先，确保你安装了mysql。如果没有安装，就只能和sqlite交互了。安装方法：可以使用我这里提供的 docker 版 mysql，如果是linux或...

原创 Python3——Django2新手教程（4）异步请求（ajax）的处理

7、异步请求（ajax）的处理7.1、新建一个应用应用名为：getformpython manage.py startapp getform7.2、先编辑路由编辑 urls.py，先引入：from getform import views as form_views然后再配置路由（添加到 urlpatterns）中：# 这个是htmlpath('form/', form_vi...

原创 Python3——Django2新手教程（3）返回嵌入数据的页面以及CSRF处理

6、返回嵌入数据的模板网页6.1、新建一个应用python manage.py startapp inject_str执行后，文件夹创建完毕。6.2、添加路由（urls.py）打开 urls.py 文件，做两件事：1、引入views：from inject_str import views as str_views2、配置路由，在 urlpatterns 这个 list 里添加...

原创 Python3——Django2新手教程（2）静态目录/文件

5、静态目录5.1、【方案一】简单，但不推荐，适合开发环境使用简单来说，文件都丢进来，不需要配置路由，只要路径正确，会去找这些文件。步骤：根目录下新建 static文件夹；settings.py 进行配置，如下：static目录下新建 abc.html ，body标签内写 abc；访问　/abc.html，会返回 static/abc.html 的内容；settings.py的...

原创 Python3——Django2新手教程（1）安装~添加应用~启动~返回html模板

0、说明项目demo地址：https://github.com/qq20004604/Python3_Django_Demo版本：django版本：2.2.1python版本：3.71、安装pip3 install django初始化：直接用 pycharm 新建 django 项目。或者输入命令行：django-admin startproject [项目名]会创建文...

原创 Docker新手教程（07）Docker与MySQL

07、Docker与MySQL1、场景说明和使用思路场景说明：既然说服务器，怎么能离开各种数据库呢？而 MySQL 显然是最好用的数据库之一。但是博主自己经验来说，最讨厌配 MySQL 的环境了，还好有 Docker 可以简单解决这个问题。使用思路：Docker的容器是可以被删除、复制的。但显然，MySQL 作为一个数据库，是不能接受这样的情况发生（因为会导致数据丢失）。初步的解决...

原创 Docker新手教程（06）Docker里container、image、文件的互相转化

06、container、image、文件的互相转化1、情况说明image（又称为镜像）：是通过 Dockerfile　file创建的，通过 docker image ls 查看；container（容器）：是 image 通过 docker container run [image] 来生成；文件（就是文件）：方便管理，适用于将一个服务器上的image转移/拷贝其他服务器上（虽然也可以...

原创 Docker新手教程（05）Docker容器的管理

05、容器的管理1、image文件生成容器命令：docker container run说明：参照【04、run与start的区别】；2、启动容器命令：docker container start [containerID]说明：参照【04、run与start的区别】；3、停止容器命令：docker container stop [containerID]...

原创 Docker新手教程（04）docker container run与docker container start的区别

04、docker container run与docker container start的区别两个命令的区别：docker container rundocker container start [containerID]1、run 命令命令：docker container run说明：创建好image后，新建容器时使用；每次运行，都会创建一个新的容器；新建的容器...

原创 Docker新手教程（03）进入已创建的Docker容器并执行bash命令

03、进入已创建的Docker容器并执行bash命令1、情况描述我们会遇见这样一种情况，一个Docker容器执行一段时间后，出错了，这个时候我们需要查看到底是因为什么原因出错。正常情况，我们进入 shell ，然后通过各种命令调试，但是 Docker 的容器一般是后台运行的，所以显然没办法这样做。那么解决方法很简单，进入 Docker 容器，通过容器的 shell 来调试。2、进入容器的...

原创 Docker新手教程（02）创建一个自己的 Docker Image

02、创建一个自己的 Docker Image1、预期目标实现一个 Express 的 Docker Image；使用 Node.js 的 Express 框架，使用最基本的 Demo 即可；2、步骤2.1、先创建一个标准的 Express 项目安装 Express（如果已经安装则略过）npm install -g expressnpm install -g express-...

原创 Docker新手教程（01）安装Docker

01、安装Docker参考文章：Docker 入门教程（阮一峰）1、Centos安装DockerDocker版本：安装版本是CE（社区版）；除了社区版之外，还有EE（企业版）（付费）；系统要求：要求Centos7，不能是测试版；其他系统可以从参考文章里，找对应的系统的安装说明；安装方式：通过 repository 来安装（常规模式）（这里采取）；通过 rpm ...

原创 利用Nginx实现负载均衡（反向代理）完全详解

1、常见负载均衡的方式（概念普及）【1】用户手动选择例如我们玩游戏，服务器会显示当前服务器的状态是拥挤、繁忙、还是空闲，然后用户根据自己实际需要，选择自己想去的服务器。如果服务器人太多（达到上限），则触发排队，比如猪场主推的一些游戏，在刚上线的时候通常都特别火，要排很久，还有戏称阴兵的存在。这个适合用户和用户之间需要交互的情况（且跨服务器之间无法交互，或交互比较麻烦）。【2】DNS解析控...

原创 linux安装nodejs不是最新版本的解决方案（如何安装指定版本nodejs）

遇见问题：执行 yum install nodejs 时，是老版本，而不是新版本。并且变更源无效（示例代码如下，这个是centos装8.x版本的nodejs）curl -sL https://rpm.nodesource.com/setup_8.x | bash -解决方案：执行以下代码：yum remove nodesource-release* nodejsyum clean ...

原创 如何使用虚拟机来运行linux，并通过ftp来访问linux服务器（多图详细教学）

0、前注由于网站限定，故查看各个下载链接、参考文章链接，见github原文（链接在底部）1、下载虚拟机软件使用Oracle VM VirtualBox，优势是开源。进入以下链接【见github原文（链接在底部）】，然后下载：2、安装打开，安装就行，建议不要放在C盘3、新建虚拟机1、新建首先打开 VirtualBox，点击新建，填写虚拟机名字，如下图：2、分配内存点击下一步，...

原创 nginx的安装

参考http://www.nginx.cn/doc/1、安装【1】ububtu平台、centos平台，参考：https://wizardforcel.gitbooks.io/nginx-doc/content/Text/1.3_install.html【2】mac平台：参考：https://www.jianshu.com/p/026d67cc6cb11、先执行，安装homebre...

原创 Java（3）单元测试

如何进行单元测试1、下载、创建 Maven 项目，或将项目转为 Maven 项目参考这篇文章：https://blog.csdn.net/qq20004604/article/details/816131712、开始运行 Maven 项目参考这篇文章：https://blog.csdn.net/qq20004604/article/details/81613240...

原创 Java（2）运行 Maven 项目

前注：假设你已经创建好了 Maven 项目，哪怕是一个空的Maven项目，参照文章：https://mp.csdn.net/postedit/816131711、设置目录如图，设置 src/main/java 为 Sources Root（代码根目录）设置 src/test目录为 Test Sources Root（单元测试根目录）然后同理 src/main/r...

原创 Java（1）创建Maven项目

前注idea 直接创建 Maven 项目方法略，一般来说 idea 里 new Project 然后选择 Maven，一路向下就可以了。这里解决的是将已有项目转为 Maven 项目的问题（记得先备份源代码）。1、下载并配置Maven首先下载 Maven参照：https://blog.csdn.net/qq_32588349/article/details/51461182一...

原创 聊聊React的一些玩法（下：九步玩转React容器组件与展示组件）

3、实战容器组件和展示组件的玩法如果学过 redux 的话，会知道， redux 的思想是容器组件和展示组件分离，容器组件存数据，展示组件秀样式。但是光看不练，恐怕很难理解这种玩法。我在这里，不使用 Redux，而是使用原生的 React，一步一步带着做一个带【两级产品信息（订单级与商品级）】，包含选中产品、选择订单、全选、统计选中信息的功能。为了方便理解，我的逻辑尽量写的清楚明确...

原创 聊聊React的一些玩法（上：工具篇）

1、简化写法我们在写 React 组件时，参考官方文档写法，一要声明 state，二要绑定函数的 this，常规写法如下：class DEMO extends React.Component { constructor() { super(); this.state = { count: 0 }; ...

原创 React-router（11）路由配置

11、路由配置DEMO地址 参考 9.routeConfigTable.js简单来说，就是有一个对象，如下：const RouteConfig = [ { path: 'first', component: First, name: '第一个路由', routes: [ { ...

原创 React-router（10）登录拦截

10、登录拦截DEMO地址 参考 8.needLogin.js登录拦截说起来比较高大上，其实很简单。需要组件：登录功能组件；受保护组件（需要登录后才能访问）；受保护组件的父组件（可选，如果 1 和 2 不是同一个路径，则需要，否则可以不需要）（用于进入受保护组件之前，检查登录信息，不符合要求则跳转到登录组件）；逻辑：（有父组件，登录和受保护组件不是同一个路径）...

原创 React-router（9）重定向

9、重定向DEMO地址 参考 7.redirect.js重定向有两种方式，第一种是通过 <Redirect> 标签实现，第二种是通过编程式导航方式实现。【<Redirect> 标签】<Redirect to={'/default'}/>【编程式导航方式】this.props.history.push('/default'...

原创 React-router（8）Link 标签 to 属性为对象时（路由信息传值）

8、Link 标签 to 属性为对象时（路由信息传值）DEMO地址 参考 6.routeInfo.js在组件里，每个组件的路由数据，都是各自独立的。在之前分析中，已知：match 属性的值，存储的是该 Route 标签的路由；location 属性的值，其中 url 和 path 不同 Route 组件中，值是相同的；但【2】并不准确，准确的说，自带的 has...

原创 React-router（7）path 和 url 的区别

7、path 和 url 的区别在 match 属性中，有 path 和 url 属性，大部分时间他们是一样的，那么区别是什么呢？假如路由匹配路径是 /Params/2/:myParams，实际跳转路径是 /Params/2/1（此时匹配成功）。那么；url：/Params/2/1path：/Params/2/:myParams...

原创 React-router（6）父组件传 【值】 or 【函数】 给子组件

6、父组件传 【值】 or 【函数】 给子组件DEMO地址 参考 5.fromParentComponent.js如果你已经熟悉了前面的内容，会知道以下结论：路由传参是通过 props 传参的；子组件，是写在 Route 标签的 component 属性中的；通过 Route 标签绑定值，是无法将值，从父组件传给子组件的；那怎么办？解决方案也不难，思路如下：...