自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 【无标题】vue 强制刷新组件的方法

vue 强制刷新组件的方法方案一当数据变更后,通过watch 监听,先去销毁当前的组件,然后再重现渲染。使用 v-if 可以解决这个问题。<template> <third-comp v-if="reFresh"/></template> <script> export default{ data(){ return { reFresh:true, menuTree:[] } }, watch:{ menuTree(

2022-02-17 17:15:06 259

原创 echarts在同一个dom下动态渲染值,值相互影响解决办法

1、每次init之后,先dispose释放下资源,再重新initvar myChart=Echart.init(document.getElementById(DomID));myChart.dispose();myChart=Echart.init(document.getElementById(DomID));2、setOption时候,设置setOption(option,true) ,true表示数据不合并...

2021-07-12 14:14:28 737

转载 前端利用formData格式进行数据上传

contentType 常见的格式text/plain :纯文本格式application/json: JSON数据格式application/x-www-form-urlencoded中默认的encType,form表单数据被编码为key/value格式发送到服务器(表单默认的提交数据的格式)multipart/form-data : 需要在表单中进行文件上传时,就需要使用该格一. json格式传递fetch(url, { method: 'POST', // or 'PUT' b

2021-07-12 14:08:02 10084

原创 vue-router有几种钩子函数?具体是什么及其参数

全局路由全局前置守卫:beforeEachconst router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ...})每个守卫方法接收三个参数:to: Route: 即将要进入的目标 路由对象from: Route: 当前导航正要离开的路由next: Function: 一定要调用该方法不然会阻塞路由。执行效果依赖 next 方法的调用参数。next()方法接收的参..

2021-03-04 16:43:07 1789 3

原创 Redux的工作流程

概念Redux 是一个 数据管理中心,可以把它理解为一个全局的 data store 实例。它通过一定的使用规则和限制,保证着数据的健壮性、可追溯和可预测性。它与 React 无关,可以独立运行于任何 JavaScript 环境中,从而也为同构应用提供了更好的数据同步通道。核心理念单一数据源整个应用只有唯一的状态树,也就是所有 state 最终维护在一个根级 Store 中;状态只读为了保证状态的可控性,最好的方式就是监控状态的变化。那这里就两个必要条件:Re...

2021-03-04 16:40:54 470 1

原创 React 16.8+的生命周期

目前React 16.8+的生命周期分为三个阶段,分别是挂在阶段、更新阶段、卸载阶段挂载阶段constructor:构造函数,初始化state对象或者给自定义方法绑定this。getDerivedStateFromProps(nextProps,prevState),这个是静态方法,当我们接收到新的属性想去修改我们state,可以使用getDerivedStateFromProps(新增生命周期)render:render函数是纯函数,只返回需要渲染的内容,不应该包含其它业务逻辑。compo.

2021-03-04 16:34:59 481 1

转载 Map和ForEach的区别

Map和ForEach的区别定义:**map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。区别:forEach()方法不会返回执行结果,而是undefined。也就是说,forEach()会修改原来的数组。而map()方法会得到一个新的数组并返回。例子制作一个数组的平方,有如下一个数组let arr =[1,2,3,4,5,6]下面分别用forEach()和Map()forEach()注

2021-01-05 22:48:09 302

原创 连续点击多次路由报错解决方法

连续点击多次路由报错解决方法点击多次路由会报错:NavigationDuplicated {_name: “NavigationDuplicated”, name: “NavigationDuplicated”}在 router 的配置文件里下添加一下代码(在use之前):import Router from 'vue-router'const originalPush = Router.prototype.pushRouter.prototype.push = function push(l

2020-12-02 14:06:22 251

原创 对象的拷贝

对象的拷贝浅拷贝​ 以赋值的形式拷贝引用对象,扔指向同一个地址,修改时原对象也会收到影响​ 浅拷贝的实现方法:​ Object.assign​ 扩展运算符…深拷贝​ 完全拷贝一个新对象,修改时原对象不再受到任何影响​ 深拷贝的实现方法:​ JSON.parse(JSON.stringify(obj)):性能最快具有循环引用的对象时,报错当值为函数、undefined、或symbol时,无法拷贝​ 用for…in实现遍历和复制​ 利用数组的Ar

2020-11-18 13:30:16 87 1

原创 BFC

1、BFC概念“块级格式化上下文”。它是一个独立的渲染区域,让处于BFC内部的元素与外部元素相互隔离,使得内外元素的定位不会相互影响。2、 触发条件只要元素满足下面任一条件即可触发 BFC 特性:body 根元素浮动元素:float 除 none 以外的值绝对定位元素:position (absolute、fixed)display 为 inline-block、table-cells、flexoverflow 除了 visible 以外的值 (hidden、auto、scroll)3

2020-11-17 16:20:38 96

原创 css盒模型

css盒模型页面渲染时,dom元素才用的是布局模式。可通过box-sizing进行设置。根据计算宽高的区域可分为:content-box (w3c标准盒模型)border-box (IE盒模型)padding-box (FirFox曾经支持)margin-box (浏览器还未实现)<div class="content-box">Content box</div><br><div class="border-box">Border bo

2020-11-17 15:17:00 69

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除