logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

使用yarn进行webpack配置及简单使用

一、项目准备1、webpack的配置准备好文件夹并在vscode中打开终端执行yarn init -yyarn add webpack@5.31.2 webpack-cli@4.9.0 -D根目录下新建src文件夹---index.js在package.json下建立命令"scripts": {"build": "webpack"},最后终端执行 调试效果yarn build/npm run bu

文章图片
#webpack#前端#yarn
vue监听事件

一、准备数据和样式<template><div>{{ name }}<br>{{obj.age}}<br>{{arr}}<button @click="fn">点击</button></div></template>data() {return {name: "zs",obj:{

文章图片
#vue.js#elementui#javascript
NavigationDuplicated: Avoided redundant navigation to current location

设置路由后出现这种报错原因:查了一下说是因为路由重复(具体细节不太清楚)解决办法:首先看自己是因为什么跳转方法报错:push/replace/back......在router.js下写入下列两串代码(如果是其他跳转方法,把replace换成相应方法,例如replace换成push)大概这个样子:...

#大数据
react--props校验

之后可以使用flow或TypeScript对整个应用程序做全局检查。1、安装属性校验包yarn add prop-types2、导入prop-types包import PropTypes from 'prop-types'3、使用使用场景一:为函数添加propTypes校验使用组件名.prop-types={}来给组件List的props添加校验规则为组件添加propTypes,并通过PropTy

文章图片
#react.js#typescript#javascript
react三大核心属性

react三大核心属性之state1、state是组件对象最重要的属性,值是对象(可以包含多个key-value的组合)2、组件被称为“状态机”,通过更新组件的state来对应更多的页面显示(重新渲染组件)3、react核心理念状态不可变(专业!!)class MyComponent extends React.Component{constructor(props){super(props)th

文章图片
#react.js#前端#reactjs
react生命周期

组件生命周期-挂载阶段执行时机:组件创建时(页面加载时)constructor-创建组件时,最先执行-作用:1、初始化state 2、创建ref 3、使用bind解决this指向问题render-每次组件渲染都会触发-作用:渲染UI(注意:在render内部不能调用setState())**componentDidMount-组挂载后(DOM渲染完成)-作用:1、发送网络请求 2、DOM操作组件生

文章图片
#react.js#javascript#前端
报错Another git process seems to be running in this repository, e.g.an editor opened by ‘git commit‘.

在git上传到远程仓库的时候会出现这种报错Another git process seems to be running in this repository, e.g.an editor opened by 'git commit'. Please make sure all processesare terminated then try again. If it still fails, a

文章图片
#前端#git
git快速创建多个文件夹和文件

小目标:创建多个文件夹1、首先切换到想要创建文件夹的位置,点击右键,git Bash Here打开终端,输入下面一串$ mkdir departments employees setting salarys social attendances approvals permission就可以看到文件夹了2、在上面相同的终端,输入以下touch departments/index.vue emplo

文章图片
#前端#vue.js
vue数据存储到本地

监听数据改变 得到一个新值并把新值保存到本地watch: {list: {deep: true,handler(newVal) {localStorage.setItem("list", JSON.stringify(newVal));},},},在数据中可以取出保存到本地中的值 注意这个值是字符串形式 需要进行转换list: JSON.parse(localStorage.getItem("li

文章图片
#vue.js#javascript#前端
vue表单数据提交

如何提交表单数据://1、首先验证表单,true则可以通过,false不能通过//2、写接口提交表单数据//3、关闭弹窗//4、让数据立即显示在页面上//1、await this.$refs.formRef.validate()//2、try {await addDepartment({...this.formData,pid: this.treeNode.id})Message.success(

文章图片
#vue.js#前端
    共 12 条
  • 1
  • 2
  • 请选择