- 博客(107)
- 收藏
- 关注
RSS订阅原创 （2.2w字）前端单元测试之Jest详解篇
getBy...函数用于当确定元素存在时。如果元素不存在，测试将失败。queryBy...函数用于当元素可能不存在，需要处理这种情况时。findBy...函数用于处理异步逻辑，当需要等待元素出现时。函数用于处理有多个匹配元素的情况。// findByText参数必须是完整的文本，如果是子字符串，需要加上{exact: false}// findByText不管前缀是screen还是container都可以成功describe('测试输入框的校验规则', () => {
2024-02-17 15:04:49
3348
3
原创 如何使用swagger-typescript-api正确生成fetch接口遇到的问题
正确配置本地 ejs 文件（1）api.ejs 和 route-types.ejs 必须要有，否则走源码（2）因为 httpClientType 是 fetch ，所以本次配置走 fetch-http-client.ejs ，所以在此之前要有 http-client.ejs 并且修改路径成为本地是 fetch-http-client.ejs。
2023-12-21 10:58:26
785
原创 createElement
逻辑：回到函数的过程，至此已经知道vm._render是如何创建了一个VNode，接下来就是要把这个 VNode 渲染成一个真实的DOM并渲染出来，这个过程是通过vm._update完成的，接下来分析一下这个过程。Vue.js 利用方法创建VNode，它定义在。
2023-11-28 09:22:56
201
原创 Virtual DOM
vdom是虚拟DOM(Virtual DOM)的简称，指的是用JS模拟的DOM结构，将DOM变化的对比放在JS层来做。换而言之，vdom就是JS对象。整个 VNode 的定义就是一个 class， class 有很多属性，例如tag标签，VNodeData数据是在定义的。VNode 实际上是一个 Tree ，每一个 VNode 都有它的 children ，每一个 children 还是一个数组， children 还有它的 VNode ，整个就构造一个 VNode Tree。
2023-11-21 13:25:18
147
原创 Python项目（NiceGUI+FastAPI+Python3.11）部署到阿里云服务器
本篇文章主要记录了如何将本地运行的python项目部署到阿里云服务器上。
2023-11-11 14:31:52
1405
1
原创 如何解决在vue3+vite项目中加载不了.tga文件的问题
因项目需求所以需要加载 .tga 类型的文件。在 vite.config.js 文件中新增。
2023-06-29 17:17:11
1178
原创 如何将本地python项目部署到阿里云服务器上（完整版）
访问部署的 Python 项目，在浏览器中访问阿里云服务器的公网 IP 地址或域名，即可访问部署的 Python 项目。1、在本地开发文件夹下创建一个 Dockerfile ，用于定义构建 Docker 镜像的配置。（1）打开终端，进入包含 Dockerfile 的项目目录。参数指定容器的端口映射，将容器的80端口映射到主机的81端口。是您在阿里云上创建的 Docker 仓库的名称。（2）将本地镜像上传到 Docker 仓库。2、 在本地构建 Docker 镜像。表示使用当前目录作为上下文构建镜像。
2023-06-12 13:43:35
7695
原创 git撤回上传版本撤多了该如何恢复
下午commit了一个版本，但是因为数据太多push失败，所以打算利用git reset --hard HEAD~撤销commit，修改.gitignore文件再重新push，但是一不小心撤回多了，使得本地代码消失解决方案：git fsck --lost-found：会在本地.git文件夹下出现lost-found/commit文件，里面是上次commit的idgit reset --hard [hash]：将id把hash替换，然后代码就恢复原状了。（但是在.gitignore记录的文件夹不会恢复）
2022-05-07 21:03:17
1227
原创 Vue实例挂载的实现
问题：src/core/instance/init.js的$mount是从哪来的？关键词：$mount、el、render、template逻辑：mountComponent会完成整个渲染工作，最核心的2个方法：vm._render和vm._update。Vue实例挂载的实现也就是执行vm.$mount方法做了那些事情？以 Runtime + Compiler 版的 vue.js 为例，所以入口文件为src/platforms/web/entry-runtime-with-compiler.js
2022-05-05 19:43:02
576
原创 解决computed属性与input的blur事件冲突问题
背景：搜索框在首页和搜索页复用，需要将首页的搜索内容传到搜索页并显示在搜索框内。传送方式是通过在this.$router.push方法中加query字段。<template> <div class="index-container"> <a-input-search class="input-shape" v-model="searchInfo" placeholder="Search" @search="searc
2022-04-15 22:01:20
674
原创 new Vue发生了什么
关键词：当执行new Vue时，实际上是执行了_init方法。_init方法会做一堆初始化工作，首先是对options的合并，然后是一系列 init 方法，对data进行proxy处理和响应式处理observe，最后调用$mount做挂载。new Vue发生了什么从入口代码开始分析，new Vue背后发生了哪些事情。入口代码文件src/core/instance/index.js(Vue 定义)Vue 实际上就是function实现的class，执行new Vue的时候执行了function，然后执
2022-03-02 22:11:06
1929
原创 pandas练习：多个Excel 按照索引匹配 数据覆盖
笔记：import numpy as npimport pandas as pd# .columns.tolist() : 返回列名数组（如果列名不在同一行，即换行，则说明下面一行的列名在数据里面）【正常情况下即使数据再多，列名都在同一行，都不会换行】# index_col=0 : 作为索引的列会从.columns.tolist()中消失，即该列名换行成为数据的一部分homework = pd.read_excel('hw2.xlsx', skiprows=[0, 1], usecols=[1,
2022-01-20 14:37:58
530
原创 UDP 和 TCP
UDP 和 TCPUDP ：用户数据报协议（User Datagram Protocol）TCP ：传输控制协议（Transmission Control Protocol）UDP 和 TCP 是TCP /IP体系结构运输层中的两个重要协议。在使用 TCP /IP体系结构的网络通信中，这两个协议的使用频率仅次于网际层的 IP 协议。 TCP /IP体系结构应用层的某些协议，需要使用运输层 TCP 提供的服务，而另一些协议需要使用运输层的 UDP 提供的服务。UDP 和 TCP的对比1、关于面向连
2021-12-30 21:03:54
1512
原创 Docker学习
Docker 概念Docker本身并不是容器，它是创建容器的工具，是应用容器引擎。项目添加 Dockerfile 文件生成镜像，通过运行镜像文件生成容器，项目在容器中运行，镜像文件保存在仓库中，也可以从docker hub中拉取所需要的镜像。Docker 中有三个核心概念：镜像（Image）、容器（Container）、仓库（Repository）。镜像：Docker 把应用程序及其依赖，打包在 image 文件里面。只有通过这个文件，才能生成 Docker 容器。image 文件可以看作是容器
2021-12-14 14:23:10
1449
1
原创 Docker容器以ubuntu为基础镜像cmd命令安装Anaconda3
Microsoft Windows [版本 10.0.19043.1348](c) Microsoft Corporation。保留所有权利。C:\Users\admin>docker imagesREPOSITORY TAG IMAGE ID CREATED SIZEubuntu 18.04 5a214d77f5d7 2 months ago 63.1MBC:\Users\
2021-12-13 18:00:57
1476
原创 Vue.js 源码构建
目录很重要Vue.js 源码构建Vue 用 Rollup 做构建构建脚本构建过程（1）定义依赖的模块（2）从`config.js`配置文件中拿到构建所需要的所有的配置`builds``entry`和`dest``format``banner``genConfig()`（3）对配置进行过滤，过滤掉我们不需要的，就剩下我们需要编译的这样就可以构建出不同用途的 Vue.js 了（4）调用`build()`函数做真正的构建过程关键词：看住build.js文件 定义依赖 拿到配置 进行筛选 进行构建Vue.js
2021-11-28 12:52:56
800
原创 解决“easy_install : 无法将“easy_install”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。”问题
pip config set global.index-url https://pypi.tuna.tsinghua.edu.cn/simpleWriting to C:\Users\DELL\AppData\Roaming\pip\pip.inipip install pip -UERROR: Could not install packages due to an OSError: [WinError 5] 拒绝访问。: ‘d:\anaconda3\scripts\pip.exe’
2021-10-24 22:20:03
3510
原创 Word2Vec之CBOW详解
一、CBOW分为输入层 Input layer 、隐藏层 Hidden layer 、输出层 Output layer 。输入层Input layer输入的是 One-hot 编码的 vector 。什么是 One-hot 编码？One-hot 编码是将句子变成向量的过程。举个例子，一个 corpus （语料库）为“ I drink coffee everyday ”。假设将单词放入数组 str ，则该数组 str 长度为4， vector 也就是4维向量。str[0]=“I”，str[1]=“d
2021-10-23 14:29:02
8731
9
原创 解决Collecting package metadata (current_repodata.json): failed问题
在进行conda create -n SentimentalAnalysis python=3.6安装的时候报了Collecting package metadata (current_repodata.json): failed问题解决方法：关掉vpn即可
2021-10-19 21:24:20
1587
1
原创 解决window10遇到的Support for password authentication was removed on August 13, 2021.
从8月13日起GitHub不再支持密码验证remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead.remote: Please see https://github.blog/2020-12-15-token-authentication-requirements-for-git-operations/ for more
2021-08-17 14:35:16
1315
1
原创 import vue经历了哪些完成初始化过程
import vue经历了哪些完成初始化过程1-5提到的Vue.js源码构建过程在web应用下，分析的是Runtime+Compiler构建出来的Vue.js，它的入口是src/platforms/web/entry-runtime-with-compiler.js1、entry-runtime-with-compiler.js文件解析最终导出的是vue对象export default Vuevue是通过import导入import Vue from './runtime/index'然后
2021-08-10 19:31:35
256
原创 Chrome 黑暗模式
1、打开 Google Chrome，在地址栏中输入“chrome://flags”，回车，进入实验性功能页面；2、在搜索框中搜索“Force Dark Mode for Web Contents”；3、点击“Force Dark Mode for Web Contents”后面的按钮，选择【Enabled】；4、点击右下角的【Relaunch】按钮，重启浏览器，开启黑暗模式。方法二：使用浏览器插件 Dark Mode 开启黑暗模式1、在第三方插件网站“Extfans”上下载插件“Dar
2021-07-27 08:43:45
279
原创 李宏毅self-attention学习
bert是unsupervise train的transformer，transformer是Seq2seq model（补），transformer特殊的地方就是在Seq2seq model中用到了大量的self-attention layer。self-attention layer 做的是什么背景RNN要处理一个sequence，最常想到要拿来用的network架构就是RNN（补），RNN的输入就是一串sequence，输出又是另外一串sequence，RNN的问题是不容易被并行化。CNN
2021-07-11 12:23:25
206
1
原创 李宏毅BERT部分学习
BERTBERT是Bidirectional Encoder Representation from Transformers的缩写，BERT是transformer的encoder。BERT里面只需要搜集一大堆的句子，不需要有annotation就可以把encoder给tran出来。总而言之，BERT的功能就是一个句子丢进去给BERT，然后每一个句子都会吐一个出来embedding出来就结束了。BERT的Network架构是跟transformer的encoder架构是一样的，transformer的e
2021-07-09 23:51:37
281
3
原创 Git各种报错解决集合
10054Git报错解决：fatal: unable to access ‘https://github.com/…‘: OpenSSL SSL_read: Connection was reset443: Timed outFailed to connect to github.com port 443: Timed out(Windows)
2021-06-17 13:25:15
199
原创 element ui+vue实现dialog关闭主页数据更新
vuexsceneState.js文件import { apiCommon } from "api-core";const state = { sceneGroupList: []};const mutations = { GET_SCENE_GROUP_DATA: (state, sceneGroupList) => { state.sceneGroupList = sceneGroupList; }};const actions = { async getS
2021-06-02 17:17:38
1040
原创 渐变button
弧形边框和字都渐变的button<div class="border"> <div class="content"> 全部 </div></div>.border { display: inline-block; border-radius: 16px; margin: 0 10px; padding: 2px; // 重点 background-image: linear-gradient(#3b3c45,
2021-05-28 14:55:46
338
原创 canvas
canvas在使用时有一个问题就是它一直浮于顶层，当我们想要对被canvas覆盖的div进行操作时，一般的z-index是不起作用的，于是我们可以对canvas设置pointer-events:none样式。<canvas id="myCanvas" style="pointer-events:none"></canvas>...
2021-05-24 09:05:00
475
原创 pytorch安装配置详细过程
安装Anaconda1、在Anaconda官网下载安装包1）选择并记住安装路径2）两个都要勾选3）去掉两个默认勾选的选项2、在cmd中输入conda，出现如下界面代表安装成功显卡配置1、打开任务管理器–>性能–>GPU，查看是否有NVIDIA。如果未显示NVIDIA，可以使用驱动人生或者去官网下载。2、在cmd中输入nvidia-smi，会出现如下场景解决方案：在环境变量–>系统变量–>path中我将C:\Program Files\NVIDIA Co
2021-05-16 17:00:53
2294
2
原创 解决element ui的dialog在vue项目中updated()生命周期过早执行的问题
问题在最近的项目中，发现dialog的updated()函数在未打开dialog时就已经执行，在打开dialog后则不会再执行原因因为dialog在的关闭是通过设置style:"display:none;"来进行隐藏，所以当主页中发生变化时（因为我dialog中的数据与主页数据相关），dialog就已经执行updated（）函数了解决方案在dialog外层套上一个div并且设置v-if判断语句<div v-if="enlarge"> <el-dialog :visible.
2021-05-14 10:05:05
1051
原创 记录GitHub的学习（一）
Git安装超详细Git 安装教程(Windows)如何将一个完整的项目直接上传到GitHub空仓库中git remote add origin https://github.com/用户名/仓库名.gitgit branch -M maingit push -u origin main删除旧仓库，将旧仓库的代码上传到新仓库中git remote set-url origin git@github.com:用户名/仓库名.gitgit remote add origin https://gi
2021-05-09 14:47:44
107
原创 如何解决vscode格式化代码与eslint冲突（附上在vscode中webpack项目安装eslint步骤）
问题我们在利用vue新建一个webpack时，会选择安装eslint来检验代码格式是否标准。但是通常我们的格式化代码的插件（例如Beautify，Vetur，Prettier - Code formatter）会和eslint发生冲突，经常会发生下列错误：这是我们新建项目时的代码格式当利用Vetur格式化代码，发现’变成"，多增加了;，多增加了,利用Prettier - Code formatter时，也会增加;解决方案：使用插件Prettier ESLint，它可以使我们的代码格式化，
2021-04-22 22:48:53
3293
1
原创 解决! [rejected] master -＞ master (fetch first)
在提交一个很久没有更新过的项目时，遇到了下面这个问题! [rejected] master -> master (fetch first)error: failed to push some refs to ‘https://github.com/faimi/my-react.git’hint: Updates were rejected because the remote contains work that you dohint: not have locally. Th
2021-04-14 15:23:39
243
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人