wuqing942274053的专栏

的整体结构和一些使用概念，就布局方式而言它和前端非常相像，我觉得它最大的好处是可以同时展示桌面端和web端，既可以在本机使用，也可以让别人通过网页使用类似桌面端的程序，一举两得，满足了更多的需求，而且如果我们仅把它作为一个web服务器来使用，部署起来也是非常的方便，下一次我们介绍更多的基础组件。这里我们先创建了三个控件，两个输入框控件，一个列容器控件，我们在按钮的点击事件中，把名称设置给。的引用，对于实际的组件以及组件的属性这里是不关心的，采用这种方式，我们就可以把控件的引用和页面布局都集中在一起。

使用环境IP地址端口所属服务10.10.9.2083000Gitea网页管理服务10.10.9.2082222SSH、HTTP下载代码服务10.10.9.2087500Drone-Server服务10.10.9.2083100Drone-RunnerGitea简介Gitea 是一个开源社区驱动的轻量级代码托管解决方案，后端采用 Go 编写，采用 MIT 许可证，它是从Gogs发展而来的，因为Gogs由单一管理者做决定，因此诞生了G

上一篇我们讲到了怎么在OpenDataV中添加自己的组件，为了让大家更快的上手我们的平台，这一次针对自定义属性编辑，我们再来加一篇说明。我们先来看一下OpenDataV中的属性编辑功能。20221001202917当我们拖动一个组件到画布中以后，点击组件，在页面的右侧就出现了对应的属性编辑。在上一篇新增组件的文章中我们有一个配置文件config.ts，配置了组件的样式和属性修改，其中对于每一项配置我们设置了类型FormType，就像如下：目前我们的FormType只支持几种固定的方式，这里所配置的类

OpenDataV计划采用子库的方式添加子组件，即每一个组件都当做一个子库，子库有自己的依赖，而项目本身的依赖只针对框架，因此每一个组件我们都当做一个子库来开发。下面我带着大家一步步详细的开发一个数字展示组件。创建组件目录和文件进入组件库目录下所有的可拖拽组件都存放在src/resource/components目录下cd src/resource/components根据组件名称创建目录默认组件目录是以组件的名称命名，当然也可以根据自己的要求命名，组件可以放在components

很多组件库都使用了TSX的方式开发，主要因为其灵活性比较高，TSX和SFC开发的优缺点就不介绍了，这里主要说一下将SFC项目改造为TSX的过程。安装JSX库pnpm install @vitejs/plugin-vue-jsx -D安装完之后在vite.config.ts进行插件使用，代码如下：import { defineConfig } from "vite";import vue from&nb

在使用DRF的时候，通常的文档有：默认文档RestFrameWork、CoreAPI、Swagger，Swagger是最流行的API文档库，在绝大多数服务端开发中都有用到，之前我们使用了CoreAPI来生成文档，一方面是它不够流行，没办法和其他工具结合，另一方面可能是我不熟悉，所有有些接口并不能按照我们的要求来使用。因此我选择使用Swagger文档，之前使用过drf-yasg，但是drf-yasg现在还不支持OpenAPI 3.0，而drf-yasg的官方为我们推荐了另一个库：drf-spectacular

目前这个项目还只是一个BETA版的，官方文档也不够完善，但是用来开发一些基础的软件还是没问题的。尤其是基于Flutter，不需要像Electron一样打包chromium内核进去。等后期接入多种语言后，将会给很多很多程序员提供一个优秀的跨平台开发方式，不用像Electron和Flutter一样需要特定的开发语言才能上手，期待它更加完善。

怎么把一个对象当做数组使用？我们知道在JS中对象和数组的操作方式是不一样的，但是我们可以通过封装，给对象加一层包装器，让它可以和数组拥有同样的使用方式。我们主要借助Object.keys()、Object.values()、Object.entries()、Proxy。Object.keys看一下MDN上的解释：Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致。也就是Object.keys可以获取对象

布尔陷阱以及如何避免布尔陷阱什么是布尔陷阱？布尔陷阱 当一个布尔型变量在表达某种意思存在歧义的时候，我们称之为布尔陷阱。通常最常见的布尔陷阱示例是一个接收布尔参数的函数。我们以下面的例子为例，解释什么是布尔陷阱：// What does `false` stand for?results.reload(false);// What does `true` stand for?const u

最近公司服务器网络出现了问题，现象就是有台主机不能访问某个网段的机器，无法ping通。原因是在启动docker容器的时候突然断开连接，然后就连接不上了。服务器网段是100.10.x.x，被访问机器是172.17.x.x。后来琢磨可能是docker网桥导致主机路由表异常，定位了一下，果然如此，那么解决方法就很简单了。大概解释一下，docker安装以后会在主机上创建一个虚拟网卡-docker0，而我们启动的容器host网络以外，其他的都是通过docker0这个虚拟网卡经过物理网卡与外部通信的。这个虚拟网卡本身

在electron中进程使用ipcMain和模块，通过开发人员定义的“通道”传递消息来进行通信。新的版本中electron推荐使用上下文隔离渲染器进程进行通信，这种方式的好处是无需在渲染进程中直接使用发送消息，这种在渲染进程中调用nodejs对象的方法对于渲染进程有侵入性。当我们使用vue或者其他前端框架开发界面时，上下文隔离方式使用起来更加方便，基本上感受不到electron对前端框架的影响。...

在electron中进行使用ipcMain和ipcRenderer模块，通过开发人员定义的“通道”传递消息来进行通信。新的版本中electron推荐使用上下文隔离渲染器进程进行通信，这种方式的好处是无需在渲染进程中直接使用ipcRenderer发送消息，这种在渲染进程中调用nodejs对象的方法对于渲染进程有侵入性。当我们使用vue或者其他前端框架开发界面时，上下文隔离方式使用起来更加方便，基本上感受不到electron对前端框架的影响。...

Airtest是网易出品的一款基于图像识别和poco控件识别的一款UI自动化测试工具。Airtest的框架是网易团队自己开发的一个图像识别框架，这个框架的祖宗就是一种新颖的图形脚本语言Sikuli。Sikuli这个框架的原理是这样的，计算机用户不需要一行行的去写代码，而是用屏幕截屏的方式，用截出来的图形摆列组合成神器的程序，这是Airtest的一部分。  另外，Airtest也基于poco这个U控...

在进行APP爬虫开发的时候，我们一般是通过手机连接PC端代理上网，进行抓包分析，那么以这种方式抓包的时候就需要在手机端进行对应的操作，但是我们不可能一直通过手动去操作手机进行抓包，所以要使用adb这种Android开发命令的方式进行操作。但是现在很多手机权限控制比较严密，直接连接真机有很多操作是不支持的，所以就必须用到模拟器。很庆幸安卓模拟器有很多种，下面我们就介绍一下APP爬虫开发环境的简单搭建...

前面我们介绍了APP爬虫环境的搭建和mitmproxy工具的简单使用，这次我们要来一个简单的APP爬虫，尝试一下APP爬虫的简单实用，顺便让我们看看喜马拉雅上的主播到底有多赚钱。APP爬虫一般分为两种方式，一种是直接分析破解应用的API，模拟API访问获取数据，另一种是设置代理，采用自动化操作，通过mitmproxy进行数据抓取。分析API接口这种方式爬取速度最快，但是分为初级和高级，初级是...

二维码又称二维条码，常见的二维码为QR Code，QR全称Quick Response，是一个近几年来移动设备上超流行的一种编码方式，它比传统的Bar Code条形码能存更多的信息，也能表示更多的数据类型。如果我们在进行内容分享的时候，直接发给对方一个二维码或者在自己网站上展示二维码，是不是显得比较有逼格。下面我们就教大家怎么使用Python生成二维码并在网站上进行展示。安装库pip in...

二维码又称二维条码，常见的二维码为QR Code，QR全称Quick Response，是一个近几年来移动设备上超流行的一种编码方式，它比传统的Bar Code条形码能存更多的信息，也能表示更多的数据类型。如果我们在进行内容分享的时候，直接发给对方一个二维码或者在自己网站上展示二维码，是不是显得比较有逼格。下面我们就教大家怎么使用Python生成二维码并在网站上进行展示。安装库pip in...

什么是CSRF浏览器在发送请求的时候，会自动带上当前域名对应的cookie内容，发送给服务端，不管这个请求是来源A网站还是其它网站，只要请求的是A网站的链接，就会带上A网站的cookie。浏览器的同源策略并不能阻止CSRF攻击，因为浏览器不会停止js发送请求到服务端，只是在必要的时候拦截了响应的内容。或者说浏览器收到响应之前它不知道该不该拒绝。攻击过程用户登陆A网站后，攻击者自己开发一个B网...

在pandas中怎么样实现类似mysql查找语句的功能：select * from table where column_name = some_value;pandas中获取数据的有以下几种方法：布尔索引位置索引标签索引使用API假设数据如下:import pandas as pdimport numpy as npdf = pd.DataFrame({'A': ...

看这篇文章之前大家可以先看下我的上一篇文章：cookies详解本篇我们就针对上一篇来说一下cookies的基本应用使用selenium模拟登陆百度```pythonfrom selenium import webdriverfrom selenium.webdriver.common.by import Byfrom selenium.webdriver.support.wait im...