![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Tool
cvory
这个作者很懒,什么都没留下…
展开
-
搭建Npm内部镜像
特此记录。原创 2023-04-03 18:36:26 · 1116 阅读 · 1 评论 -
JS判断两个table数据是否完全相等(判断两个数组对象是否完全相等)
以属性名称做排序(这里应该是以属性名称的英文字母做排序)得到 同长度的table,为一个新数组,,有多个要做对比的table为一个数组。做filter遍历, 对遍历的每一项。做filter遍历,判断当前项。中是否找得到 【用字符串来判断】5.如果两个table一样,那么。,先做一个以属性名称做排序。原创 2023-02-13 17:33:55 · 774 阅读 · 0 评论 -
日常开发的git命令使用
【代码】日常开发的git命令使用。原创 2023-02-10 17:37:34 · 85 阅读 · 0 评论 -
XLSX插件使用 — 导入导出(含中文表头)(React+Antd 对上传表格做数据格式验证)
ReactAntdesignXLSX由SheetJS出品的js-xlsx是一款非常方便的只需要纯JS即可读取和导出excel的工具库,功能强大,支持格式众多,支持xls、xlsx、ods(一种OpenOffice专有表格文件格式)等十几种格式。原创 2023-02-10 15:34:43 · 4708 阅读 · 1 评论 -
Vscode 使用Vetur格式化vue文件 (配置setting.json,非设置.eslintrc.js)
Vscode 使用Vetur格式化vue文件 (配置setting.json,非设置.eslintrc.js)原创 2022-12-26 15:44:11 · 3232 阅读 · 0 评论 -
页面指引 IntroJS在React+Next中的使用 (解决初始化时未渲染的dom如何查找)
react版本页面指引,IntroJS的使用原创 2022-06-17 17:53:33 · 490 阅读 · 1 评论 -
Web启动项目走Https协议(Webpack版,Umi版和Host代理版)
需求Web项目的启动,一般是默认的http协议,在某些业务需求时,需要走https来调试Webpack版本只需在webpack的devServer中配置就可以了 devServer: { host: '0.0.0.0', port: 8080, https: true, // 加入这句即可 }Umi脚手架版本官方文档介绍:https://umijs.org/zh-CN/docs/env-variables#httpspackage.json添加一条命令Host代理版有一原创 2021-10-13 15:57:04 · 2032 阅读 · 0 评论 -
打包报错 umi: command not found
首先,需要安装Node.js (一路下一步安装),并确保 node 版本是 8.10 或以上使用 yarn 管理 npm 依赖然后全局安装 umi,并确保版本是 2.0.0 或以上$ yarn global add umi$ umi -v2.0.0出现'umi' 不是内部或外部命令,也不是可运行的程序 或批处理文件或者提示 umi: command not found# mac系统$ sudo vi ~/.bash_profile# 在 .bash_profile中添加下..原创 2021-10-12 11:58:25 · 4383 阅读 · 0 评论 -
本地host管理推荐
需求因为业务需求,在本地访问一些地址时,需要配置host,有时候,起本地项目解决域名跨域问题,也有更改本地host配置的需求所以host就会有很多项目的地址映射特别是 经常性修改本地local的指向时,会冲突等应用推荐SwitchHosts 是一个管理、切换多个 host 方案的工具。https://swh.app/zh/注意事项!!!使用前,一定 一定要先备份自己的host文件因为如果在初始化过程中,不小心开启了某个host,本地host文件会直接覆盖!!!!这个应用的原理 就是,原创 2021-10-11 16:24:21 · 612 阅读 · 0 评论 -
React+Antd 无插件 实现多个输入框验证码功能 + 倒计时(附完整代码)
需求如下图,实现多个框的验证码,并且在输入后自动调用接口思路在一个div中放置对应个数的span使用一个input,然后让它透明,定位在div之上span截取对应的值进行显示Code主要代码:完整代码import React, { useState, useEffect } from 'react';import { InputNumber } from 'antd';import { navigate } from '@/utils/common';//公用跳转impo原创 2021-06-29 14:23:25 · 2032 阅读 · 7 评论 -
微信小程序 使用Vant 构建npm提示 找不到文件夹无法构建
问题如图:复现描述我的npm init是在项目文件夹的根目录VantJS官方文档:就一直提示找不到miniprogram文件夹miniprogramNpmDistDir应该指向你文件的根目录我的根目录就是'./'改成这样即可原创 2021-05-31 15:14:51 · 581 阅读 · 1 评论 -
原生CSS瀑布流写法:flex,position,column-count,效果图及缺点
原生CSS瀑布流写法1. 设置column-count:原理: 将子元素分两列展示,从而实现简单的瀑布流布局效果:缺点:纵向布局,和现在市面以及用户的使用习惯不符需要一次性拿到所有数据(与瀑布流的数据处理方式不符)2. 使用flex布局code:display:flex;flex-wrap:wrap原理: 超出一行的向下横向布局效果:缺点: 虽然是横向布局,但是每一行是不能上下插空3. 使用position:absolute效果:原理: 计算每一个块的位置,赋原创 2021-05-18 13:59:50 · 790 阅读 · 0 评论 -
H5,小程序中实现小红书式排序 瀑布流(横向排序) macy插件实际使用
需求:瀑布流排序非等长的块级一排两个样式图如下:(先直接讲解决方案,后续放原生3种方式的缺点,有兴趣往后看)解决方案:使用 Macy.js 插件官网:http://macyjs.com/优点:体积小,仅4KB无需依赖jQuery可配置化强,一句话可解决瀑布流显示Code:JS使用// react Hook中的使用 useEffect(() => { // 瀑布流设置 var masonry = new Macy({ contain原创 2021-05-18 13:56:29 · 2162 阅读 · 1 评论 -
VScode神器如何同步配置和所装插件
vcode无导出setting,同步应用设置:安装同步插件"Settings Sync".进入github -> Settings 在左侧 Developer settings -> Personal access tokens点击按钮 Generate new token 新增一个token回到VSCode配置将token配置到本地然后切换回vscode,把token填入进去,enter确定第一次就上传上去了.需要下载配置点击这个如果要重置同转载 2021-04-23 15:35:15 · 980 阅读 · 0 评论 -
构建工具关系图
原创 2021-04-23 15:06:04 · 77 阅读 · 0 评论 -
React+阿里云Aliplayer播放器实现rtmp直播(推流时间差,重启播放器,计时观看)
需求前端框架为React用阿里云播放器Aliplayer播放直播使用的rtmp协议资料阿里云播放器 Web端文档:https://help.aliyun.com/document_detail/125548.html?spm=a2c4g.11186623.6.1177.11de7ff0vHMWJy阿里云Aliplayer播放器在线配置页:https://player.alicdn.com/aliplayer/setting/setting.html业务流程先发请求拿到直播地址,以及设备号等原创 2021-03-26 14:25:48 · 2426 阅读 · 1 评论 -
web前端包管理器NPM,Bower
Bower:Bower 是一个适合Web应用的包管理器,它擅长前端的包管理(类似于 bootstrap,jQuery ),通过其API展示了包依赖模型。使项目不存在系统级依赖,不同的应用程序间也不会共享依赖,整个依赖树是扁平的。NPM:NPM 是进行服务端开发中,使用的 模块 安装工具...原创 2021-03-23 13:55:49 · 98 阅读 · 0 评论 -
热更新,热加载,热部署含义
热更新:含义:HMR 即模块热替换(hot module replacement)的简称,它可以在应用运行的时候,不需要刷新页面,就可以直接替换、增删模块。核心:module.hot.accept()module.hot.accept() 放的好,就可以绕过一些不必要的模块变更检查来提升效率,不过对于懒人来说,直接置于最顶层的模块(比如入口模块)最为省心热加载:针对于后端 ,运行项目时更新类的相关方法,不需要重启Tomcat热部署:直接重新加载整个应用(生产环境),清空内存重新打包,重新解原创 2021-03-23 13:51:50 · 1307 阅读 · 0 评论 -
web前端引用插件:Unpkg,CDN,本地引用使用及对比(内附React项目中Chart引用的处理)
Unpkg通过URL访问所有在npm 上面的文件CDN内容分发,解决网络拥挤和提高网站相应速度常见的使用方法: 用script 标签引用js的地址<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>这种引用包和插件的模式 就叫CDN 模式本地引用(Chart类插件的引用方式推荐)React项目,把插件的js文件下载下来放在public文件夹,打包原创 2021-03-22 18:27:36 · 2816 阅读 · 0 评论 -
api.addDepInfo is not a function TypeError: api.addDepInfo is not a function
问题描述:在修改了umi版本号后,删除所有插件,重新安装然后npm run build后出现以下报错:api.addDepInfo is not a function TypeError: api.addDepInfo is not a function解决方案删除package.lock.json文件重新安装,进行打包即可所有修改版本号后,一定要删除lock文件...原创 2021-03-22 18:10:32 · 1273 阅读 · 0 评论 -
npm run build报错:UnhandledPromiseRejectionWarning: TypeError: pathToFileURL is not a function
问题描述前端框架为react+umi打包时报错:UnhandledPromiseRejectionWarning: TypeError: pathToFileURL is not a function然后报错找不到所有的css文件查遍了最近的修改,发现是umi生了版本,然后css-loader报错解决方案:将umi回退到之前的版本,重新安装打包即可...原创 2021-03-22 18:06:34 · 1529 阅读 · 0 评论 -
git pre-commit hook failed 解决办法
一、 git commit -m ‘xxx’ 出现问题今天在上传项目的时候在commit阶段遇到一个问题,无论是在Sourcetree上传还是用命令git commit -m 'xxx'都报了一下错误:husky > npm run -s precommit (node v8.12.0)husky > pre-commit hook failed (add --no-verify to bypass)后面查了很多方法都没有很好解决。但是大概能总结问题:pre-commit钩子惹的祸转载 2021-03-19 16:21:53 · 576 阅读 · 0 评论 -
使用 iconfont.cn自定义图标,设置color无效
需求说明:Antd官网API说明中明确写 可以使用设置color改变颜色,但在实际使用中设置后无效出现原因及解决:当上传至图标库时,要选择去掉颜色并提交,这样才可以用color去控制颜色原创 2021-03-09 10:06:50 · 1442 阅读 · 1 评论 -
React + AntD + MD5 前端上传文件到阿里OSS(JS版本)(分片上传,普通上传)
阿里oss配置文档前端直接对接 使用的是官网的这部分:https://help.aliyun.com/document_detail/64047.html?spm=a2c4g.11186623.6.1490.375926fdoVE8GE配置前期配置可参考文章:https://segmentfault.com/a/1190000020963346?utm_source=tag-newest描述的十分详细,一定要配置好对应的权限思路:初始化(弹窗打开时 初始化)上传文件时,先不原创 2021-01-13 13:19:40 · 2047 阅读 · 1 评论 -
前端脚手架发布 / npm包发布问题汇总
问题汇总No repository fieldsyscall symlinkoperation not permittedpublish报错远程仓库账号登录 / 密码填错如何修改npm包本地如何卸载解析1.No repository field报错:原因:未添加README文件2.syscall symlink重现操作:本地调试npm包,使用npm link报错:原因:未以管理员身份运行脚本工具(powershell/cmd)3.operation not permit原创 2020-09-14 15:21:28 · 328 阅读 · 0 评论 -
搭建前端脚手架(新手可掌握)内附源码
思路:自定义几个模板,分别上传到github或者码云上通过命令行选择创建项目时要使用的模板拉下远程仓库中的模板前期工作:准备好模板代码,放在github或者码云上注册npm账号添加对应的账号信息到注册表coding代码新建一个文件夹 然后 npm inti 注册信息PS D:\备份\cli-test> npm initThis utility will walk you through creating a package.json file.It only c原创 2020-09-11 16:18:37 · 410 阅读 · 0 评论 -
Jenkins部署深度删除 node_modules (实测好用)
如果项目的插件版本升级比较多在Jenkins上部署的时候,要把原有的node_modules删掉不然会部署错误脚本上删除所有会和版本有关的文件及文件夹rm -rf node_modulesrm package-lock.json (如果有)npm cache clear --forcenpm install实测!!最好用的版本了!!...原创 2020-05-19 17:32:10 · 2961 阅读 · 1 评论 -
momentJS减法moment.subtract 改变自身值
需求:在下方选中时间段然后在图标这里显示 选中的时间段内的每一天日期思路:算出时间差 然后一天天往前退 列出每一天想先在componentDidMount试试能不能拿到值但是 拿到的结果却不对从i=2的时候 就选出的日期不对了后续断点发现 .subtract方法改变了本身的值查资料发现 需要用moment(time)包起来原本以为 给的time 已经是moment实例了...原创 2019-12-19 15:28:32 · 10340 阅读 · 0 评论 -
Gerrit的常用方法及问题
克隆项目本地生成ssh秘钥链接参考:https://blog.csdn.net/qq_41921511/article/details/86169782ssh配置到gerrit的setting中clone项目选择clone with commit-msg hook提交代码切换至目标分支git checkout master拉取目标分支最新内容git fetch o...原创 2019-11-12 14:43:06 · 4084 阅读 · 0 评论