前端工具库
文章平均质量分 61
前端工具及一些开发插件的使用教程
一颗不甘坠落的流星
前端专栏博主,目标是归纳前端所需要各种技术的使用,不是在补充、就是在重写博客的路上,一步步完善中。
展开
-
【React】echarts-for-react 的使用
echarts-for-react :一个简单的 Apache echarts 的 React 封装,方便用于React项目原创 2023-12-26 11:16:42 · 3101 阅读 · 0 评论 -
【Web】http-server 使用教程(用于访问静态资源)
http-server 使用教程(用于访问静态资源)原创 2023-12-15 15:48:51 · 2253 阅读 · 0 评论 -
【React】classnames 库(可添加多个 className 类名)
react 项目 中 classnames 库使用方法(可添加多个 className 类名)原创 2023-11-21 10:13:52 · 2631 阅读 · 0 评论 -
【sass】基础入门教程
文章目录语法注释变量嵌套嵌套中的 &群组嵌套嵌套属性混合器混合器传参参数默认值继承导入语法上一篇讲了如何编译 sass 文件了,接下来讲一下 sass 的语法为什么他这么强大,这么好用,都是靠强大的语法.sass 和 .scss 文件的语法是一样的,只不过区别就是 {} 和 ;注释编译的时候不会被编译的注释// 我是一个普通注释,在编译的时候,我就被过滤了编译的时候会被编译的注释/* 我在编译的时候,会被一起编译过去 */强力注释/*! 我是一个强力注释,不原创 2021-03-09 17:18:45 · 980 阅读 · 1 评论 -
【Scss】>>> 或 /deep/ 或 ::v-deep 的作用
>>> 或 /deep/ 或 ::v-deep 的使用方法,以及相关报错处理原创 2022-07-28 14:43:30 · 4611 阅读 · 0 评论 -
【sass】安装及入门教程
文章目录简介初体验安装编译单次编译实时编译实时监控目录简介sass是世界上最好的css扩展语言。在正常的编写css的基础上,增加了很多变量,函数,循环,判断等类似编程语言的代码模式。极大的提高了编写样式的效率。还有许多的内置函数(如颜色加深,颜色淡化)用于高效的属性设置。使得css也可以用类似脚本的方式进行编写。css编写时权重难以控制,嵌套层级多导致代码编写不方便。sass的出现就是为了解决css的缺点。sass不能直接被浏览器识别,所以需要进行编译成正常的css文件才能被浏览器使用。初原创 2021-03-09 11:48:29 · 3803 阅读 · 1 评论 -
【Nvm】nvm 使用教程
nvm 常用指令及使用教程原创 2022-07-23 21:19:02 · 260 阅读 · 0 评论 -
【Web】xlsx 库使用教程(实现 Excel 的导入和导出)
vue 和 react 实现 Excel 数据的导入和导出原创 2023-03-30 16:31:11 · 3205 阅读 · 0 评论 -
【SwitchyOmega】SwitchyOmega 安装及使用
SwitchyOmega 安装及使用原创 2023-07-18 09:42:06 · 33957 阅读 · 7 评论 -
【React+Vue】React Developer Tools 和 Vue.js devtools 安装及使用图文教程
react开发者调试工具 (React Developer Tools) 和 vue开发者调试工具 (Vue.js devtools ) 安装及使用图文教程原创 2022-08-02 15:16:47 · 464 阅读 · 0 评论 -
【Cnpm】使用教程
npm 由于源服务器在国外,下载 node 包速度较慢,cnpm 使用国内镜像,下载速度优于 npm原创 2022-06-23 10:39:24 · 1090 阅读 · 0 评论 -
【Nrm】使用教程
>- npm在下载包的时候,默认下载地址在国外,有时候网速不太好。>- 所以node提供了一个工具用来管理npm下载工具,可以改变npm的下载地址,这个工具就是nrm。原创 2022-06-23 10:17:03 · 894 阅读 · 0 评论 -
【react-transition-group】react 过渡动画插件
文章目录简介基本使用列表过渡动画路由过渡动画简介在项目中可能会有一些动画效果展示或页面切换效果,使用css动画的方式虽然可以实现,但比较局限,涉及到一些js动画的时候就没法处理了。react-transition-group是react的第三方模块,借助这个模块可以更加方便的实现更加复杂的动画效果官网地址:https://reactcommunity.org/react-transition-group/css-transition该三方包的安装命令如下:npm i -S react-原创 2021-05-28 17:19:19 · 1730 阅读 · 0 评论 -
【styled-components】css-in-js 热门库
文章目录简介基本使用样式继承属性传递简介css-in-js 是一种技术,而不是一个具体的库的实现。简单来说 css-in-js 就是将应用的 css 样式写在 JavaScript 文件里面,而不是独立为一些 css、scss或less这类的文件,这样你就可以在 css 中使用一些属于 js 的如模块声明、变量定义、函数调用和条件判断等语言特性来提供灵活的可扩展的样式定义。css-in-js 在react社区的热度是最高的,这是因为 react 本身不会管用户怎么去为组件定义样式问题,而vue有属于框原创 2021-05-27 20:33:10 · 2584 阅读 · 0 评论 -
【Window】运行指令大全
文章目录指令大全指令大全指令作用calc启动计算器certmgr.msc证书管理实用程序charmap启动字符映射表chkdsk.exeChkdsk磁盘检查ciadv.msc索引服务程序cleanmgr垃圾整理cliconfgSQL SERVER 客户端网络实用程序Clipbrd剪贴板查看器cmd.exeCMD命令提示符compmgmt.msc计算机管理conf启动netmeetingdcomc原创 2022-03-17 10:21:59 · 633 阅读 · 0 评论 -
【react-use】基本使用
文章目录简介传感器用户界面动画效果副作用生命周期状态简介随着 React Hooks 的发展,各个团队都开始尝试使用 Hooks 代替 Class,Hooks 正逐渐成为 React 组件的主流写法。得益于 Hooks 的逻辑封装能力,我们可以将常见的逻辑封装起来,以减少代码复杂度。或者使用社区上别人封装的 Hooks,比如 react-use 等。react-use 是社区最流行的 Hooks 库github地址:https://github.com/streamich/react-use原创 2021-08-03 17:11:54 · 8312 阅读 · 0 评论 -
【async-validator】 在antd组件中使用案例
示例你想要的效果按下面示例仿写即可,具体使用教程晚点会出示例一:<ProFormText name={['table_info', 'lifetime_min']} label='刷新频率' labelCol={{ span: 8, offset: 2 }} wrapperCol={{ span: 14, offset: 0 }} rules={[{ required: true }, { pattern: /^[0-9]*$/, message: '必须是数字格式' }]}原创 2021-09-23 15:55:57 · 1737 阅读 · 0 评论 -
【XLSX】Excel表格的导入和导出
文章目录基本步骤导入Excel表格导出Excel表格基本步骤安装依赖:npm install xlsjs导入Excel表格导出Excel表格基本方式:function exportData() { let data = [ {name: "张三", id: "123"}, {name: "李四", id: "124"} ]; exportExcel(data, "数据导出表格")} function exportExcel(data, filename) { /原创 2021-07-30 16:26:01 · 2618 阅读 · 0 评论 -
【Linux】常用命令大全
文章目录文件目录`C:` 切换盘符`ls` 显示文件目录`pwd` 显示当前路径`tree` 显示树状结构`cd` 切换目录`md` 创建目录`rm` 删除文件或目录`mv` 移动文件或目录(也可改名)`cp` 复制文件或目录磁盘管理`du` 显示目录文件大小`df` 显示空间使用情况在 vscode 编辑器的终端的我们会使用到一些常用的Linux命令,来操作项目中的文件或文件夹,这里只列举最常用的。文件目录C: 切换盘符实例:# 切换到 C 盘 C:# 切换到 D 盘 D:ls原创 2023-04-10 11:44:33 · 2132 阅读 · 0 评论 -
【SSL】添加证书
步骤:证书下载地址:Windows键+R并放置certlm.msc在运行对话框。单击确定打开证书管理器管理单元。在证书管理器窗口中,单击受信任的根证书颁发机构右键单击证书并选择所有任务在证书导入向导中,单击下一步。浏览证书根文件(请确保选择正确的文件格式.crt /.cer,.p7b /.spc等),然后点击下一步在下一个屏幕上,选择“将所有的证书都放入下列存储”,证书存储下浏览选择“受信任的根证书颁发机构”。点击下一步单击完成,几秒后,会提示导入成功。原创 2021-09-16 16:46:43 · 1439 阅读 · 0 评论 -
【SwitchHosts】安装使用
SwitchHosts 安装和配置教程原创 2021-09-16 16:17:05 · 1367 阅读 · 0 评论 -
【CMD】操作指令大全
在9x系统下输入command就可以打开命令行.而在NT系统上可以输入cmd来打开,在windows2000后被cmd替代,利用CMD命令查询系统的信息或者是判断网络的好坏。原创 2022-03-17 10:04:07 · 1178 阅读 · 0 评论 -
【Npm】使用教程
>- 第三方模块是别人写好的一些文件,我们要使用这些文件,就需要下载。>- node 提供了一个工具,叫做 npm,专门用来管理这些模块。>- npm 除了可以管理第三方模块,还可以管理一些框架、插件和库。 > - 所以 npm 叫做包管理器,我们将模块、插件、库统称为包。...原创 2021-03-08 21:21:59 · 6279 阅读 · 0 评论 -
【Yarn】使用教程
文章目录yarn 的定义yarn 的全局安装yarn 和 npm 的命令yarn 比 npm 的优势yarn 的定义Yarn 对你的代码来说是一个包管理器。它可以让你使用并分享 全世界开发者的(例如 JavaScript)代码。通过Yarn你可以使用其他开发者针对不同问题的解决方案,使自己的开发过程更简单。使用过程中遇到问题,你可以将其上报或者贡献解决方案。一旦问题被修复, Yarn会更新保持同步yarn 的全局安装指令:npm i -g yarn检测安装:yarn --version原创 2021-04-25 11:46:01 · 571 阅读 · 0 评论 -
【Github】使用教程(待完善)
文章目录github:世界级的开源网站,存储文件使用。使用者都是开发者。文件可以选择加密,只有自己能用,可以选择开源,所有人都能用。还可以和作者沟通。只接受git工具上传。在这个网站上又很多别人写好的各种语言的代码文件,如果有什么插件需要下载,可以在这个网站上搜索。有了 github 账号以后我们就登录 github 网站,开辟一个远程仓库github 的远程也是以一个仓库一个仓库的形式来保存代码我们可以在一个 github 上保存很多的项目只要一个项目一个仓库就可以了先点击原创 2021-07-20 15:37:42 · 256 阅读 · 0 评论 -
【Gulp】使用教程
文章目录自动化打包构建工具安装 gulp使用 gulp项目 gulp 配置打包 CSS 文件打包 SASS 文件打包 JS 文件GULP完整配置文件(简单版)自动化打包构建工具我们在开发的过程中,会写到 js 文件,css 文件,等等我们的项目如果想上线,那么一定要体积小一点,文件大小越小越好而我们在写 js 文件的时候,会有很多 换行/空格 之类的东西这些 换行/空格 都是占文件体积的一部分那么我们在上线之前就要吧这些 换行/空格 尽可能的删除掉我们又不能一个文件一个文件的去删除就要用到原创 2021-03-10 19:37:48 · 1002 阅读 · 3 评论 -
【Git】安装教程
文章目录git 有什么用git和github简介git 安装git 有什么用在实际工作中,我们会遇到很多无法预料的问题:问题一:频繁改需求。例:项目开发好以后,形成版本v1.0需求改变:在v1.0的基础上添加功能A,形成版本v1.1 - 在上个版本的基础上添加功能A在v1.0的基础上添加功能B,形成版本v1.2 - 在上个版本的基础上删除功能A,添加功能B在v1.1的基础上添加功能C,形成版本v1.3 - 在上个版本的基础上删除功能B,添加功能A,再添加功能C在v1.2的基础上添加功能原创 2021-03-09 18:46:40 · 480 阅读 · 0 评论