个人博客

vue-devtools在IE11中的使用 IE下的调试一直都很头痛，本来vue官方没有提供ie下的开发工具插件，后来还是不死心去官网看了下，结果有了意外的收获。 vue官方独立的vue-devtools应用程序，可用于调试任何Vue应用程序，无论环境如何。 现在，您可以调试在移动浏览器，Safari，本机脚本等中打开的应用程序，而不仅仅是桌面chrome或firefox。 查看IE下Vu... 阅读全文…

VS Code调试配置分享 这不是一篇科普文，只是一篇浏览器调试配置的分享（主要对准对准vs code调试） 调试配置 使用vs code插件debugger-for-chrome和debugger-for-edge(EdgeHTML&Chromium)调试之前，会自动在工程下添加.vscode文件夹，里面的launch.json就是配置调试参数的位置。 launch.json ... 阅读全文…

前端小纠结–common模块设计承接上一篇前端小纠结–Vue项目代码组织和风格约定 common模块的单独拿出来说一下，因为common模块设计的好，可以跨项目使用，甚至在部署成自己的私有的package。 common目标：主要是为了在第三方库之上做一层简单的封装，预置配置，做一层隔离，也可以在调用第三方组件时做一些埋点统一处理一些逻辑。 设计原则 不能有任何的业务逻辑 不能耦合工程的... 阅读全文…

前端小纠结–Vue项目代码组织和风格约定 风格约定但不限于代码风格，还有一些其他的默认约定。 代码组织和分层 代码组织是一个仁者见仁，智者见智的话题，没有银弹。不过不管怎么变化，指导思想还是不变的高内聚，低耦合。 强烈推荐两篇文章，能够拓宽你的视野，带你走向新高度。 用 Feature First 的方式管理前端项目复杂度 代码组织的优雅，模块化才能够做好。 分层 按照职能的不同进行不同... 阅读全文…

分享必应壁纸windows 10 锁屏壁纸保存方法 windows 锁屏壁纸功能叫做spotlight，其实壁纸都下载在本地电脑上，只需要拷贝出来就行了。 脚本 保存为 spotlight.ps1 ，使用右键powershell运行 在个人文件夹的Pictures下有两个Horizontal和Vertical保存着图片 12345678910111213141516171819add... 阅读全文…

nvs使用的注意事项 在使用nvs之前一直使用的是nvm windows这款工具，用着也挺爽的，前不久看到科普文，所以也想试试，试了之后在windows上翻车了，所以这里记录一下。先看科普文：使用 nvs 管理本地 Node.js 版本 windows下安装 推荐cmd手动安装步骤 git bash环境配置1234# ~/.bashrc 添加下面的环境配置# 根据你安装的路径选择$Pro... 阅读全文…

前端小纠结–集成gitflow和standard-version使用 请看上一篇前端小纠结–约定式提交和自动生成changelog git flow工作流对比 Git工作流指南 git flow 介绍 git flow源自这篇文章a-successful-git-branching-model，大神！！！。 关于git flow的使用，请看以下链接，非常多的文章，写的非常好。 如何正确... 阅读全文…

前端小纠结–约定式提交和自动生成changelog约定式提交 约定式提交：每次使用git commit 的时候都需要写commit message,如果message style是按照固定的模版格式书写，对于后期的维护和编写changelog都有巨大的好处。而且现在的很多自动生成changelog的工具，都是建立在约定式提交的基础之上。 约定式提交校验配置 约定式提交不需要任何的配置，只需... 阅读全文…

shell上显示当前git分支 在当前终端上显示当前所在的分支，能够提供极大的便利。 修改bash的配置 ~/.bash_profile 或者~/.bashrc 原版123456789function git-branch-name { git symbolic-ref HEAD 2>/dev/null | cut -d"/" -f 3}function gi... 阅读全文…

axios实现文件下载功能 在开发中遇到了需要实现文件下载的功能，起初以为只用<a>标签就能搞定，<a>标签确实能够搞定常见的场景。但是像导出或者在header里面添加了特殊字段的时候，使用<a>标签就搞不定了，又不想去使用原生XMLHttpRequest，因为又一堆的兼容性需求（技术能力不够ε=ε=ε=┏(゜ロ゜;)┛，有现成的兼容方案为啥要自己造轮子呢... 阅读全文…