H_xiang_xiang的博客

原创 module ‘pip‘ has no attribute ‘pep425tags‘问题解决方案

查看pip支持的文件名和版本

原创 由于找不到VCRUNTIME140_1.dll，无法继续执行代码。重新安装程序可能会解决此问题。

手动下载dllhttps://cn.dll-files.com/download/3b22b2ec303b0721827dd768c87df6ed/vcruntime140_1.dll.html?c=UURTMGQ1UGEwcU80N2ZuYndmV3Q3dz09放到 C:\Windows\System32 目录

原创 Anaconda安装记录

文章目录镜像下载安装配置环境变量测试安装成功常用指令镜像下载https://mirrors.tuna.tsinghua.edu.cn/anaconda/archive/安装配置环境变量此电脑——属性——高级系统设置——环境变量——path——新建测试安装成功常用指令显示版本：conda --version或 conda -V，两条横线表示全拼，一条横线表示简写更新版本：conda update conda环境命令：创建环境 conda create --name 环境名

原创 关于cookie和session的一些思路整理

首先cookie和session都是用来记录信息的。这些信息记录工具的产生，是因为：HTTP协议是无状态的。Web应用程序是使用HTTP协议传输的，客户端请求+服务端响应 就形成一次会话。而HTTP协议的无状态性意味着，我一次请求和响应结束之后，下一次请求会重新建立连接，而服务器没法从这次的HTTP请求里得知之前的会话发生了什么。比如我上一次会话的时候把一件商品放入了购物车，等下一次我再登录的时候，购物车里就没商品了，这样可不行，所以要采取办法跟踪会话。Cookie机制cookie是客户端访问服务器之

原创 实现一个hash路由，以及history路由

先验最近在看vue-router源码，先了解一下两种前端路由模式的具体实现。hash路由：监听url的hash部分变化，渲染相应组件hash路由的变化需要监听hashchange事件，事件对象里有oldURL、newURL属性表示变化前后的urlwindow.addEventListener("hashchange", function (e) { console.log(e.oldURL, e.newURL);})封装一个函数，从获得的url里面，需要提取出hash部分functi

原创 require.ensure简单理解

所有 js模块 打包成一个 bundle.js 太大了，可以把某些 js模块 单独打包，等要用到的时候，webpack 自动创建 script 标签去请求这个js文件require.ensurerequire.ensure( [], // 依赖 () => {// 回调函数，在这里按需引入模块和处理逻辑 require('@/components/home') }, 'demo') // webpackChunk名，同名的打包进同个bundle}

原创 vue生命周期-跟着源码学vue

原创 正则表达式必知必会笔记

原创 原生JS实现文件上传和监视上传进度（实现进度条）

实现结果小demo地址：https://gitee.com/huangxx678/fileuploadbar.git立个Flag：等我好好学完后端再重新写个完整的 ^ _ ^先验知识点MDN:FormDataFormData 接口可以把表单数据构造成键值对，然后通过 XMLHttpRequest.send() 发送。MDN:XMLHttpRequestprogress 事件，监测传输进度，e.lengthComputable 表示当前传输文件的长度是否可知，e.loaded 表示已经传输的字

原创 原生js实现懒加载中判断元素出现在可视区域的一种方式，封装函数：获取当前元素距离html文档顶部距离

懒加载延迟加载，等内容进入可视区域了再去加载资源如何判断元素出现在可视区域？1）获取被监视的元素到页面顶部的距离 element.offsetTop （前提：没有定位的祖先）2）获取页面垂直滚动的距离 window.pageYOffset3）获取可视区域高度 window.innerHeight4）当 element.offsetTop - window.pageYOffset < window.innerHeight 即为元素出现在可视区域获取元素到页面顶部的距离 elem

原创 Function和Object之间的原型链关系

原创 CSS堆叠顺序图形化理解、z-index细节

结果文字说明

原创 一个DOM元素绑定多个事件时，先执行冒泡还是捕获

答案是：先执行捕获看到一些说法称 “绑定在被点击元素的事件是按照代码顺序发生”，实际测试了一下，被点击元素的事件也是先捕获、后冒泡<div id="s1">s1</div><script> s1.addEventListener("click", function(e) { console.log("s1 冒泡"); }, false); //冒泡 s1.addEventListener("clic

原创 URL中的hash一些相关内容

#的含义#代表网页中的一个位置，#后面的内容是这个位置的标识符。页面中设置锚点就是这个原理，点击链接会跳转到#指定的区域<a href="#content">跳转到content区域</a>...<div id="content">...</div>单页面应用也使用 # 切换页面中的组件，比如 vue 利用 vue-router，点击链接在 router-view 区域显示content组件<router-link to="#/conte

原创 github或gitee上传的md文件，目录[toc]无效

vscode安装 Markdown All in One 插件光标定在md文件中需要需要生成目录的位置，Ctrl+Shift+P 快捷键，输入 markdown all in one:update table of contents，选择更新目录项，自动生成目录。

原创 webpack中的publicPath理解

文章目录output.pathoutput.publicPathwebpack-dev-server配置项中的publicPath路径问题衍生出的引用问题记录一下自己用webpack打包过程中遇到的三个路径问题：分别是output.path、output.publicPath、webpack-dev-server配置项中的publicPathoutput.pathoutput.path指定了webpack打包的总出口，是打包出来的所有文件在硬盘中的存储位置，是一个绝对路径。通常配置如下，即 打包出来的

原创 webpack打包发布中的图片路径问题记录：报错图片找不到、打包路径下没有生成images文件夹或少打包图片、打包之后打开页面img标签src=“[object Module]“

文章目录报错图片找不到打包路径下没有生成images文件夹或少打包图片打包之后打开页面img标签src="[object Module]"最终打包结果结构报错图片找不到原本配置：我在 development 模式下测试的时候，是把主页 index.html 和 bundle.js 都放在虚拟内存中，即通过http://localhost:port/就可以直接访问还在使用webpack-dev-server的时候设置了 –content-base src ，也就是说静态资源的根目录是 src所

原创 mui的numbox组件使用相关问题：动态改变数据框上限值

在项目中使用mui框架的NumBox组件作为子组件 NumBox.vue，在页面中引入子组件并注册、使用。数据说明：这个页面是某个商品的详细信息，数据是父组件中通过ajax获得的，存放在 goodsinfo 对象里，其中 goodsinfo.stock_quantity 是库存数量。原NumBox组件中，数量框中最大数量是定死的现在希望这个数量框的上限是根据库存来的一种此处不可行的方案用父组件向子组件传值，把父组件中的 goodsinfo.stock_quantity ，通过 max 传递给

原创 vue-preview实现缩略图踩坑记录：Property or method “$preview“ is not defined 用不了、无法修改图片样式

基本配置1、下载npm i vue-preview -S　2、在index.js中引入并安装import VuePreview from'vue-preview'Vue.use(VuePreview) 3、 如果是按照早几年的视频教学方法，会在页面中引入以下标签<img class="preview-img" v-for="(item, index) in list" :src="item.src" height="100" @click="$preview.open(index,

原创 webpack 4移除严格模式，解决引入mui.js报错

想用MUI的滑动组件，引入了 mui.js 报严格模式相关的错，因为组件里面有不严格模式，用而webpack打包默认使用严格模式，所以需要取消webpack的严格模式（毕竟把第三方组件改成严格模式更麻烦）报错信息解决办法下载@babel/plugin-transform-modules-commonjs 、 @babel/plugin-transform-strict-modenpm install -D @babel/plugin-transform-modules-commonjs @b

原创 webpack中使用 async/await 所需的配置

下载所需babelnpm install -D @babel/plugin-transform-runtimenpm install -D @babel/plugin-transform-regenerator.babelrc配置文件里添加这两个插件{ "presets": [ ["@babel/preset-env", { modules: false }] ], "plugins": [ "@babel/plugin-transf.

原创 webpack-dev-server自动打开chrome浏览器的方式

不做 chrome配置的话，自动打开Edge浏览器按如下配置指令..."scripts": { "dev": "webpack-dev-server --progress --open chrome --port 8888 --content-base src", },...–progress --open chrome：自动打开chrome–port 8888：自定义端口–content-base src：设置打开位置...

原创 webpack 4之css文件单独打包以及压缩

我使用的webpack版本是 “webpack”: “^5.38.1”,，webpack 4之后有很多东西用法发生了变化，在此简单记录使用中出现过的问题。用 style-loader 使用 style 标签将样式插入到页面中以下两部分一般同时用抽离css文件为了把css样式拎出来作为一个.css文件npm install -D mini-css-extract-pluginconst MiniCssExtractPlugin = require('mini-css-extract-pl

原创 webpack 4之js文件压缩

我使用的webpack版本是 “webpack”: “^5.38.1”,，webpack 4之后有很多东西用法发生了变化，在此简单记录使用中出现过的问题。npm install -D uglifyjs-webpack-plugin这篇可以和上一篇使用vendors分离第三方模块结合起来 const UglifyJsPlugin = require('uglifyjs-webpack-plugin'); module.exports = { entry: { app: './s

原创 webpack 4之vendors 提取第三方模块

我试用的webpack版本是 “webpack”: “^5.38.1”,，webpack 4之后有很多东西用法发生了变化，现查现用把。需要把第三方模块单独拎出来打包成一个js文件，在webpack生产环境中配置：// webpack.publish.config.jsmodule.exports = { entry: { app: './src/index.js', // 项目主入口文件 vendors: ['jquery'] // 分离第三方模块 }, output:

原创 webpack 4之clean-webpack-plugin插件实现重新打包前自动清空dist文件夹

我试用的webpack版本是 “webpack”: “^5.38.1”,，webpack 4之后有很多东西用法发生了变化，现查现用把。下载插件：npm install -D clean-webpack-pluginwebpack生产环境配置// webpack.publish.config.js const {CleanWebpackPlugin} = require('clean-webpack-plugin') module.exports = { ... plugin

原创 webpack插件使用报错：CleanWebpackPlugin is not a constructor

用 clean-webpack-plugin 插件，在每次发布之前先把dist老文件清空npm install -D clean-webpack-pluginpackage.json 简化打包指令“scripts”:{ "pub": "webpack --config webpack.publish.config.js"}webpack.publish.config.js 错误配置const CleanWebpackPlugin = require('clean-webpack-plug

原创 如何使用vscode的终端（保姆级）

1、装 Code Runner 插件2、顶部工具栏 终端->新终端->选择当前工作文件夹3、搞一个输出测试一下（右键->run code），ok4、咦，终端为何如此5、找到vs程序图标，右键->属性->目标这一栏末尾 一个空格之后 追加 --disable - gpu6、重启vscode，okk！...

原创 webpack配置出错：Error: Cannot find module ‘webpack-cli/bin/config-yargs‘

出现这个问题请移步这里

原创 webpack基础配置和恼人的版本坑！

通过一个小小小的项目来走一遍webpack最最基础的流程吧！文章目录项目目录基本配置打包热更新Error: Cannot find module 'webpack-cli/bin/config-yargs'项目目录 root |__dist | |__bundle.js |__src | |__images | |__css | |__js | |__main.js | |__index.html |__webpack.config.j

原创 mouseout和mouseleave

mouseout：有冒泡机制，鼠标从father进入内部子元素son区域算mouseout，离开内部子元素son区域到father也算mouseout（相对子元素的离开行为冒泡到了父元素身上），离开father也算mouseoutmouseleave：没有冒泡，一旦进入father，就可以在里面自由活动，只有离开father本身才算mouseleave...

原创 安装LaTex——一起来优雅地写论文鸭

一、下载安装包：链接或者使用我上传的资源：网盘链接 码：u72a二、解压.iso镜像文件。再以管理员身份运行.bat文件。记得要修改安装路径（避免装在C盘，运行比较占），路径避免出现中文和符号。接下来只要等着就行了。（我等了好久。。。。三、测试...

原创 Excel文件批量删除指定行或列

批量修改一个文件夹下的Excel文件的指定行或列，这个只能修改后缀名为.xlsx的文件。from openpyxl import *import ospath = "存放Excel文件的文件夹路径"filenames = os.listdir(path)for filename in filenames: print(filename) single_path=path+"\\"+filename wb = load_workbook(single_path) w

原创 python批量修改Excel文件后缀csv为xlsx

可以实现功能，转换后的文件可能有字体被加粗之类的问题，转换后需要检查一下。csv_xlsx.pyimport osimport pandas as pddef csv_to_excel(readpath,savepath): for dirpath,dirnames,filenames in os.walk(readpath): for filename in filenames: (purefilename, extension) = os.path.splitext(filena

原创 Windows服务器安装mysql：找不到MSVCR120.dll,无法继续执行代码、模块已加载但找不到入口点、无法安装.NET Framework 3.5等问题

今天为了在windows服务器上安装mysql，又回看了之前的安装博文（免安装版MySQL5.7详细安装配置流程以及注意事项），遇到了新问题，在这里记录一下，希望可以帮到有相同问题的朋友。问题一在mysql解压后bin路径下执行mysqld install失败，提示由于找不到：解决方法：我从另外的电脑上拷贝了这个dll模块（或者在网上下载），放进了C:\Windows\System32以及C:\Windows\SysWOW64路径下(具体放到哪个路径下和系统有关，我为了省事儿两个文件夹下都放了)，试

原创 bootstrap模态框插件-弹出框变暗问题

使用bootstrap模态框插件出现弹出框和背景一起变暗的问题。看起来就像弹出框被遮在了mask下面，考虑z-index优先级关系。可以看到遮罩层.modal-backdrop的z-index: 1040;解决办法：设置.modal-dialog { z-index: 10000!important;}修改完成：...

原创 模拟淘宝轮播图

功能自动轮播，鼠标进入轮播区后变为手动控制；鼠标进入轮播区出现左右移控制箭头；图片由左右移箭头控制切换，并且底部轮播圆圈相应变化底部轮播圆圈数量自适应图片数量；点击圆圈切换图片效果备注1、本案例完整资源参见：2、可以通过控制台观察索引变化3、没有做无缝轮播，日后有空再完善代码1、html页面框架 lunbo.html<div class="lunbo"> <!-- 滚动区域 --> <ul class="gundon

原创 关于Canvas的安装（Windows）

Canvas终于装好了，留个教程备份Windows下的Canvas安装教程：https://www.cnblogs.com/caiyt/p/11685409.html源地址：https://github.com/Automattic/node-canvas/wiki/Installation:-Windows

原创 nodejs的express安装及自动生成项目框架问题

前提nodejs已经下载安装，并配置好环境变量测试：node -vnpm -v下载最新express很多经验说用npm install -g expressnpm install -g express-generator但我npm install -g express就报错了建议先npm install -g express-generator，再npm install -g express创建项目express mynode.js启动项目根据上图的三个指令启动项目

转载 C++堆内存空间详解(释放内存、内存泄露)

家里要来客人了，我们要给客人们泡茶。如果规定只能在确定来几位客人之前就把茶泡好，这就会显得很尴尬：茶泡多了会造成浪费，泡少了怕怠慢了客人。所以，最好的方法就是等知道了来几位客人再泡茶，来几位客人就泡几杯茶。然而，我们在使用数组的时候也会面临这种尴尬：数组的存储空间必须在程序运行前申请，即数组的大小在编译前必须是已知的常量表达式。空间申请得太大会造成浪费，空间申请得太小会造成数据溢出而使得程序异常。所以，为了解决这个问题，我们需要能够在程序运行时根据实际情况申请内存空间。在C++中，允许我们在程序运行时根