- 博客(14)
- 资源 (1)
- 收藏
- 关注
原创 webpack 学习第五天
都能提供 错误代码的准确信息 和 源代码的错误位置,但是只能精确到行,module 会将 loader 的 source-map 加入。在使用 devServer 进行开发调试时,可能只改动了一个 css 文件,但是却会导致所有模块都会重新打包,因此需要使用模块热更新。eval-source-map 内联,每一个文件都生成对应的 source-map,都在 eval 里面。hidden-source-map 外部,生成一个外部 source-map 文件。
2023-05-26 08:14:05
1
原创 webpack 学习第四天
,网上找了半天只看到一个说降低 babel-loader 版本的,但是我又不知道改用那个版本,配套的那些 loader 又该用哪个版本。之前为了处理 html 文件使用了一个插件:html-webpack-plugin,html 压缩可以通过配置这个插件来实现。打包后在 chrome 浏览器上是可以正常运行的,但在 IE 浏览器(这玩意应该没人用了吧,拿来举个例子)上面会报错。此时就不需要使用第二步的 @babel/polyfill 了, 注释掉后重新打包看到 IE 浏览器是正常打印的。
2023-05-12 16:58:14
4
原创 webpack 学习第三天
安装 eslint-config-airbnb-base (支持 es6+ 的语法规范),eslint-plugin-import (用于在webpack配置文件中读取 package.json 中的 eslintConfig 配置项)打包后查看效果,在 built 文件下生成了一个 css 文件夹,并且生成了 built.css 文件,文件中包含了各种 css 样式。首先安装 eslint-webpack-plugin,注意若不使用 -S 安装会被 eslint 报错。
2023-05-10 18:32:54
13
原创 webpack 学习第二天
至于 webpack 配置文件可以不用修改,尝试打包后发现竟然直接可以打包图片资源,可能是版本问题,我现在用的 webpack5,但是我看到使用loader可以将小图片转为 base64,还是接着尝试一下。在 plugins 中 通过 new HtmlWebpackPlugin() 使用该插件,此时打包能看见生成了一个 html 文件,该文件自动引入了打包后的文件但是本身是没有结构的。修改前面 src 中的创建的 index.html 文件(也可以新建,我这里是图省事),创建三个 div 盒子。
2023-05-08 23:45:01
5
原创 Sourcetree 更新远程分支
使用Sourcetree拉取代码后,如果远程仓库又新创建了一个分支,Sourcetree上是不会自动同步远程分支的(可能有这种设置?不过我不知道)如果想要手动同步远程分支,可以如下操作:1. 打开你的Sourcetree,如图可以看到有8个分支2. 在远程仓库新建一个分支(这个就不演示了)3. 点击右上角的命令行模式4. 输入: git remote update origin --prune 并回车5. 回到Sourcetree,可以看到远程分支多了一个
2022-05-19 20:12:44
2754
1
原创 对手机号与身份证号加密显示
接到个需求需要对传过来的手机号与身份证号加密显示,如图所示忘了之前从哪里copy了一份代码了(清删),怕以后需要留个记录function encryptionInfo(val) { var oldVal, newVal; oldVal = String(val) //手机号 if (oldVal.length === 11) { newVal = oldVal.replace(/^(\d{3})\d+(\d{4})$/, "$1****$2"); } //身份.
2022-05-09 14:50:31
361
原创 二. 图表容器及大小
初始化:1. 在 HTML 中定义有宽度和高度的父容器(推荐)<div id="main" style="width: 600px;height:400px;"></div>例子在第一篇2.指定图表的大小如果图表容器不存在宽度和高度,或者,你希望图表宽度和高度不等于容器大小,也可以在初始化的时候指定大小<template> <!-- 不指定大小 --> <div id="main"></div>..
2022-02-24 09:52:46
624
原创 从VMware中复制数据结果c盘满了
记录:从VMware中复制文件时报错,检查发现主机C盘直接满了,后面才发现从虚拟机复制数据时会先复制到C盘下面,再转到想复制的文件夹里,可能重启后会清除掉,但是有时候想要一次性拿出来那就需要自己手动去删掉了。安装版本为VMware15,C盘保存地址为:C盘 -> 用户 -> xxx(你的电脑名) -> AppDara -> Local -> Temp ->vmware-xxx ->VMwareDnD(不知道是不是...
2021-12-04 00:54:10
1887
原创 vue移动端页面底部被浏览器工具栏遮挡问题
最近写项目时遇到了页面被浏览器工具栏遮挡问题本来应该是左边这样的,本地运行也没问题,但是一旦部署到服务器上后再用手机浏览器打开后就变成了右边这样,有一部分被遮挡住了。 在网上看到有人说加上特殊的<meta>标签,我试过之后发现没什么作用。当然可能是我写法的问题,后来找到了问题出现的原因,是因为使用了100vh作为高度。在浏览器中,100vh的高度包括了底部的工具栏,而我们真实需要的高度其实是浏览器的可视高度(图片将...
2021-10-19 18:44:20
2517
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人