![](https://img-blog.csdnimg.cn/20200715225924176.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
小知识点(报错、小知识)
文章平均质量分 58
遇到的报错处理,做项目中遇到的小知识点的整理。 这块会续更,遇到就记下来更新一下。
新生代农民工官方认证码农小拽
实践是检验知识的唯一标准!
展开
-
errno -4058,enoent ENOENT: no such file or directory ‘...node_modules/xxx‘找不到文件
没截图,找了个类似的npm i和npm install都不行, 也没有生成node_modules文件夹。删除package-lock.json,重新npm i或npm install也不行。接着试了一下yarn,正常生成了node_modules文件夹。项目也正常启动了。做同类项目无数个了,第一次遇到这种情况。...原创 2022-04-01 14:40:04 · 956 阅读 · 0 评论 -
video在ios无法自动播放的问题处理
用原生html的时候,没遇到这个问题,在用react框架时,遇到了这个无法自动播放的问题。web和安卓是正常的,ios中无法正常播放。代码是这样的:<video autoPlay preload="auto" className="banner_video" controlsList="nodownload" loop="loop" muted poster="xxx.png"> <source src="xxx.mp4" type="video/mp4" /> 您的原创 2022-03-03 10:43:04 · 3863 阅读 · 0 评论 -
bug: error Command failed with exit code 1.
装了nodemon之后, 数据更新,反而出现了报错。试了搜索了解决方法,都没能解决,说下我自己的操作,最后是处理好了:main这里我看了一下, 之前变成了index.js现在改成了app.js, 也就是后台的入口文件。然后就好了。...原创 2021-12-13 20:27:49 · 2458 阅读 · 0 评论 -
npm run eject报错:This git repository has untracked files or uncommitted changes:...
意思是, 还有变更文件,没有通过git上传。就像这样:这里还有一堆文件没处理。把这些push之后,就可以正常的执行npm run eject了。原创 2021-12-04 15:14:26 · 561 阅读 · 0 评论 -
2021-11-12 每天进步一点点: 你真的搞懂模拟setInterval定时器了吗?
这里写目录标题setInterval特点用setTimeout实现setInterval定时器的timerId机制给模拟定时器加次数限制让定时器停下来模拟定时器再也不能无视错误代码了setInterval特点无视错误代码。当定时器里执行的代码报错时,定时器依然会重复输出报错,不会停止执行。举个例子:setInterval(function() { console.log(aaa)}, 1000)打开控制台,看下输出结果:单次执行时间不固定简单说下定时器的机制。定时器的延迟时间原创 2021-11-12 14:55:13 · 901 阅读 · 2 评论 -
2021-11-07 每天进步一点点:css动画和js动画的特点与区别
css动画需要知道盒子的起始位置和结束位置。而js不需要。以animation为例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initia原创 2021-11-07 21:54:23 · 91 阅读 · 0 评论 -
面试题模板已搭建,欢迎来git补充面试题
项目gitee地址: https://gitee.com/guozia007/audition-qa欢迎补充内容和交流学习。原创 2021-10-26 21:29:21 · 86 阅读 · 0 评论 -
单行超出隐藏,多行超出隐藏
单行<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>多行</t原创 2021-10-26 09:18:32 · 99 阅读 · 0 评论 -
关于原生html和js上传文件的处理
目录基本结构样式处理为啥要做样式处理怎么处理样式input内用到的属性及用法accept 可以上传的文件类型获取上传后的文件sth.files字段解释获取视频文件的时长参考文档基本结构<label for="sth">上传文件</label><input type="file" id="sth" name="nickname">图1:样式处理为啥要做样式处理看上面图1,原始样式很不好看,也不好处理。项目中,还会根据文件上传的状态,给出提示或其他交互内容原创 2021-10-08 19:34:02 · 756 阅读 · 0 评论 -
前端小知识点(合集)
这里写目录标题1,js实时监测input输入框值的变化1,js实时监测input输入框值的变化dom.oninput = function() { console.log(this.value);}这里需要注意的是 oninput , onchange , onpropertychange三者的区别-- https://www.cnblogs.com/em2464/p/7679019.html...原创 2021-10-08 12:01:17 · 76 阅读 · 0 评论 -
修改浏览器的默认最小字号限制(以chrome为例)
修改浏览器的默认最小字号限制小于最小字号的应用场景修改方法小于最小字号的应用场景web页面和手机页面用同一套代码开发时,在一个固定框内输入一行字,在web端浏览器下,可以正常正常显示:但是在手机页面中,屏幕较小,固定框的宽度也会缩小,由于我们是在浏览器控制台中的手机模式中查看的,所以字号小到一定程度,就被浏览器限制了,不能再小了。在浏览器中查看,就会显示文字超出了框的大小。但是手机页面是没有最小字号限制的,在手机页面可能查看是正常的。所以容易对开发造成困扰:这时候,就要取消浏览器的最小字号限制,原创 2021-09-08 11:34:47 · 3934 阅读 · 0 评论 -
清除浏览器缓存的方法(chrome为例)
清理掉缓存[1] 依次操作:打开`network` , 选中`disable cache`[2] 谷歌浏览器左上角,右击刷新按钮,然后选中最后一个选项:[3] 浏览器设置里[1] 依次操作:打开network , 选中disable cache[2] 谷歌浏览器左上角,右击刷新按钮,然后选中最后一个选项:[3] 浏览器设置里...原创 2021-09-04 10:53:35 · 1131 阅读 · 0 评论 -
奇怪的bug:表单post提交操作时,前端报错404,后台接口运行正常,写入数据库正常。(后台用koa2写的)
奇怪的bug问题描述解决方法问题描述附图说明:接口返回:404页面显示 ok数据库显示 ok解决方法清理掉缓存。[1] 依次操作:打开network , 选中disable cache[2] 谷歌浏览器左上角,右击刷新按钮,然后选中最后一个选项:[3] 浏览器设置里好了,清理过后, 再看下。正常了。...原创 2021-09-03 20:57:39 · 747 阅读 · 0 评论 -
PS切图工具retinize it actions的用法
资源包前端群1064534163 ,打开群文件 -- 开发工具,点击下载即可。放到自己电脑的文件夹里后, 双击自动安装。应用场景比如我有下面1和2两个图层,需要切图成一张图片:平常做法是,关闭其他兄弟图层,然后在父图层里右击导出。如果项目较大,图层较多,这种方法会很麻烦。浪费时间,还容易切错。用该工具,只需要选中要切的图层,导出即可。下面展示用法。用法在PS里,点击窗口,选择动作 , 会出现下面的弹窗:找到Slice It选项,点击。找到要合并的切图。按Ct原创 2021-09-02 12:30:56 · 280 阅读 · 0 评论 -
鼠标拖动效果
好久不写这种效果了,突然写起来,还真费了点力气。 放这里,以后用的时候复习一下。。。下面的代码直接CV到编辑器里,用浏览器打开页面就能直接用。原生js写的,在框架范围内,不用考虑兼容性问题。不管用的哪种框架,拿去就能用。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=e原创 2021-07-05 17:48:20 · 181 阅读 · 0 评论 -
JS点击关闭按钮或盒子外,关闭盒子
大家好,我是梅巴哥er。本篇介绍 JS点击关闭按钮或盒子外,关闭盒子 的其中一种方法,以及对方法进行封装。先看图:上代码<!-- demo.html --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name原创 2021-06-24 17:36:34 · 1447 阅读 · 2 评论 -
bug处理(合集)
大家好,我是梅巴哥er。本篇用于总结做项目或学习过程中,遇到的bug或小知识点。*注:该篇将永久更新。1,页面缩小导致页面下方滚动条问题如图,当页面缩小时,会在下方出现滚动条。 用户拉动滚动条,在后侧会显示一块空白区域。 会影响用户体验。 所以应该去掉这个滚动条。让页面缩小时,也不出现滚动条。处理方法body { overflow-x: hidden;}...原创 2021-06-07 16:43:30 · 394 阅读 · 0 评论 -
小知识:btn.addEventListener is not a function报错处理
用自己的话讲有趣的知识。大家好,我是梅巴哥er。本篇介绍一个报错处理和document.getElementsByClassName('xxx')的用法。今天看到有人发帖说在用getElementsByClassName的时候出现了报错,而且就算解决了,也还没弄清原因,所以写一下关于报错原因、解决办法及获取DOM元素方法的总结,解决大家的疑惑。参考资料:MDN/getElementsByClassName的用法报错举例:// 举个例子<!DOCTYPE html><原创 2021-03-02 02:23:11 · 7056 阅读 · 0 评论 -
小知识点:null, undefined, NaN, Infinity的值是否相等或全等
大家好,我是梅巴哥er,本篇介绍一个有趣的小知识点。在看数据基本类型的时候,想到这个问题:null, undefined, NaN, Infinity的值是否相等或全等?后又看到了别人在问,于是,我用代码测试了一下:console.log(null == undefined)console.log(null === undefined)console.log(null === null)console.log(NaN == null)console.log(NaN === NaN)con原创 2021-02-28 00:32:37 · 417 阅读 · 2 评论 -
对应的前端知识总结归纳(常被问到的知识二:CSS版块)
大家好,我是梅巴哥er。本篇介绍CSS版块的知识总结。本来已经写好的,结果在分类的时候给弄丢了,还要重新写一遍,大半夜的,气死我了,一点睡意都没有。。。。。。常用学习网站:W3c:https://www.w3school.com.cn/css3/index.asp菜鸟教程:https://www.runoob.com/css3/css3-tutorial.htmlbootstrap官网:https://www.bootcss.com/知识归纳:如何画一个三角形说一下css盒模型画一条原创 2021-01-06 02:25:11 · 229 阅读 · 0 评论 -
对应的前端知识总结归纳(常被问到的知识八:其他版块)
大家好,我是梅巴哥er。本篇介绍会被问道的其他版块。知识归纳:websocket的实现和应用一个图片url访问后直接下载怎样实现说一下web workeriframe是什么?有什么缺点一句话概括RESTFUL讲讲viewport和移动端布局强缓存/协商缓存前端优化涉及哪些知识点说一下浏览器缓存地址栏里输入一个URL,到这个页面呈现出来,中间会发生什么?浏览器在生成页面的时候,会生成哪两棵树?csrf和xss的网络攻击及防范怎么看网站的性能如何具体有哪些请求头是跟缓存相关的?原创 2021-01-06 02:01:25 · 199 阅读 · 2 评论 -
对应的前端知识总结归纳(常被问到的知识七:封装接口Ajax版块)
大家好,我是梅巴哥er。本篇介绍封装接口Ajax版块。常用学习网站:我自己翻译的中文文档:https://blog.csdn.net/tuzi007a/article/details/107754966菜鸟教程: https://www.runoob.com/ajax/ajax-tutorial.html知识归纳:fetch发送2次请求的原因Ajax解决浏览器缓存问题将原生的ajax封装成promiseajax返回的状态实现一个Ajax,需要什么样的流程如何实现ajax请求,假如我原创 2021-01-06 01:55:05 · 155 阅读 · 2 评论 -
对应的前端知识总结归纳(常被问到的知识六:React等框架版块)
大家好,我是梅巴哥er。本篇介绍React等框架版块的知识总结。React版块常用学习网站:React官网ant-d官网知识归纳:讲讲vue的生命周期(或者react生命周期)redux用处redux里常用方法前端流行框架的考查。说说vue react angularjs jquery的区别介绍一下react(或vue等,以下同)React单项数据流react生命周期函数和react组件的生命周期react和Vue的原理,区别,亮点,作用reactJs的组件交流(父子组件之原创 2021-01-06 01:48:11 · 192 阅读 · 0 评论 -
对应的前端知识总结归纳(常被问到的知识五:Node版块)
大家好,我是梅巴哥er。本篇介绍关于Node版块的知识总结。Node版块常用学习网站:Node官网express框架官网Node基础知识整理Mongo菜鸟教程知识归纳:说一下http和httpstcp和udp的区别http请求方式,head方式说一下http2.0补充400和401/403状态码cookie,sessionSorage,localStorage的区别Cookie如何防范XSS攻击?cookie和session的区别介绍一下知道的http返回的状态码ht原创 2021-01-06 01:46:37 · 192 阅读 · 0 评论 -
对应的前端知识总结归纳(常被问到的知识四:ES版块)
大家好,我是梅巴哥er。本篇介绍ES版块的知识总结。ES版块常用学习网站:阮一峰老师的讲解B站找相关视频学习知识总结:讲几个很实用的BOM属性对象方法说一下闭包说一下类的创建和继承如何解决异步回调地狱改变函数内部this指针的指向函数(bind,apply,call的区别)说一下Commonjs、AMD和CMD如何实现一个私有变量,用getName方法可以访问,不能直接访问自己实现一个bind函数代码的执行顺序的考查// 写出如下代码的输出结果setTimeout(f原创 2021-01-06 01:45:19 · 224 阅读 · 0 评论 -
对应的前端知识总结归纳(常被问到的知识三:JS版块)
大家好,我是梅巴哥er。本篇介绍JS版块的知识总结。前端知识总结系列:JS版块常用的学习网站:JS基础知识整理JQ基础知识整理JS进阶和ES基础知识整理MDN官网(最全面的)B站搜黑马教程,pink老师讲的。知识总结:click在ios上有300ms延迟,原因及如何解决?addEventListener参数说说前端中的事件流如何让事件先冒泡后捕获说一下事件委托mouseover和mouseenter的区别js的new操作符做了哪些事情js的各种位置,比如clientH原创 2021-01-06 01:41:46 · 575 阅读 · 0 评论 -
对应的前端知识总结归纳(常被问到的知识一:HTML版块)
大家好,我是梅巴哥er。上篇 对前端经典问题进行了总结。 本篇,我们来总结一下前端的知识,做个归纳。本篇分为若干的版块,如html版块,css版块,js版块,es版块,react等框架版块(我用的是react,主要介绍react),webpack等打包工具的版块,后端node版块,封装接口ajax版块,实操场景问题的处理其他其中css占比较大,其次是js和es的知识。框架和后端的知识占比少,但是一般都是大知识点首先来看看HTML版块这个版块包含的知识不太多,在项目代码量里通常占原创 2020-12-28 02:57:48 · 349 阅读 · 0 评论 -
前端经典问题总结,来看看你都会哪些?有哪些问题也很经典,但是还没提到的,评论回复我哦~!
1.说一下http和https2,tcp三次握手,一句话概括3,tcp和udp的区别4,websocket的实现和应用5,http请求方式,head方式6,一个图片url访问后直接下载怎样实现7,讲几个很实用的BOM属性对象方法8,说一下html5 drag api9,说一下http2.010,补充400和401/403状态码11,fetch发送2次请求的原因12,cookie,sessionSorage,localStorage的区别13,说一下web worker14,对ht.原创 2020-12-25 14:16:28 · 758 阅读 · 2 评论 -
复盘一下怎么把写好的代码传到github上
大家好,我是梅巴哥er。 刚才我试着把代码上传到github上,成功了。第一次传代码,有点兴奋,同时也做个记录和总结。2020年10月1日起,为了避免带有种族歧视色彩,GitHub开始把master分支改成main分支了,可能master这个词,在英语里还有什么特殊的含义吧。这里就不深究了。改就改吧,那么,相应的,传项目代码时,操作git的个别代码词汇需要相应的做点调整。但是对从0到1操作的项目,几乎没有影响。大家放心食用。下面开始介绍操作步骤。操作时间是2020年11月25日,也就是10月1日原创 2020-11-25 03:47:02 · 188 阅读 · 1 评论 -
node:后台npm start启动报错:MongooseServerSelectionError: connect ECONNREFUSED 127.0.0.1:27017
大家好,我是梅巴哥er。今天一早,准备打开项目继续码,结果突然报错:MongooseServerSelectionError: connect ECONNREFUSED 127.0.0.1:27017。报错代码大致就是这样:(说明一下,图是用的这位博主的。感谢这位博主的提示,不然我不知道问题所在。因为一下子就处理好了,没来得及截图自己的报错内容,报错和他的也一样,就借用了一下该图)这让我一头雾水,一直都好好的,咋就突然报错了呢?!!然后就百度查,发现是mongodb服务关闭了。找到原因,那就好原创 2020-11-12 08:37:06 · 5042 阅读 · 16 评论 -
小知识点系列2:怎么拿到双标签组件的数据
大家好,我是梅巴哥er, 本篇介绍拿到双标签组件数据的小方法this.props.children。第一种:直接写内容的// 双标签组件里直接写内容import React, { Component } from 'react'class Child extends Component { render() { return ( <div> { this.props.children }原创 2020-08-16 18:49:40 · 161 阅读 · 0 评论 -
1,create-react-app 创建文件名踩雷:name can no longer contain capital letters
如图提示,创建文件名报错。错误提示: create-react-app创建文件名时, 文件名不能有大写字母。更正如下:可以看到,现在就能正常创建了。原创 2020-07-26 00:22:20 · 240 阅读 · 0 评论