
【工具类使用】
文章平均质量分 58
浅夏晴空
这个作者很懒,什么都没留下…
展开
-
Mac M1 nvm install失败问题
M1执行nvm install安装node报错404原创 2022-08-02 10:42:39 · 3300 阅读 · 2 评论 -
rollup配置及使用
前言业务线长期的积累产生了许许多多重复性的工具方法,业务功能模块等, 我们正好可以用 rollup 构建一个 npm 私服工具包,便于后期业务使用,减少重复性的代码编写。项目配置babel引入依赖首先运行以下命令安装babel相关:yarn add @babel/core @babel/cli @babel/preset-env -D配置babel.config.jsmodule.exports = { presets: [ [ "@babe原创 2021-12-26 11:54:13 · 2328 阅读 · 0 评论 -
一文读懂babel编译流程,再也不怕面试官的刁难了
前言Babel 是一个强大的 js 编译器。有了 Babel, 我们可以放肆的使用 js 的新特性,而不用考虑浏览器兼容性问题。不仅如此,基于 babel 体系,我们可以通过插件的方法修改一些语法,优化一些语法,甚至创建新的语法。那么,如此强大且灵活的特性是如何实现的?我们从头开始,了解下 Babel 的编译流程。流程babel生成配置package.json项目配置文件"devDependencies": { "@babel/cli": "7.10.5", "@babel原创 2021-04-25 15:11:48 · 2950 阅读 · 0 评论 -
vscode中断点调试nodejs实用方便
前言在平时前端开发时,前端代码在浏览器上能很方便的断点调试,那么如果要调试node后端接口的话,该如何实现断点调试呢?配置vscode打开node项目点击左侧调试按钮点击Run and Debug选择语言为nodejs点击设置按钮添加配置更改lanuch.json配置文件添加自己的项目启动脚本文件和配置{ // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息,请访问: htt原创 2021-04-22 14:24:36 · 2399 阅读 · 1 评论 -
Mac安装oh-my-zsh更改终端背景
背景目前Mac自带的终端不是很好用,好多常规的Linux命令都不支持 比如:ll命令;那么我们可以安装第三方的终端安装国内地址:sh -c “$(curl -fsSL https://gitee.com/mirrors/oh-my-zsh/raw/master/tools/install.sh)”使用效果如下:后续如果安装其他的命令需要更改zsh环境变量的话 输入如下命令:vim ~/.zshrc更改终端背景打开终端偏好设置打开描述文件选中文本点击图像-》原创 2021-04-15 10:40:55 · 3486 阅读 · 1 评论 -
Chrome浏览器地址栏配置二维码自动生成工具
打开Chrome浏览器新开一个窗口地址栏输入 chrome://flags/ 搜索qr code 下拉框选择Enable选项 重启浏览器即可 点击需要生成二维码的网页地址栏 出现如下图标 点击小图标即可吧当前网址生成二维码 ...原创 2021-03-23 14:26:10 · 2672 阅读 · 0 评论 -
一些实用的Chrome插件
FEHelper简介本插件支持Chrome、Firefox、MS-Edge浏览器,内部工具集持续增加,目前包括 JSON自动/手动格式化、JSON内容比对、代码美化与压缩、信息编解码转换、二维码生成与解码、图片Base64编解码转换、Markdown、 网页油猴、网页取色器、脑图(Xmind)等贴心工具,甚至在目前新版本的FeHelper中,还集成了FH开发者工具, 如果你也想自己搞一个工具集成到FeHelper中,那这一定能满足到你。另外,本站也提供部分工具的在线版本,欢迎使用,欢迎反馈!插件预览原创 2021-01-11 10:43:31 · 1218 阅读 · 1 评论 -
前端辅助开发工具
阿里矢量图库传送门包含非常丰富的图标Orion矢量图库传送门carbon传送门非常优美的代码编辑模块,可以辅助我们在写PPT等文档截取代码块的时候不再是模糊的截图,可直接使用这个公共copy代码块,非常清晰。如下图:codepen传送门CodePen 则是前端开发者们约“码”的天堂。它不仅提供给你了一个 Showcase 的平台,而且能够开拓你的视野 —— 你能够及时的了解最新前端技术的应用,同时帮助交互设计师找寻更多的灵感。附上大佬总结的优秀作品 传送门UI界面配色传送门原创 2020-12-28 10:18:24 · 692 阅读 · 2 评论 -
React中使用Vditor详解(自定义图片)
安装npm install vditor -s引用导入依赖包import Vditor from “vditor”;导入样式import “vditor/src/assets/scss/index.scss”;使用示例export default class Vditor extends Component { constructor(props) { super(props); this.state = { editValue: ""原创 2020-12-24 19:19:49 · 2706 阅读 · 3 评论 -
前端实用小工具(URL参数截取、JSON判断、数据类型检测、版本号对比等)
背景在日常开发中,我们经常会用一些工具类方法来实现业务逻辑 下面列举几种最常用的URL截取参数//直接调用输入想要截取的参数名称几个export function getParamFromUrl(key) { if (key === undefined) return null; let search = location.search.substr(1); let mReg = new RegExp('(^|&)' + key + '=([^&]*)(&am原创 2020-09-30 11:01:56 · 611 阅读 · 0 评论 -
React+TS免注册DOM页面dialog弹窗
背景在日常的需求开发中我们经常需要用到弹窗,那么在我们构建弹窗时,在引用组件是都需要引入组件DOM,然后通过事件来控制组件的影藏显示,调用也不是很方便;本组件使用事前注册DOM的方式,业务方在使用时刻直接调用暴露的方法即可,无需再引用DOM。示例组件使用示例import newDialog from “*./components/newDialog”newDialog.open({ title: "退出发布", content: '是否需要保存草稿箱?', btn:原创 2020-09-29 16:16:35 · 610 阅读 · 0 评论 -
gitbook使用及book.json详细配置
安装安装命令:1npm install -g gitbook-cli test安装完成之后,你可以使用下面的命令来检验是否安装成功。$ gitbook -VCLI version: 2.3.2GitBook version: 3.2.3使用初始化 gitbook initGitBook 准备工作做好之后,我们进入一个你要写书的目录,输入如下命令。$ gitbook initwarn: no summary file in this bookinfo: create READ原创 2020-07-21 17:57:59 · 5918 阅读 · 0 评论