weixin_43794803的博客

原创 安装webpack 后查询webpack版本报错

报错信息： 解决方法：1.npm install -g webpack-cli2.npm install --save-dev webpack-cli //同步到局部项目文件夹下再次检查版本成功！但是提示：webpack-dev-server not installed于是再次执行命令： npm install --save-dev webpack-dev-server 成功！...

原创 设置overflow-y:auto；属性，监听事件失效

在监听事件后面加上true就ok了window.addEventListener(“scroll”, this.scroll, true);

原创 Proxy error: Could not proxy request /oss/login from 192.168.1.8:8081 to

运行vue项目报错：Proxy error: Could not proxy request /oss/login from 192.168.1.8:8081 to http://172.10.8.219:8089/cycling. See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ETIMEDOUT).解决方法：1.找到vue.config.js文件2. 修

原创 npm install 报错

报错信息：gyp ERR! configure errorgyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.gyp ERR! stack at PythonFinder.failNoPython (C:Users***AppDataRoamingnpmnode_modulesnode-sassnode_modulesnode-gyplibconfigure

原创 vue full-page插件使用，导致组件监听滚动事件失效

问题：vue组件使用了full-page插件，然后该组件的鼠标滚动事件监听失效，导致不能实现回到顶部功能；解决方法：使用vuex，在state里面设置变量，用mapState映射state里面的变量，然后在该组件中用watch监听该变量，再根据full-page插件里面的afterload 判断目前已经滚动到了哪一个页面，根据实时更新页面的index来判断是否显示回到顶部按钮，再在该按钮的点击事件里面执行回到顶部操作；...

原创 vscode 格式化插件

vscode 格式化插件： 转载地址：https://juejin.cn/post/7004733767499644958

原创 vetur插件使用

原创 关于vh和%对滚动条的问题

vh和%

原创 npm install less less-loader --save-dev 报错

npm 安装less 报错

原创 Uncaught TypeError: Object(...) is not a function

1.在写vue项目时碰到的一个报错报错：Uncaught TypeError: Object(…) is not a function原因：vuex版本有问题解决方法：npm install vuex；重装最新版本的vuex;

原创 Webpack打包工具

1.module: 各种源码文件（js，css，PNG等）； 2.chunk: 模块的依赖分析；3.bundle: 最终输出的打包文件；配置webpack的文件： webpack.config.js 1.entry:定义构建依赖图的路口，指示webpack依赖哪个模块来作为构建其内部依赖图的开始，进入入口文件（main.js文件）后，webpack会找出哪些模块和库是入口起点所依赖的；

原创 ES6之全局块作用域绑定

1.var在用于全局作用域·时，它会创建一个新的全局变量作为全局对象（window）的属性，var会覆盖一个已经存在的全局变量； 2.全局作用域中使用let或const，会在该作用域下创建一个新的绑定，但改绑定不会添加为全局对象的属性，即不能覆盖全局变量，而只能遮蔽它；...

原创 React之this.props对象

1.组建的属性可以在组件类的this.props对象上面获取，this.props.属性名；

原创 JS之proxy代理

1.proxy对象用于创建一个代理，用来对一个对象进行自定义（属性查找，函数调用，赋值，枚举等）和拦截； 2.语法：let b=new proxy(target,handler); 3.target对象，可以是代理的目标对象（可以是原生数组，函数，或者是另一个代理）； 4.handler通常是一种以函数为属性的对象，里面的属性函数定义了一些对代理b对象的操作； 5.handler里面的属性函数： a.handler.getPrototypeOf() 访问对象.

原创 ES6的块级作用域

为什么要使用块级作用域？ 1.在预编译阶段，变量的声明会被提升到作用域顶部，而初始化操作依旧留在原处执行，在该作用域中未定义变量的地方也能访问到该变量，但是此时变量尚未初始化，所以其值为undefined，为此ES6引入块级作用域来强化对变量生命周期的控制；块级声明： 1.块级作用域用于声明在指定块的作用域之外无法访问的变量； 2.块级作用域存在于： a.函数内部；

原创 ES6的Set方法

1.set是一种数据结构，可以认为是数组；2.set的四种操作方法： a.add(value),用于向数组中添加元素，返回set结构本身； b.delete(value),删除元素，返回一个bool值，表示是否删除成功； c.has(value),返回一个bool值表示set中是否含有本元素； d.c

原创 HTML事件

1.Form事件： <1>.onblur,元素失去焦点时运行 <2>.onchange,元素值被改变时运行 <3>.onfocus,元素获取焦点时运行 <4>.onreset，表单中的重置按钮被点击时触发，HTML5中不支持 <5&

原创 React之Hook

1.Hook可以使你在无需修改组件结构的情况下，复用状态逻辑；

原创 关于input标签

1.name属性：想要被正确提交必须加上name属性；2.value：给文本框设置初始值；3.type： <1>.text，input为文本输入框； <2>.radio,input为选项按钮,如果多个按钮的name属性值相同，为单选按钮； 如果多个按钮的name属性值不相等，为多选按钮；...

原创 标准Event方法

1.event.preventDefault(),该方法通知浏览器不要执行一切跟事件相关联的默认动作（如果存在这样的动作），（submit使用，可以阻止提交表单），如果event对象的cancelable属性是false,就没有默认动作，调用该方法无效；2.stopPropagation(),该方法阻止将事件派发到其他的任何节点；...

原创 React错误集合

1.引入script文件时，要先引入react文件，再引入react-dom文件，否则将会报错；

原创 React渲染组件过程

React渲染组件： //ReactDOM.render函数，传入<App/>组件作为参数 //React调用<App/>组件,该组件将<Welcome/>组件作为返回值 //React调用<Welcome/>组件，并将{name:'Sara'}{name:'Cahal'}{name:'Edite'}作为返回值 //ReactDOM将DOM高效地更新为<h1>hello,Sara</h1>等...

原创 React的生命周期与生命周期函数

React生命周期： 1.Mount(装载阶段），组件在第一次在DOM树中被渲染的时候 2.Update(更新阶段），组件状态发生变化，重新渲染的时候 3.Unmount(移出阶段），组件在DOM树中被移除的时候React生命周期函数： 1.componentDidMount,组件已经挂载到DOM树上就会回调 2.componentDidUpdate,组件已经

原创 React创建组件的两种方式

React组件化开发： 1.类组件： <1>.类组件需要继承自React.Component <2>类组件必须执行render函数，当render函数被调用时，它会检查this.props和this.state的变化，并开始渲染

原创 React获取真实的DOM节点

获取真实的DOM节点： 1.组建并不是真实的DOM节点，只是虚拟DOM； 2.虚拟DOM拿不到输入框中用户输入的数据，所以要使用ref属性来获取真实的DOM节点，this.refs[refName]用来获取真实的DOM节点； 3.必须等到虚拟DOM插入文档之后才能使用this.refs[refName],否则会报错...

原创 this.props.children属性

this.props.children属性： 1.可以访问当前组件类的所有子节点 2.如果当前组件没有子节点，它就是undefined,如果有一个子节点，它就是object,如果有多个子节点，它则为array(数组); 3.可以使用React.Children()方法来处理this.props.children,可以使用React.Children.map()方法来遍历组件的子节点，不需要担心this.props.children的数据类型是什么；...

原创 JS里面的Map函数

Map函数：1.arr1.map(带this的参数1（this.object），回调函数{}）；2.this.object参数是可选的，如果有，回调函数里面的this就是指向this.object,如果没有，this就会指向window;3.回调函数里面有三个值，分别是，当前取到的数组元素值、index、arr1（即调用map函数的数组);4.map函数返回的值就是经过回调函数处理后的数组;5.map函数不仅只用在数组中，还可用在有length属性，且按数字编制索引的属性名的对象中;

原创 React相关知识点

React条件渲染：1.使用函数创建组件，然后根据if条件语句来判断使用哪一个组件来渲染ui2.与运算符，只有满足条件时，才会执行的语句3.key关键字可以用来唯一标识一个列表中的一个项，一般用id作为元素的key，或者是用index来表示...