摘要：
promise作为JavaScript中处理异步任务的api，真的非常好用，这里简单分享下个人学习的一些demo，以便快速理解。 promise具体概念就不多说了，可参考MDN文档 demo: // 当没写catch 则会捕获，写了catch则不会捕获 window.addEventListener 阅读全文
摘要：
js中关于原型和原型链有 __proto__ 、prototype、constructor 频频出现在面试题中，但是记得多了反而容易记混。 这里简单总结下每个属性的使用场景，方便记忆。 对象和函数都有 __proto__，对象的 __proto__指向构造函数的prototype，构造函数的__pr 阅读全文
摘要：
我报错了 external = resolvedConfig?.build?.rollupOptions?.external ?? void 0; ^ SyntaxError: Unexpected token '.' at wrapSafe (internal/modules/cjs/loader 阅读全文
摘要：
在vite项目中使用 vite-plugin-mock 插件 mock数据， fetch报错 SyntaxError: Unexpected token < in JSON at position 0 问题原因： mock文件夹需放在项目根目录，而我放在了src目录。 贴下我的配置 首先安装相关包 阅读全文
摘要：
背景 在实际开发中，移动端页面遇到的，采用正常写法，图片 src赋值写在 onload 事件监听 后面，依然会有拿不到 图片真实宽高的场景，获得的图片宽高都为0，真的是好坑啊。 var img_url = '.jpg' // 创建对象 var img = new Image() // 加载完成执行 阅读全文
摘要：
背景 移动端页面使用了 swiper，实现两屏轮播上下滚动，在 iOS 手机上用手滚动轮播图的时候，会发生下拉或上拉都有空白出现。 解决方案 初始化 swiper实例，传入以下参数。 resistanceRatio：抵抗率。边缘抵抗力的大小比例。值越小抵抗越大越难将slide拖离边缘，0时完全无法拖 阅读全文
摘要：
背景 在很久以前，有写过一个使用 js 实现单张图片持续滚动图片的 代码，但那一版实现会持续操作DOM，向DOM中插入元素，性能较差，最近发现 requestAnimationFrame 通过 动画的方式实现图片滚动更加方便，遂重新实现了一版，效果更赞，性能更好。 效果如下 需求描述 需要单张图片在 阅读全文
摘要：
本意 想要实现电脑连接代理软件（不限于具体某个软件），并开启charles，手机和电脑连接同一个wifi，手机连接电脑代理，实现手机请求对应代理软件设置的国家的网页，并在电脑端实现抓包。 charles与代理软件共存说明了如果通过让所有HTTP(S)流量都走Charles，然后Charles 再设置 阅读全文
摘要：
eslint 和prettier ，如果有语法错误，都会阻止代码自动格式化 相当于，需要你先解决掉语法错误之后，再自动给你格式化 配置错误 eslint Parsing error: ecmaVersion must be 3, 5, 6, or 7: 解决方案：https://stackoverf 阅读全文
摘要：
前言 当前，前端项目支持代码规范校验、代码格式化已经必不可少，同时需要支持代码提交前对代码格式校验预检查，这里提供一份最简单的配置供大家参考。 每个包代表了什么 在配置之前，先了解用实现代码规范化、git 提交信息校验用到的包。 1.代码格式规范相关 eslint：代码格式校验 prettier：p 阅读全文
摘要：
背景 由于实际开发需要，我使用nvm use vxxx.xxx.xx 将 node 版本设置成了更高的版本，但是每次重新打开 IDE 之后都会恢复到之前一个默认node版本上，使用起来很不方便，通过查看 nvm list，可以看到在本地对 v10.19.0 指向了默认。 设置 nvm alias d 阅读全文
摘要：
webpack.dev.js const merge = require('webpack-merge'); const webpack = require("webpack"); const path = require('path'); const common = require('./web 阅读全文
摘要：
前言 最近vscode编辑器在前端程序员中使用越来越频繁了，既然大家都在用，说明它一定是香的，身为webstorm党，也得赶紧跟进潮流，这是我这几天学习vscode看过的文章和视频，大家把这些文章和视频看完，基本就都差不多了。下面同时总结了适用于我自己的插件和快捷键，供大家参考学习。 学习网站 [插 阅读全文
摘要：
我们查看官方文档，只有通过<script>标签引入swiper轮播库的方法，如果我们想要在js中通过npm包的方式安装和导入，参考以下方法： 官方文档：https://www.swiper.com.cn/ npm文档：https://www.npmjs.com/package/swiper npm包 阅读全文
摘要：
背景： webpack使用image-webpack-loader 打包报错 Error: Cannot find module 'gifsicle'，问题原因为image-webpack-loader loader版本过低。 解决办法： 删除nodu_modules下的image-webpack- 阅读全文
摘要：
如果commit注释写错了，只是想改一下注释 git commit --amend 参考链接：https://blog.csdn.net/w958796636/article/details/53611133 阅读全文
摘要：
查看远程分支 git branch -r 查看本地和远程所有分支 git branch -a 假如别人删除了一些远程分支，我本地git branch -r/a 的时候，会看到删除之前的所有分支，如何更新远程分支列表？ git remote update origin --prune 参考链接：htt 阅读全文
摘要：
背景 在开发过程中，明明调试好的阻止冒泡没有问题，但是真正使用 时候发现阻止冒泡失效了，原来原因是点击事件里依赖了异步返回结果。 正常阻止冒泡写法 <div class="aa notice"> <div class="bb notice"></div> </div> <script> var ar 阅读全文
摘要：
经常看到别人的博客或者readme里有着非常整齐的目录树结构，原来这个不是手动写入的，找到了非常好用的一个node包 treer $ npm install -g treer $ treer --help -V, --version output the version number // 版本号 阅读全文
摘要：
优化以前写过的一篇文章：https://www.cnblogs.com/beileixinqing/p/11283315.html 目前常见移动端适配方案 1、媒体查询 通过写媒体查询，在不同的分辨率下写对应不同的样式，这样带来以下几点缺点： 开发上的繁琐，需要针对不同设备下写对应适配的样式； 在不 阅读全文