LQ271524-优快云博客

原创【无标题】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 307

原创 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 878

转载前端利用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 10771

原创 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 1956 3

原创 Redux的工作流程

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

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

原创 React 16.8+的生命周期

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

2021-03-04 16:34:59 564 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 333

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

连续点击多次路由报错解决方法点击多次路由会报错: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 293

原创对象的拷贝

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

2020-11-18 13:30:16 113 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 134

原创 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 98

LQ271524的博客