- 博客(32)
- 收藏
- 关注
RSS订阅
原创 Git 版本回退方法
场景一：如果想将代码恢复到之前某个提交的版本，且那个版本之后提交的版本都不要了，就可以使用 git rest原理： git reset的作用是修改HEAD的位置，即将HEAD指向的位置改变为之前存在的某个版本操作：1. 查看版本号：git log，也可以上代码托管网页上查看history，找到需要回滚的目标版本号2. 使用“git reset --hard 目标版本号”命令将版本回退3. 使用“git push -f”提交更改，此时如果用“git push”会报错，因为我们本地库HEAD
2022-05-06 23:42:15
42253
1
原创 git报错remote: HTTP Basic: Access denied
git报错remote: HTTP Basic: Access denied问题解决方案
2022-06-09 10:44:22
366
原创 浏览器from memory cache 和 from disk cache
最近做的项目有个关于页面缓存的问题需要解决，问题的大致情况就是项目每次上线后，用户那边不知道版本已经更新了操作的页面还是旧的内容，这样就带来了很多次生问题，每次都要去通知版本更新了让用户手动去刷新一下页面。造成这个问题原因就是浏览器的缓存问题，在浏览器打开一个网页，会发现网页加载的资源有的会显示（from memory cache）有的会显示（from disk cache），对于我们已经访问过的网页，浏览器会将这些已经加载和下载的资源缓存起来，以便下次再次访问的时候可以快速打开页面。那么这二者到底有什么区
2022-06-07 23:12:25
2893
原创 前端页面添加水印
最近做的项目里都需要给页面设置水印，npm里有一些比较成熟的库可以直接用，但其实如果是简单的水印添加，自己写个工具函数也可以实现。前端水印的实现原理主要是利用canvas标签的一些属性，实现的思路：创建canvas元素 给canvas绘制文本，填充样式旋转角度、文字字体颜色等 将绘制好的canvas元素转换成base64格式的图片 动态创建一个div标签，相对位置属性为fixed，宽高设置为屏幕的可见大小，将上一步canvas转换的图片设置为div的背景图片并平铺满整个内部 最后将动态创建的
2022-05-30 22:58:56
5376
2
原创 前端压缩图片上传
背景上传图片文件这种需求在项目中经常遇到，不管是pc端还是移动端都会遇到上传图片的功能。由于现在手机拍摄功能的日益强大，相机拍摄的图片也越来越大动辄就是几M甚至十几M。这样上传可能对服务器会造成不小的压力，上传速度和体验也会大打折扣，所以经常就要限制上传的大小尺寸。如果在前端对图片进行压缩后上传，这样问题就能得到一定的缓解。实现思路通过input文件选择框拿到要上传的图片文件file FileReader.readAsDataURL()读取file内容。完成后result属性中将包含一个dat
2022-05-25 22:58:53
5384
原创 Webpack 自定义插件编写
当编写一个自定义插件时，需要知道webpack 插件由以下组成：一个 JavaScript 命名函数或 JavaScript 类。 在插件函数的 prototype 上定义一个apply方法。 指定一个绑定到 webpack 自身的事件钩子。 处理 webpack 内部实例的特定数据。 功能完成后调用 webpack 提供的回调。基本插件架构插件是由「具有apply方法的 prototype 对象」所实例化出来的。这个apply方法在安装插件时，会被 webpack compi......
2022-05-19 22:48:23
2256
2
原创 PDF.js Error: Cannot use the same canvas during multiple render()问题解决
PDF.JS Error: Cannot use the same canvas during multiple render() operations. Use different canvas or ensure previous operations were cancelled or completed. 问题解决
2022-05-18 21:21:49
2352
原创 js冒泡排序
/** 数组元素未被排过序 */export function bubbleSort1 (arry: number[]): number[] { for (let i = 0; i <= arry.length - 1; i++) { // 排序比较的轮数 n-1次 for (let j = 0; j < arry.length - 1 - i; j++) { // 两两比较的元素范围 if (arry[j] > arry[j + 1]) { c...
2022-05-07 21:54:17
162
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人