![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
工具使用
文章平均质量分 62
嘻嘻嘿嘿哈哈
不想做运营的产品不是好前端
展开
-
前端项目开发-部署上线过程
前端项目的创建-打包-部署原创 2022-07-07 20:37:20 · 4804 阅读 · 0 评论 -
chrome network分析
转载自chrome network 一次timing分析一、背景在chrome浏览器运行前端项目时 ,发现页面渲染很慢,F12打开控制台- network,发现有些请求响应时间长达7s多的时间,点击查看timing如下:如上图所示,该http请求的 waiting(TTFB)时间很长~二、几个重要的概念(加粗为重点)1、Queueing(队列)【资源调度】期间,浏览器有自己的线程限制,所有的请求不可能都能够同时发送,一般chrome的最大并发连接数为6,根据请求顺序,会将所有请求加入队列中,此转载 2022-01-27 16:50:00 · 678 阅读 · 0 评论 -
js工具知识点
subscription-setup-history.listen原创 2019-12-12 17:59:32 · 52 阅读 · 0 评论 -
镜像是什么
镜像(Mirroring)是一种文件存储形式,是冗余的一种类型,一个磁盘上的数据在另一个磁盘上存在一个完全相同的副本即为镜像。可以把许多文件做成一个镜像文件,与GHOST等程序放在一个盘里,用GHOST等软件打开后,又恢复成许多文件。常见的镜像文件格式有ISO、BIN、IMG、TAO、DAO、CIF、FCD等概述所谓镜像文件其实和ZIP压缩包类似,它将特定的一系列文件按照一定的格式制作成单一的文件,以方便用户下载和使用。例如一个测试版的操作系统、游戏等。镜像文件不仅具有ZIP压缩包的“合成”功能,转载 2021-11-01 17:57:54 · 8655 阅读 · 0 评论 -
前端工具总结
Tips:本文好像把所有前端用到的工具归为了build工具转载自我终于弄懂了各种前端build工具即使对于一些经验丰富的开发者来说,诸多的前端工具还是会让他们感到头痛,例如我。解决这个问题的最好办法,就是在概念上理解他们的工作方式,以及他们之间相互配合的方式。不要被各种专业名词唬住Node, NPM, Grunt, Gulp, Bower, Webpack, Browserify, Yeoman, Brunch……诸多的名词让你一时间感到手足无措,好像根本学不完。其实关键就是,不要被它们唬住。要转载 2021-10-26 16:27:13 · 130 阅读 · 0 评论 -
npm ERR! Error: EPERM: operation not permitted, unlink
参考有很多解决办法,我试了第一种,把node.exe进程关掉,再打开就没问题了原创 2021-07-08 14:55:32 · 450 阅读 · 0 评论 -
gg-editor的使用
需求:拖拽结点进页面时默认打开一个弹窗问题:如果Flow有初始化data,拖节点进画布,关掉弹窗后,新拖进来的结点会消失解决:不使用data初始化数据。在Flow组件加载之后,调API的read方法。过程中的问题:本来是在Toolbar的didMount中调用的。结果报错can’t read read of undefined。这是因为当时画布还没画好。所以单独封装了Flow组件,在Flow组件的didMount中调用。而且,我发现参考文档中很多事件不生效,github中的事件是生效的。如下:原创 2021-06-21 16:53:21 · 3000 阅读 · 1 评论 -
Echarts - ReactCharts
在同一张图中移动鼠标,并不会hideTip,一直在showTip原创 2021-06-21 16:36:44 · 183 阅读 · 0 评论 -
antd组件使用技巧
且用且珍惜。。。DrawerdestroyOnClose关闭时销毁 Drawer 里的子元素。 所以只能销毁dom对应的数据。有一次项目需要,用getFieldDecorator注册了一个值,不对应dom元素。结果在drawer关闭的时候,这个变量的值并不会清空。其他有对应dom的值会清空。...原创 2021-01-16 16:57:50 · 1335 阅读 · 0 评论 -
npm和yarn的区别
链接p.s. 不想做运营的产品不是好前端^^防丢失:周一入职,同事JJ让我熟悉一下基于React的新项目。按照以往,我的步骤都是:git clone xxxnpm installnpm run dev这时,JJ给我来了下面一段git clone xxxyarnyarn start“咦,yarn是什么鬼?难道npm更高级的替代品?为什么要替代npm?难道有什么好的地方?”,内心一连串的问题冒出来。我就默默的问了一下JJ:“yarn是跟npm一样的东西吗?”,“嗯。”JJ忙碌的敲着键盘,转载 2020-12-28 17:54:38 · 114 阅读 · 0 评论 -
JSLint,JSHint,ESLint对比
原文链接转载 2020-01-12 17:17:48 · 555 阅读 · 0 评论 -
Eslint 超简单入门教程
转载地址两个月之前在项目中就开始使用 Eslint ,当时直接 copy 别人的 .eslintrc.js 文件,感觉好复杂,一直没吃透,中间去把 Eslint 官方文档看了数遍,依然无果。今天刚好没事,回过头来想整理一下 Eslint 的使用,突然发现变得好简单。总结下在这过程中走得弯路:先要知道 Lint 是什么,Eslint 又是什么;因为想要的太多(想把 Eslint 官方文档里每个字都记住)就容易抓不住重点(目的是在项目中使用 Eslint,这仅仅是个工具,工具又怎么会搞的太难)。转载 2020-07-09 11:30:24 · 590 阅读 · 0 评论 -
git cherry-pick 教程 - 改动需要提交到多个分支的解决
项目中经常遇到改动要同时提交到master和release分支。原来都是在两个分支各写一份代码。但是如果代码量大,或者两个分支差别大的时候,很麻烦。git cherry-pick可以解决这个问题。以下为转载。git cherry-pick 教程对于多分支的代码库,将代码从一个分支转移到另一个分支是常见需求。这时分两种情况。一种情况是,你需要另一个分支的所有代码变动,那么就采用合并(git merge)。另一种情况是,你只需要部分代码变动(某几个提交),这时可以采用 Cherry pick。一、转载 2020-06-29 16:18:22 · 3786 阅读 · 0 评论 -
Webstrom debug调试工具 JetBrains IDE Support
当我们在采用WebStorm编写前端页面的时候总会遇到需要调试的地方,不论是跟随debug详细查看源码中每一步的跳转,还是修复研发中所存在的bug问题,因此配置一个完善的debug环境对于研发效率是有很大的提升的.因此给大家推荐一个基于谷歌浏览器的调试插件JetBrains IDE SupportJetBrains IDE Support是什么:JetBrains IDE Support是一...转载 2019-12-09 16:06:14 · 1351 阅读 · 1 评论 -
word-设置默认字体
百度经验 其实在网上搜一搜遍地都是。问题设置之后,发现每当换行,或者输入数字/英文之后,再输入文字,就变成了默认的宋体。原因:字体支持实验一效果大概是这样:输入英文/数字之后,或者换行,再输入文字变成word默认的宋体实验二效果:输入英文/数字,换行都没问题结论我也不确定,但是大概是我想要使用的字体 ‘清松手写体’ 自身的问题吧如果有大神知道其他原因,求指导~...原创 2019-12-04 17:08:49 · 258 阅读 · 0 评论