
笔记
Shirley~~
进阶的前端小菜鸡一枚
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js报错cannot read properties of null(reading appendChild)解决办法
起因js渲染,香江一个新创建的节点加入css的节点中,成为它的子节点chooseArea(); function chooseArea(){ // 获取chooseArea容器 var chooseArea = document.querySelector('.mainCon .chooseWrap .choose .chooseArea '); // console.log(chooseArea); // 获取数据 var crumbData原创 2022-05-25 09:35:48 · 25587 阅读 · 1 评论 -
jQuery之toggleClass() 方法
toggleClass()对设置和移除被选元素的一个或多个类进行切换,有则删除,无则加toggleClass() 方法有两个参数,class和switch原创 2022-06-24 09:33:44 · 2634 阅读 · 0 评论 -
使用jQuery完成表单验证,实现全选、全不选、反选以及提交事件
使用jquery完成表单验证,实验全选、全不选、反选以及提交事件原创 2022-06-14 18:07:16 · 522 阅读 · 0 评论 -
报错Error: listen EADDRINUSE: address already in use :::xx 端口被占用问题
端口被占用问题原创 2022-08-18 21:48:13 · 981 阅读 · 1 评论 -
clientWidth、clientHeight、 clientLeft、clientTop的区别
clientWidthelement.clientWidth 属性表示元素内部的宽度,以像素计。element.clientWidth=Width+paddingclientWidth的特殊情况当在根元素上使用clientWidth时(或者在body标签上,如果文档是在quirks(怪异)模式下),将返回viewport的宽度(不包括任何滚动条).该属性值会被四舍五入为一个整数。如果你需要一个小数值,可使用 element.getBoundingClientRect()。clientHe..原创 2022-05-15 10:39:14 · 464 阅读 · 0 评论 -
call和apply方法的作用与区别
call()call()用来调用给定值和单独提供函数的参数。call()使用时可以继承另一个对象的属性,而不必为新对象重写该方法。apply()apply() 方法调用具有给定值的函数,并以数组(或类似数组的对象)的形式提供。它使用时也可以继承另一个对象的属性,而不必为新对象重写该方法。例子使用 call() 和 apply()方法时...原创 2022-06-09 11:50:37 · 294 阅读 · 0 评论 -
js之立即调用函数(IIFE)
1.什么是立即调用函数?立即调用函数:也叫立即执行函数,会在函数创建后立即调用,并且只会调用一次。2.作用立即调用函数创造了一个私有的作用域,不会让这个作用域中的变量和方法污染到全局。封装变量闭包和私有数据3.写法立即调用函数主要包括两部分,第一部分是包围在圆括号运算符 () 里的一个匿名函数,这个匿名函数拥有独立的词法作用域。这不仅避免了外界访问此 IIFE 中的变量,而且又不会污染全局作用域。第二部分再使用 () 创建了一个立即执行函数表达式,JavaScript 引擎到此将直接执行原创 2022-05-07 10:59:35 · 726 阅读 · 0 评论 -
报错:Uncaught ReferenceError: $ is not defined 的解决方法
报错:Uncaught ReferenceError: $ is not defined 的几个原因1.没有导入jQuery的jar包2.jQuery的jar包放进了WEB-INF里,jQuery的jar包最好放在WebContent下,跟WEB-INF同级3.导入jQuery的路径名没有写对4.jQuery没有包含js上面是引入顺序,我的错误是我的jQuery文件里面没有包含js库代码,所以导致报错,下面是jQuery- v1.10.1.js库...原创 2022-06-14 09:51:28 · 16605 阅读 · 1 评论 -
react报出警告Failed to parse source map: ‘webpack://antd/./components/config-provider/style/index.less‘
Failed to parse source map: 'webpack://antd/./components/config-provider/style/index.less'antd.min.css就可以了。原创 2022-10-28 19:56:30 · 1214 阅读 · 2 评论 -
react报错index.jsx:8 Uncaught TypeError: Cannot read properties of undefined (reading ‘map‘)
在react时使用map遍历数组报错index.jsx:8 Uncaught TypeError: Cannot read properties of undefined (reading 'map')原创 2022-10-06 10:52:17 · 1473 阅读 · 0 评论 -
js报错之item.getAttribute is not a function
代码报错解决过程我想获取item下的属性changePrice,报错item.getAttribute is not a function,我就用console.log(item.getAttribute(‘changePrice’));想打印出来这个结果,但是为空,价格非法我就去打印上一步的item,一步一步的向上找,最后发现自己的dd容器里面没有这个属性,我只是将js文件里面的数据引用过来而已,没有设置这个changePrice建议大家如果报错,先查找自己这个里面是否设置这个属性代码附原创 2022-05-27 10:20:30 · 2356 阅读 · 1 评论 -
js之回调函数
回调函数回调函数被作为实参传入另一函数,并在该外部函数内被调用,用以来完成某些任务的函数,称为回调函数。一个简单的例子<script type="text/javascript"> window.onload = function(){ // 回调函数 function a(m){ return m+m; } console.log(a(3));//6 返回一个数据 console.log(a);//f a(m){return m+n} 返原创 2022-05-25 11:20:09 · 789 阅读 · 0 评论 -
原型链式继承
每个函数对象都会有一个phototype属性,这个属性指向的对象为原型对象。这个函数如果作为普通函数调用,则原型函数没有任何作用;如果作为构造函数调用,那么它的实例就会拥有一个隐含的属性__poroto__,也叫做隐式原型,隐式原型指向构造函数的原型对象。我们定义了Dog构造函数,里面定义了狗的一些属性,姓名,颜色、年龄等;定义了Corky构造函数,用call()方法继承了Dog的属性;为Dog定义了原型方法,通过更改Corky的原型对象,让它来继承Dog的原型方法,所以Corky也拥有了dog的跑、跳原创 2022-06-09 17:32:03 · 100 阅读 · 0 评论 -
原型prototype与原型对象__proto__
定义prototype:每个函数(function)对象中都有一个特殊的属性,叫做prototype,该属性指的对象为原型对象。原型对象(prototype)相当于一个公共的区域可以被所有的该类实例访问,我们可以将一些实例共有的属性或方法存储在原型对象中,这样只需要设置一次即可以让所有的对象都访问到该方法或者属性。_ proto :每个对象都有一个__proto_(隐式原型)属性。constructor:是构造函数显示原型的一个属性,指向这个原型对象对应的构造函数。实例的隐式原型指向其构造函数的显示原创 2022-06-01 20:49:25 · 305 阅读 · 0 评论 -
vue-router的重定向
当页面不显示,提示[vue-router] invalid redirect option: {“staticRenderFns”:[null],“_compiled”:true,“beforeCreate”:[null],“beforeDestroy”:[null],“__file”:“src/pages/Message.vue”}时,检查一下自己重定向的位置是否正确。原创 2023-02-17 18:50:53 · 595 阅读 · 0 评论 -
[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not avaiable
[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.(found in )原创 2022-12-13 09:47:14 · 4253 阅读 · 0 评论 -
vue脚手架中eslint禁用
vue脚手架中eslint的禁用原创 2022-12-11 19:34:45 · 3392 阅读 · 0 评论 -
正则表达式基础
最基础的正则表达式,一篇快速读懂原创 2025-01-14 15:07:38 · 1085 阅读 · 0 评论 -
Refused to apply style from ‘http://localhost:8080/css/iconfont.css‘ because its MIME type (‘text/ht
efused to apply style from 'http://localhost:8080/css/iconfont.css' because its MIME type ('text/ht原创 2023-02-18 17:37:32 · 1889 阅读 · 1 评论 -
vue项目报错:Component name “xxx“ should always be multi-word
vue项目报错:Component name "xxx" should always be multi-word原创 2023-02-18 16:20:25 · 411 阅读 · 0 评论 -
vue-router报错Uncaught ReferenceError: xxx is not defined
报错 Uncaught ReferenceError: Messagedetail is not defined中是否引入。原创 2023-02-17 19:19:55 · 1187 阅读 · 0 评论 -
react-router-dom v6携带三种参数的方法
react-router-dom v6携带三种参数原创 2022-10-14 21:23:14 · 800 阅读 · 0 评论 -
Reacte路由报错:A <Route> is only ever to be used as the child of <Routes> element, never rendered direct
由于react-router-dom更新到6版本以后,有一些写法开始与5不同原创 2022-10-12 15:56:42 · 1540 阅读 · 3 评论 -
react警告之react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18.
react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more:原创 2022-10-08 11:07:22 · 4141 阅读 · 1 评论 -
报错:Uncaught Invariant Violation:Target container is not a DOM element
Uncaught Invariant Violation:Target container is not a DOM element原创 2022-09-26 20:05:17 · 772 阅读 · 0 评论 -
webpack报错之TypeError:Cannot read property ‘tap‘ of undefined at HtmlWebpackPlugin.apply
配置webpack生成html文件时,报错TypeError:Cannot read property ‘tap’ of undefined at HtmlWebpackPlugin.apply,我在网络上经过查阅发现自己是HtmlWebpackPlugin安装版本的问题,我修改了一下HtmlWebpackPlugin的安装版本就成功了。如果你也出现同样的错误,查看一下自己的版本是否与webpack的版本兼容,具体查看官网。原创 2022-09-21 16:06:40 · 1089 阅读 · 0 评论 -
构造函数的定义
定义构造函数就是通过函数创建多个属性和方法相同的对象。它抽取了对象的公共部分,封装到函数里面,它泛指某一大类(class),类似于JAVA中的类。(原文链接:https://blog.youkuaiyun.com/Colincck/article/details/121808088)简言之,构造函数就是专门用来创建对象的函数。特点构造函数的定义方法和普通函数没有区别,但是构造函数名首字母必须要大写构造函数不需要return就可以返回值,依靠的是new关键字的作用构造函数和普通函数的区别在于调用方式,原创 2022-05-27 21:53:02 · 1321 阅读 · 1 评论 -
input与button之间的空格
再写html页面时,我们会发现css中input输入框和button按钮之间存在空格,而且对不齐。1.原因出现空隙是写代码的时候换行导致的2.解决办法给input框加上float:left 可解决原创 2022-05-13 17:35:39 · 526 阅读 · 0 评论 -
Hbuilder X中less文件直接编译
Hbuilder X种如何直接编译less文件在Hbuilder X工具栏找到工具——》外部命令插件配置——》compile-less——》package.json打开package.json文件,将文件中onDidSaveExecution的值由false改为true.最后重启软件或者重启电脑就可以直接编译less文件了。...原创 2022-05-13 15:13:18 · 828 阅读 · 0 评论