- 博客(17)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Mac下SourceTree无法执行pre-commit的解决方案
最近负责的Web项目中参与人数多了起来，很多人没法自觉地遵守编码规范、在提交代码之前不检查自己的代码格式，导致提交了代码之后无法通过流水线的代码质量检查。链接：https://www.jianshu.com/p/fe4f53725f35。商业转载请联系作者获得授权，非商业转载请注明出处。使用命令行和WebStorm来进行代码提交时都能够正确调用。调用失败后直接忽略了错误进行了强制提交。来保证SourceTree能够找到。作者：foolchen。
2023-03-27 20:40:37
1351
转载 prettier 函数function 后面空格移除，.prettierrc与.eslintrc.js冲突
链接：https://www.jianshu.com/p/53a7fbee7acf。商业转载请联系作者获得授权，非商业转载请注明出处。选择：prettier-eslint。设置了函数与括号之间有空格，而。
2023-02-14 21:39:58
1801
原创 uniapp优化h5项目-摇树优化，gzip压缩和删除console.log
uniapp优化h5项目-摇树优化，gzip压缩和删除console.log_赵啸林的博客-优快云博客
2022-09-29 10:35:00
791
原创 npm, yarn常用命令&问题
/usr/.nvm/versions/node/v14.15.4/bin/npm（路径样例）链接：https://www.jianshu.com/p/511ed175c135。商业转载请联系作者获得授权，非商业转载请注明出处。如果unlink 取消链接失败，可以查找到全局包，移除掉。或者项目package.json里面配置发布源。指定前缀为@mylib 的文件，都从。是把包链接到全局npm下。显示当前安装的所有全局包。作者：Conner立。...
2022-08-30 19:54:46
626
原创 Charles4.6.2版本手机抓包设置，抓包失败的解决方法详解
打开手机“设置”->“WLAN”，选中当前连接的Wi-Fi名长按选择“修改网络”，在高级选项中找到代理，选择手动配置代理，将第一步的端口号填到“端口”，第二步获取到的ip填写到“主机名”，点击保存。解决方法菜单栏中选择“Proxy”——>"SSLproxyingsettings"——>"Add"——>全部填*——>再点击OK，记得勾选“EnableSSLProxying”前面的方法，填上*443和**点击“安装证书”，在点击“下一步”，设置如下，后面再点击下一步，最后点击确定。...
2022-07-15 19:14:05
710
原创 浏览器的前进后退时，页面的缓存机制
后退/前进缓存（Back/forwardcache,以下简称bfcache）是一种浏览器优化，可实现即时的后退和前进导航。它显著改善了用户的浏览体验，尤其是那些网络或设备速度较慢的用户。作为web开发人员，了解如何在所有浏览器上基于bfcache优化页面非常重要。这样可以提高用户体验。...
2022-07-15 19:13:26
2034
原创 no-cache、max-age=0、must-revalidate区别
在执行must-revalidate时，若浏览器第二次去请求服务器来做新鲜度验证，结果服务器挂了，无法访问，那么缓存需要返回一个504GatewayTimeout的错误（这里应该是像nginx这样的代理来返回，若是浏览器如chrome，将直接是ERR_CONNECTION_REFUSED，即无法访问，连接被拒绝）。而如果是no-cache，当验证新鲜度时，服务器扑街，则会照样使用本地缓存显示给用户（有的总比没的好，当然有可能显示的就是旧的文档了）。这里对no-cache较新的定义。...
2022-07-15 19:04:45
921
原创 HTTP中缓存相关的字段(Cache-Control, Expires, Last-Modified, ETag)介绍 以及浏览器前进后退行为的缓存特点
字段（即上次缓存的Last-Modified值），服务端比较If-Modified-Since的值和资源的实际修改时间，如果未修改，则返回304，不返回资源的实际内容，表示资源未改动，则浏览器使用缓存中的资源。但是html资源除外，由于在前进后退的时候，html资源默认都会使用上一次的资源，如果在前进、后退期间服务端更新了资源，若想要新资源立即生效，可以把html资源设置成no-cache。html中的js资源即使设置成no-cache，前进后退的时候，结果也是fromdiskcache。...
2022-07-15 16:57:30
1088
转载 window.open()的奇妙冒险
前言一个简单的优化需求，竟然引发了window.open()的奇妙化学反应☠️背景项目X的A页面需要点击一个区域后，跳转到对应的页面B，这个页面需要新开窗口来展示。B页面成功打开后再起接口还在loading的时候关闭，会造成当前浏览器中所有项目X的页面卡死；反之当B页面所有接口loading完成后再关闭就不会卡死😅。这里跳转尝试了多种方式——window.open()；React的标签；react-router的useHistory等等，除了useHistory正常外其他均以卡死阵亡，...
2022-06-28 18:53:21
306
原创 window.open 卡死
最近公司里开发了一个低代码平台，使用的react技术栈。这个平台顶部有一个预览按钮，当点击时，会使用window.open打开一个新的浏览器tab，显示预览页的内容。开发的时候，发现一个奇怪的现象，如果打开之后的页面，资源没加载完（页面内有不少ajax交互），就快速关闭掉了，父页面就会卡死。另一个同事对这个事情进行了排查，最后发现是window.open的问题，这个看似不起眼的api，其实暗藏玄机最终发现问题和chrome的进程机制有关系。原因：谷歌浏览器在给新开窗口分配进程时，看是否同源，非同源页面会单独
2022-06-28 18:50:43
2711
原创 浏览器一个Tab对应一个渲染进程？浏览器渲染进程个数究竟与什么有关系（多进程浏览器Chrome为例）
默认情况下，多进程浏览器的一个Tab下的确就一个渲染进程，不过相信各位也看到过多个Tab页面共用一个渲染进程的情况。事实上，也存在一个Tab下有多个渲染进程的情况，这其实与window.opener属性以及浏览器安全策略——站点隔离相关。（文章基于chrome 版本 90.0.4430.11测试）怎么看浏览器的渲染进程？在A页面（父页面）定义了一个打印参数值的方法，设置一个在新窗口打开B页面的链接，一个在新窗口打开B页面的链接，还注释了一个链接到百度首页的iframe。在B页面（子页面）分别定义了一个调用
2022-06-28 15:15:46
689
原创 Charles4.6.2版本手机抓包设置，抓包失败的解决方法详解
在Charles的菜单栏选择“Proxy”->“Proxy Settings”，填入代理端口8888（⚠️这个端口不一定填写8888，也可以写别的端口），☑️上“Enable transparent HTTP proxying”第一步就完成了。如下图：如果端口设置成8888，当手机连接代理时填写的端口要跟该设置的端口一样在Charles菜单栏选择“Help”->“Local IP Address”，就会出现Charles所在电脑的ip。如下图： 获取IP地址也可以在cmd中输入ipconfig。IPv4注意
2022-06-21 12:01:55
3270
原创 axios.defaults.withCredentials
withCredentials:默认情况下，跨源请求不提供凭据(cookie、HTTP认证及客户端SSL证明等)。通过将withCredentials属性设置为true，可以指定某个请求应该发送凭据。
2022-06-15 22:21:15
1099
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人