- 博客(109)
- 收藏
- 关注
原创 【万字详解】如何在微信小程序的 Taro 框架中设置静态图片 assets/image 的 Base64 转换上限值
mini中提供了和。和服务于 Taro 的 MiniWebpackModule.js , 值的写法要。服务于 postcss-url 的 inline.js , 值的写法要()KB。关于为什么limit和maxSize的写法不同?limit在使用时是判断limit和2 * 1024的值:;maxSize在使用时是判断maxSize和0,再乘以1024;所以在配置时要注意区分。最实用的配置:不使用 postcss 插件,通过 Taro 提供的来设置转换上限值。
2024-11-06 10:59:06 1234
原创 taro微信小程序assets静态图片不被编译成base64
taro 的微信小程序项目,不希望把在样式文件( css 、 less 、 scss )中引入的 assets/images 文件夹下的图片编译成 base64。
2024-10-25 11:38:10 469
原创 (2.2w字)前端单元测试之Jest详解篇
getBy...函数用于当确定元素存在时。如果元素不存在,测试将失败。queryBy...函数用于当元素可能不存在,需要处理这种情况时。findBy...函数用于处理异步逻辑,当需要等待元素出现时。函数用于处理有多个匹配元素的情况。// findByText参数必须是完整的文本,如果是子字符串,需要加上{exact: false}// findByText不管前缀是screen还是container都可以成功describe('测试输入框的校验规则', () => {
2024-02-17 15:04:49 3575 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 878
原创 createElement
逻辑:回到函数的过程,至此已经知道vm._render是如何创建了一个VNode,接下来就是要把这个 VNode 渲染成一个真实的DOM并渲染出来,这个过程是通过vm._update完成的,接下来分析一下这个过程。Vue.js 利用方法创建VNode,它定义在。
2023-11-28 09:22:56 253
原创 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 155
原创 Python项目(NiceGUI+FastAPI+Python3.11)部署到阿里云服务器
本篇文章主要记录了如何将本地运行的python项目部署到阿里云服务器上。
2023-11-11 14:31:52 1566 1
原创 如何解决在vue3+vite项目中加载不了.tga文件的问题
因项目需求所以需要加载 .tga 类型的文件。在 vite.config.js 文件中新增。
2023-06-29 17:17:11 1237
原创 如何将本地python项目部署到阿里云服务器上(完整版)
访问部署的 Python 项目,在浏览器中访问阿里云服务器的公网 IP 地址或域名,即可访问部署的 Python 项目。1、在本地开发文件夹下创建一个 Dockerfile ,用于定义构建 Docker 镜像的配置。(1)打开终端,进入包含 Dockerfile 的项目目录。参数指定容器的端口映射,将容器的80端口映射到主机的81端口。是您在阿里云上创建的 Docker 仓库的名称。(2)将本地镜像上传到 Docker 仓库。2、 在本地构建 Docker 镜像。表示使用当前目录作为上下文构建镜像。
2023-06-12 13:43:35 8415
原创 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 1254
原创 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 595
原创 解决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 696
原创 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 1953
原创 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 548
原创 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 1531
原创 Docker学习
Docker 概念Docker本身并不是容器,它是创建容器的工具,是应用容器引擎。项目添加 Dockerfile 文件生成镜像,通过运行镜像文件生成容器,项目在容器中运行,镜像文件保存在仓库中,也可以从docker hub中拉取所需要的镜像。Docker 中有三个核心概念:镜像(Image)、容器(Container)、仓库(Repository)。镜像:Docker 把应用程序及其依赖,打包在 image 文件里面。只有通过这个文件,才能生成 Docker 容器。image 文件可以看作是容器
2021-12-14 14:23:10 1469 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 1494
原创 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 832
原创 解决“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 3593
原创 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 8977 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 1601 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 1337 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 269
原创 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 301
原创 李宏毅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 222 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 304 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 210
原创 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 1056
原创 渐变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 379
原创 canvas
canvas在使用时有一个问题就是它一直浮于顶层,当我们想要对被canvas覆盖的div进行操作时,一般的z-index是不起作用的,于是我们可以对canvas设置pointer-events:none样式。<canvas id="myCanvas" style="pointer-events:none"></canvas>...
2021-05-24 09:05:00 514
原创 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 2351 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 1084
原创 记录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 119
原创 如何解决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 3403 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人